.interactive-video-wrapper{position:relative;width:100%;margin:0 auto}.interactive-video-wrapper--full-width{max-width:100%}.interactive-video-container{position:relative;width:100%;cursor:pointer;overflow:hidden}.mobile-video{display:none}@media screen and (max-width: 749px){.desktop-video{display:none!important}.mobile-video{display:block!important}}.unmute-button{position:absolute;z-index:10;background:transparent;border:1px solid white;color:#fff;width:48px;height:48px;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.unmute-button:focus{outline:2px solid white;outline-offset:2px}.unmute-button--desktop{top:20px;left:20px}.unmute-button--desktop:hover{background:#ffffff1a;transform:scale(1.05)}.unmute-button--desktop:active{transform:scale(.95)}.unmute-button--mobile{bottom:20px;left:50%;transform:translate(-50%)}.unmute-icon{width:24px;height:24px;display:none}.unmute-button .unmute-icon.muted{display:block}.unmute-button .unmute-icon.unmuted,.unmute-button.unmuted .unmute-icon.muted{display:none}.unmute-button.unmuted .unmute-icon.unmuted{display:block}.play-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:5}.play-pause-overlay svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.interactive-video-container:before{content:"";display:block;padding-top:56.25%}.interactive-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.desktop-video .interactive-video-container:before{content:""!important;display:block!important;padding-top:56.25%!important}.desktop-video .interactive-video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.mobile-video .interactive-video-container:before{content:none!important;display:none!important;padding:0!important}.mobile-video .interactive-video-container{position:relative!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:0!important}.mobile-video .interactive-video{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important;transform:none!important}@media screen and (max-width: 749px){.interactive-video-container:before{padding-top:0!important}.mobile-video .interactive-video-container:before{padding:0!important}.mobile-video .interactive-video-container{position:relative!important;height:auto!important;padding:0!important}.mobile-video .interactive-video{position:relative!important;width:100%!important;height:auto!important;object-fit:contain!important}.unmute-button{width:44px;height:44px}.unmute-button--desktop{top:16px;left:16px}.unmute-button--mobile{bottom:16px}.play-pause-overlay{width:70px;height:70px}.play-pause-overlay svg{width:50px;height:50px}}@media (prefers-reduced-motion: no-preference){.scroll-trigger.animate--slide-in{animation:slideIn .6s ease-out}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{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:#000}.video-section__media.media-fit-cover video{object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/13/assets/video-section.css.map */
