.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.3%}.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__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{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;object-fit:cover}.video-section__media video{background-color:#000}.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}.card--product .video-section__media{padding-top:125%}.video-section:not(.video-section--played) deferred-media[loaded-video] .video-section__play-btn:before{display:none}.video-section:not(.video-section--played) deferred-media[loaded-video] .video-section__play-btn svg path:nth-child(2){display:block}.video-controls{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:space-between;left:0;padding:20px;position:absolute;right:0}.video-container{display:flex;overflow:hidden;height:100%;justify-content:center;width:auto;position:relative}.video-container .video-detail{position:relative}.video-controls-left,.video-controls-right{gap:10px}.video-controls .btn-video-action{align-items:center;background-color:#fff;border-radius:8px;color:#000;display:flex;font-weight:600;height:40px;justify-content:center;opacity:.8;padding:5px 15px;font-size:14px;white-space:nowrap}.video-controls .btn-video-action:hover{opacity:1}.video-container.fullscreen-active{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#000}.video-container.fullscreen-active video{width:100%;height:100%}.video-container.fullscreen-active .video-controls{position:absolute;bottom:0;width:100%;justify-content:space-between;background:linear-gradient(180deg,#0000,#000);padding:50px 15px 15px}.video-container.fullscreen-active .video-controls .btn-video-action{font-size:16px;padding:8px 15px;background:#c8c8c8;opacity:1}.video-container.fullscreen-active .video-controls .btn-video-action:hover{background:#fff}.video-container.fullscreen-active .video-controls .btn-video-action#time-display{background:none;color:#fff}@media(max-width:767px){.video-controls{padding:12px}.video-container{position:static}.video-container .video-detail{position:absolute;width:100%;object-fit:cover}.video-container.fullscreen-active video{object-fit:contain;background-color:#000}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/video.css.map */