.htp-video{position:relative;overflow:hidden}.htp-video__art{position:absolute;top:50%;left:50%;width:min(130rem,150vw);transform:translate(-50%,-42%);pointer-events:none}.htp-video__art img{display:block;width:100%;height:auto}.htp-video__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.htp-video__heading{margin:0 0 3.2rem;font-size:clamp(3.6rem,5vw,6rem);line-height:1.05}.htp-video__phone{width:min(32rem,72vw);padding:1.2rem;border-radius:3.6rem;background-color:#f2f2f2;box-shadow:0 0 0 .2rem #000,0 2.4rem 6rem #00000080}.htp-video__screen{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:2.6rem;background-color:#111}.htp-video__player,.htp-video__deferred,.htp-video__deferred iframe,.htp-video__poster,.htp-video__poster img{display:block;width:100%;height:100%;border:0}.htp-video__player,.htp-video__poster img{object-fit:cover}.htp-video__poster{position:relative;padding:0;background:none;cursor:pointer}.htp-video__deferred[loaded] .htp-video__poster{display:none}.htp-video__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background-color:#ffdf5e;color:#000;transform:translate(-50%,-50%)}.htp-video__play svg{width:2rem;height:2rem}.htp-video__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:2.4rem;color:#fff}.htp-video__empty p{margin:0;font-family:var(--font-heading-family);font-size:1.8rem}.htp-video__caption{max-width:56rem;margin-top:2.4rem;font-size:1.8rem}@media screen and (min-width:750px){.htp-video__art{width:min(130rem,100vw)}}.htp-video__stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.4rem;width:100%}.htp-video__ugc{display:flex;gap:1.6rem}.htp-video__clip{width:min(18rem,40vw);margin:0}.htp-video__ugc--left .htp-video__clip:nth-child(odd),.htp-video__ugc--right .htp-video__clip:nth-child(2n){transform:rotate(-4deg)}.htp-video__ugc--left .htp-video__clip:nth-child(2n),.htp-video__ugc--right .htp-video__clip:nth-child(odd){transform:rotate(4deg) translateY(3rem)}.htp-video__clip-screen{position:relative;aspect-ratio:9 / 16;overflow:hidden;border:.8rem solid #000000;border-radius:2.4rem;background-color:#111}.htp-video__clip-screen video,.htp-video__clip-screen img{display:block;width:100%;height:100%;object-fit:cover}.htp-video__clip-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.2rem;color:#fff;font-family:var(--font-heading-family);text-align:center}.htp-video__clip figcaption{margin-top:.8rem;font-family:var(--font-heading-family);font-size:1.5rem;text-align:center}@media screen and (max-width:989px){.htp-video__phone{order:-1}.htp-video__ugc{flex:0 0 100%;justify-content:center}.htp-video__clip{width:min(14rem,28vw)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-how-to-play-video.css.map */