.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{background-color:transparent;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media.deferred-media:after{content:none}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media video{background:rgb(var(--color-base-background))}.video-section__media.media-fit-cover video{object-fit:cover}.video-section .media>video-loader .video-section__media,.video-section .media>video-loader .video-section__media.banner--mobile{display:block}.video-section .media>video-loader .video-section__media.banner--desktop{display:none}@media screen and (min-width: 750px){.video-section .media>video-loader .video-section__media.banner--mobile{display:none}.video-section .media>video-loader .video-section__media.banner--desktop{display:block}}#MainContent .video-section .media>video-loader+img,#MainContent .video-section .media>video-loader+img+img{display:none}.video-component.video-section .media{overflow:visible;min-height:var(--hero-banner-mobile)}@media screen and (min-width: 750px){.video-component.video-section .media{min-height:61.6rem}}.video-component .global-media-settings--full-width.video-section:after{display:none}@media screen and (max-width: 749px){.video-component .global-media-settings.video-section.relative--mobile .media{min-height:unset}.video-component .global-media-settings.video-section.relative--mobile video-loader{position:relative}}@media screen and (min-width: 750px){.video-component .global-media-settings.video-section.relative--desktop .media{min-height:unset}.video-component .global-media-settings.video-section.relative--desktop video-loader{position:relative}}.video-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-base-brand-secondary));border:none;color:rgb(var(--color-white));height:5.6rem;width:5.6rem;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.video-play-button .icon{height:1.8rem;width:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/16/assets/video-section.css.map */