.video-section--full-width{max-height:calc(var(--page-width) * .5625)}.video-section--full-width .has-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-section--full-width .has-iframe[data-autoplay=false]{height:0;padding-top:56.3%}.video-section--full-width .has-iframe[data-autoplay=false] iframe{position:absolute;top:0;left:0}.video-section__media{padding-top:56.25%}.video-section__media iframe,.video-section__media video{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px}.video-section__bg-video{top:-60px;height:calc(100% + 120px)}.video-section__bg-video video{height:calc(100% - 120px);margin:60px 0;object-fit:cover}.video-section__bg-video video{height:100%;margin:0;object-fit:cover}.video-section__play-btn{z-index:1;color:#fff;cursor:pointer}.video-section__play-btn>.icon{width:calc(40px + 5%);height:auto}.text-overlay .video-section__play-btn>.icon{width:64px}.video-section--played .video-played-hidden,.video-section:has(deferred-media[loaded]) .video-played-hidden{transition:opacity .3s;opacity:0;pointer-events:none}.video-section__media .height-clip{height:calc(100% - 2px)}.video-section__media{overflow:hidden}.video-section__media video,.video-section__media iframe{position:absolute}.video-section__text{margin-bottom:calc(10 * var(--space-unit))}.video-section__play-btn{transition:opacity .4s;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.video-section:not(.video-section--played) deferred-media[loaded] .video-section__play-btn svg path:nth-child(2){display:none}.video-section:not(.video-section--played) deferred-media[loaded] .video-section__play-btn:before{content:"";position:absolute;top:calc(50% - 10px);right:calc(50% - 10px);width:20px;height:20px;transition:opacity .4s .3s;animation:spinner .6s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:transparent}.video-section.video-section--played deferred-media[loaded] .video-played-hidden,.video-section.video-section--played deferred-media[loaded]+.video-played-hidden{opacity:0;pointer-events:none}deferred-media[loaded]:not([data-hide-controls-instantly=true])+.video-played-hidden,deferred-media[loaded]:not([data-hide-controls-instantly=true]) .video-section__play-btn{transition-delay:1s;opacity:0;pointer-events:none}.video-section .text-overlay{margin:calc(12 * var(--space-unit)) 0 calc(12 * var(--space-unit) * 2)}.video-controls{position:absolute;z-index:2;bottom:20px;left:20px;display:flex;align-items:center;gap:1rem;transition:opacity .3s ease;overflow:hidden}.video-controls button{cursor:pointer;width:4rem;height:4rem;padding:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000004d;text-shadow:0 0 2px #000;opacity:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .1s cubic-bezier(.4,0,1,1);overflow:hidden}.video-controls button:hover:after{background-color:#ffffff1a;-webkit-transition:background-color .2s cubic-bezier(.05,0,0,1);transition:background-color .2s cubic-bezier(.05,0,0,1)}.video-controls button:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:transparent;pointer-events:none;border-radius:28px}.video-controls button svg{-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.8));filter:drop-shadow(0 0 1px rgba(0,0,0,.8));pointer-events:none;color:#fff}.video-controls svg[data-play-icon]{padding:.8rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/video.css.map */
