.section-video-popup{margin:0}.video-popup{--vp-accent: #fef999;--vp-ink: #550a1c;--vp-width-desktop: 220px;--vp-width-mobile: 130px;--vp-width: var(--vp-width-mobile);--vp-edge: 1.2rem}@media screen and (min-width:750px){.video-popup{--vp-width: var(--vp-width-desktop);--vp-edge: 2.4rem}}.video-popup__launcher{position:fixed;bottom:var(--vp-edge);z-index:40;display:flex;align-items:stretch;padding:0;border:.15rem solid var(--vp-ink);border-radius:1rem;background:var(--vp-accent);color:var(--vp-ink);overflow:hidden;cursor:pointer;font-family:var(--font-body-family);transition:transform .2s ease}.video-popup--right .video-popup__launcher{right:var(--vp-edge)}.video-popup--left .video-popup__launcher{left:var(--vp-edge)}.video-popup__launcher:hover{transform:translateY(-.2rem)}.video-popup__launcher:focus-visible{outline:.2rem solid var(--vp-ink);outline-offset:.3rem}.video-popup[data-open] .video-popup__launcher{display:none}.video-popup__launcher-thumb{display:block;width:3.4rem;aspect-ratio:9 / 16;border-right:.15rem solid var(--vp-ink)}.video-popup__launcher-thumb img{display:block;width:100%;height:100%;object-fit:cover}.video-popup__launcher-label{display:flex;align-items:center;gap:.6rem;padding:0 1.2rem;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.video-popup__play{width:.9rem;height:1.1rem;flex:none}@media screen and (min-width:750px){.video-popup__launcher-thumb{width:4.4rem}.video-popup__launcher-label{padding:0 1.6rem;font-size:1.2rem}}.video-popup__player{position:fixed;bottom:var(--vp-edge);z-index:41;width:var(--vp-width);animation:vp-in .3s cubic-bezier(.2,.8,.2,1) both}.video-popup__player[hidden]{display:none}.video-popup--right .video-popup__player{right:var(--vp-edge)}.video-popup--left .video-popup__player{left:var(--vp-edge)}@keyframes vp-in{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:none}}.video-popup__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;border:.2rem solid var(--vp-ink);border-radius:1.2rem;background:var(--vp-ink);cursor:pointer}.video-popup__video{display:block;width:100%;height:100%;object-fit:cover}.video-popup__btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:.15rem solid var(--vp-ink);border-radius:50%;background:var(--vp-accent);color:var(--vp-ink);cursor:pointer;transition:transform .15s ease}.video-popup__btn:hover{transform:scale(1.08)}.video-popup__btn:focus-visible{outline:.2rem solid var(--vp-ink);outline-offset:.2rem}.video-popup__close{position:absolute;top:-1.2rem;right:-1.2rem;z-index:2;width:3.2rem;height:3.2rem}.video-popup--right .video-popup__close{right:auto;left:-1.2rem}.video-popup__close svg{width:1.6rem;height:1.6rem}.video-popup__close:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.video-popup__sound{position:absolute;left:.8rem;bottom:.8rem;z-index:2;width:3.6rem;height:3.6rem}.video-popup__sound svg{width:1.8rem;height:1.8rem}.video-popup__sound .video-popup__icon--on,.video-popup__sound[aria-pressed=true] .video-popup__icon--muted{display:none}.video-popup__sound[aria-pressed=true] .video-popup__icon--on{display:block}.video-popup__cta{display:block;margin-top:.6rem;padding:.8rem 1rem;border:.15rem solid var(--vp-ink);border-radius:2rem;background:var(--vp-accent);color:var(--vp-ink);font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-align:center;text-transform:uppercase;text-decoration:none}@media(prefers-reduced-motion:reduce){.video-popup__player{animation:none}.video-popup__launcher,.video-popup__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-video-popup.css.map */
