.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:var(--ratio-percent);width:100%;max-width:100%;margin:0 auto}@media screen and (min-width:750px){.video-section__media{max-width:85%;--ratio-percent: 42.55%}}@media screen and (min-width:990px){.video-section__media{max-width:70%}}@media screen and (min-width:1200px){.video-section__media{max-width:60%}}@media screen and (min-width:1400px){.video-section__media{max-width:55%}}.video-section__media.deferred-media{overflow:visible}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__poster.media--landscape{padding-bottom:0!important}.video-section__media iframe,.video-section__media video{background-color:rgba(var(--color-foreground),.06);border:0}.video-section__poster{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.video-section__poster img{object-fit:contain!important;object-position:center;width:100%;height:100%}.video-section__media iframe,.video-section__media video{position:absolute;top:0;left:0;width:100%;height:100%}.video-section__media.deferred-media[loading] .deferred-media__poster-button{visibility:hidden}.video-section__media.deferred-media[loaded]>.deferred-media__poster{display:none}video-section{position:absolute;top:0;left:0;width:100%;height:100%;display:block}video-section iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-section__media.media-fit-cover video{object-fit:cover}.video-section{display:flex;flex-direction:column;align-items:center}.video-section .title-wrapper{margin-bottom:3rem;width:100%}@media screen and (min-width:750px){.video-section .title-wrapper{margin-bottom:4rem}}.video-section__placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;min-height:40rem;background:rgba(var(--color-foreground),.04);border-radius:.8rem}.video-section__placeholder-text{color:rgba(var(--color-foreground),.5);font-size:1.4rem;margin:0}.video-section__media.deferred-media[loading] .deferred-media__poster-button{opacity:.5;pointer-events:none}.video-unmute-btn{position:absolute;bottom:2rem;right:2rem;z-index:2;display:flex;align-items:center;gap:.8rem;padding:1rem 1.6rem;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border-radius:2.4rem;font-size:1.4rem;font-weight:500;cursor:pointer;opacity:0;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.video-unmute-btn.visible{opacity:1}.video-unmute-btn:hover{background:#000000d9;transform:scale(1.05)}.video-unmute-btn svg{width:2rem;height:2rem;flex-shrink:0}.video-unmute-btn.unmuted{background:rgba(var(--color-button),1)}@media screen and (min-width:750px){.video-unmute-btn{bottom:2.4rem;right:2.4rem;font-size:1.5rem}}.video-floating-control{position:fixed;bottom:10rem;left:2rem;z-index:100;display:flex;align-items:center;gap:.4rem;padding:.5rem;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4rem;box-shadow:0 4px 16px #00000059;opacity:0;transform:translateY(10rem);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.video-floating-control.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mini-cart--open .video-floating-control,.mini-cart--opening .video-floating-control,.menu-drawer--open .video-floating-control,.menu-drawer--opening .video-floating-control{opacity:0!important;pointer-events:none!important;transform:translateY(10rem)!important}.video-floating-buttons{display:flex;align-items:center;gap:.5rem}.video-floating-play-pause,.video-floating-mute,.video-floating-pip{width:3.8rem;height:3.8rem;padding:0;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.video-floating-play-pause:hover,.video-floating-mute:hover,.video-floating-pip:hover{background:rgba(var(--color-button),1);color:#fff;transform:scale(1.1)}.video-floating-play-pause svg,.video-floating-mute svg,.video-floating-pip svg{width:1.8rem;height:1.8rem}.video-floating-mute .unmuted-icon,.video-floating-play-pause .play-icon,.video-floating-title{display:none}@media screen and (min-width:750px){.video-floating-control{bottom:12rem;left:3rem;padding:.6rem}.video-floating-buttons{gap:.6rem}.video-floating-play-pause,.video-floating-mute,.video-floating-pip{width:4.2rem;height:4.2rem}.video-floating-play-pause svg,.video-floating-mute svg,.video-floating-pip svg{width:2rem;height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/section-video.css.map */