.animated-video__wrapper{position:relative;height:200dvh;margin-top:-4rem;z-index:10;--video-h: 100dvh}@media screen and (min-width:990px){.animated-video__wrapper{margin-top:-10rem}}.animated-video__wrapper .container{display:contents}.animated-video__box{position:sticky;top:0}.animated-video__player{display:block;width:100vw;height:100dvh;object-fit:cover;clip-path:polygon(20% 20%,20% 80%,80% 80%,80% 20%,20% 20%)}.animated-video__sound-toggle{--gap: 2.4rem;--btn-size: 9.6rem;position:absolute;top:50%;left:50%;width:var(--btn-size);height:var(--btn-size);margin:0;padding:0;border:0;border-radius:50%;color:#fff;background:#12121280;box-shadow:inset 0 0 0 1px #ffffff8c,0 .8rem 3rem #00000047;cursor:pointer;z-index:3;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(1);transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .45s ease,background-color .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.animated-video__sound-toggle.is-ready{opacity:1;pointer-events:auto}.animated-video__sound-toggle:hover{background:#121212a8}.animated-video__sound-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ffffff8c,0 0 0 .3rem #ffffffb3}.animated-video__sound-toggle.is-ready.is-active{transform:translate(calc(50vw - 100% - var(--gap)),calc((var(--video-h) / 2) - 100% - var(--gap))) scale(.62)}.animated-video__sound-icons{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.animated-video__sound-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity .25s ease}.animated-video__sound-icon--play svg{width:2.6rem;height:auto;transform:translate(.2rem)}.animated-video__sound-icon--on svg,.animated-video__sound-icon--muted svg{width:3rem;height:3rem}.animated-video__sound-toggle:not(.is-active) .animated-video__sound-icon--play{opacity:1}.animated-video__sound-toggle.is-active.is-on .animated-video__sound-icon--on{opacity:1}.animated-video__sound-toggle.is-active:not(.is-on) .animated-video__sound-icon--muted{opacity:1}.animated-video__sound-label{position:absolute;top:calc(100% + 1.4rem);left:50%;transform:translate(-50%);white-space:nowrap;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 .1rem 1.2rem rgba(0,0,0,.45);opacity:1;transition:opacity .3s ease;pointer-events:none}.animated-video__sound-toggle.is-active .animated-video__sound-label{opacity:0}@media(prefers-reduced-motion:reduce){.animated-video__sound-toggle{transition:opacity .3s ease,background-color .3s ease}}.animated-video__wrapper.has-modal .animated-video__player{cursor:pointer}.animated-video__open{position:absolute;left:50%;bottom:4rem;transform:translate(-50%,.6rem);display:inline-flex;align-items:center;gap:.9rem;margin:0;padding:1rem 1.8rem;border:0;border-radius:5rem;color:#fff;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#12121280;box-shadow:inset 0 0 0 1px #ffffff73,0 .8rem 3rem #00000047;cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease,background-color .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.animated-video__box:hover .animated-video__open,.animated-video__open:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.animated-video__open:hover{background:#121212a8}.animated-video__open:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ffffff73,0 0 0 .3rem #ffffffb3}.animated-video__open-icon{width:1.5rem;height:1.5rem;flex:none}@media(hover:none){.animated-video__open{opacity:1;pointer-events:auto;transform:translate(-50%)}}.animated-video__modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.animated-video__modal[open]{display:flex;align-items:center;justify-content:center}.animated-video__modal::backdrop{background:#000000e0}.animated-video__modal-frame{position:relative;display:flex;max-width:92vw;max-height:86dvh}.animated-video__modal-frame--embed{width:min(92vw,calc(86dvh * 16 / 9));aspect-ratio:16 / 9}.animated-video__modal-video{display:block;width:auto;height:auto;max-width:92vw;max-height:86dvh;background:#000}.animated-video__modal-iframe{display:block;width:100%;height:100%;border:0;background:#000}.animated-video__modal-close{position:fixed;top:2rem;right:2rem;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;border-radius:50%;color:#fff;background:#1212128c;box-shadow:inset 0 0 0 1px #fff6;cursor:pointer;z-index:2;transition:background-color .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.animated-video__modal-close:hover{background:#121212bf}.animated-video__modal-close:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #fff6,0 0 0 .3rem #ffffffb3}.animated-video__modal-close svg{width:2rem;height:2rem}@media screen and (max-width:749px){.animated-video__wrapper{height:auto;margin-top:0;--video-h: 100svh}.animated-video__box{position:relative}.animated-video__player{height:100svh;clip-path:none}.animated-video__sound-toggle{--gap: 1.6rem;--btn-size: 7.2rem}.animated-video__sound-icon--play svg{width:2.1rem}.animated-video__sound-icon--on svg,.animated-video__sound-icon--muted svg{width:2.5rem;height:2.5rem}.animated-video__sound-label{font-size:1.2rem}.animated-video__open{bottom:3rem;padding:1.1rem 1.8rem;font-size:1.3rem}.animated-video__modal-close{top:1.4rem;right:1.4rem;width:4rem;height:4rem}.animated-video__modal-frame{max-width:100vw;max-height:90dvh}.animated-video__modal-frame--embed{width:100vw}.animated-video__modal-video{max-width:100vw;max-height:90dvh}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-animated-video.css.map */