.hok-fv{--hok-fv-aspect: 9/16;--hok-fv-radius: 14px;--hok-fv-corner-w: 240px;--hok-fv-offset-desktop: 20px;--hok-fv-offset-mobile: 80px;--hok-fv-shadow: 0 12px 40px -8px rgba(0, 0, 0, .28), 0 4px 12px -2px rgba(0, 0, 0, .12);--hok-fv-ease: cubic-bezier(.32, .72, 0, 1);--hok-fv-duration: .42s;display:block;height:0;width:0;overflow:visible}.hok-fv[data-size=small]{--hok-fv-corner-w: 180px}.hok-fv[data-size=medium]{--hok-fv-corner-w: 240px}.hok-fv[data-size=large]{--hok-fv-corner-w: 300px}.hok-fv__stage{position:fixed;z-index:9998;width:var(--hok-fv-corner-w);aspect-ratio:var(--hok-fv-aspect);border-radius:var(--hok-fv-radius);overflow:hidden;background:#000;box-shadow:var(--hok-fv-shadow);cursor:pointer;opacity:0;transform:translateY(16px) scale(.94);pointer-events:none;transition:opacity var(--hok-fv-duration) var(--hok-fv-ease),transform var(--hok-fv-duration) var(--hok-fv-ease);will-change:transform,opacity}.hok-fv[data-corner=bottom-right] .hok-fv__stage{bottom:var(--hok-fv-offset-desktop);right:var(--hok-fv-offset-desktop)}.hok-fv[data-corner=bottom-left] .hok-fv__stage{bottom:var(--hok-fv-offset-desktop);left:var(--hok-fv-offset-desktop)}.hok-fv[data-state=visible] .hok-fv__stage{opacity:1;transform:none;pointer-events:auto}@media(max-width:749px){.hok-fv[data-size=small]{--hok-fv-corner-w: 120px}.hok-fv[data-size=medium]{--hok-fv-corner-w: 140px}.hok-fv[data-size=large]{--hok-fv-corner-w: 168px}.hok-fv[data-corner=bottom-right] .hok-fv__stage,.hok-fv[data-corner=bottom-left] .hok-fv__stage{bottom:var(--hok-fv-offset-mobile)}.hok-fv[data-corner=bottom-right] .hok-fv__stage{right:12px}.hok-fv[data-corner=bottom-left] .hok-fv__stage{left:12px}}.hok-fv__video{display:block;width:100%;height:100%;object-fit:cover;background:#000;border-radius:inherit}.hok-fv__controls{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2;opacity:.85;transition:opacity .2s ease}.hok-fv__stage:hover .hok-fv__controls,.hok-fv__controls:focus-within{opacity:1}.hok-fv__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:#0000008c;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,transform .15s ease}.hok-fv__btn:hover{background:#000000bf}.hok-fv__btn:active{transform:scale(.94)}.hok-fv__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hok-fv__icon--unmuted,.hok-fv[data-muted=false] .hok-fv__icon--muted{display:none}.hok-fv[data-muted=false] .hok-fv__icon--unmuted{display:block}@media(prefers-reduced-motion:reduce){.hok-fv__stage{transition:opacity var(--hok-fv-duration) linear!important;transform:none!important}.hok-fv[data-state=visible] .hok-fv__stage{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */