.fv-source{width:100%;height:0;min-height:0;margin:0;padding:0;overflow:visible}.fv-floating{position:fixed;z-index:9990;width:var(--fv-desktop-width, 145px);aspect-ratio:var(--fv-aspect-ratio, 9 / 16);bottom:max(var(--fv-vertical-offset, 25vh),env(safe-area-inset-bottom));top:auto;overflow:hidden;box-sizing:border-box;border-radius:var(--fv-radius, 14px);background:#000;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,18px,0) scale(.985);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility 0s linear .22s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fv-floating.fv-has-shadow{box-shadow:0 14px 34px #0003,0 3px 10px #0000001a}.fv-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility 0s linear 0s}.fv-floating.fv-position-left{left:max(var(--fv-desktop-side, 24px),env(safe-area-inset-left));right:auto}.fv-floating.fv-position-right{right:max(var(--fv-desktop-side, 24px),env(safe-area-inset-right));left:auto}.fv-floating.fv-position-center{left:50%;right:auto;transform:translate3d(-50%,18px,0) scale(.985)}.fv-floating.fv-position-center.is-visible{transform:translate3d(-50%,0,0) scale(1)}.fv-floating-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.fv-floating video,.fv-floating iframe,.fv-modal-content video,.fv-modal-content iframe{display:block;width:100%;height:100%;border:0;background:#000}.fv-floating video{object-fit:cover}.fv-floating iframe{pointer-events:none}.fv-floating:after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:40%;pointer-events:none;background:linear-gradient(to top,#0000005c,#0000)}.fv-open-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.fv-open-button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.fv-close{position:absolute;z-index:5;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#0f0f0f8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:inherit;font-size:19px;font-weight:400;line-height:1;cursor:pointer}.fv-close:hover{background:#0f0f0fbd}.fv-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.fv-badge{position:absolute;z-index:4;left:9px;bottom:9px;display:inline-flex;align-items:center;gap:6px;min-height:26px;max-width:calc(100% - 18px);padding:0 9px;box-sizing:border-box;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:#0f0f0f80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:inherit;font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.fv-badge-icon{flex:0 0 auto;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.fv-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#000000e0;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}.fv-modal.is-open{opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s linear 0s}body.fv-modal-open{overflow:hidden!important}.fv-modal-content{position:relative;width:min(92vw,430px);max-width:92vw;max-height:88vh;aspect-ratio:var(--fv-aspect-ratio, 9 / 16);overflow:hidden;border-radius:14px;background:#000;box-shadow:0 24px 70px #0006;transform:scale(.985);transition:transform .18s ease}.fv-modal.is-open .fv-modal-content{transform:scale(1)}.fv-modal-content.fv-ratio-4-5{width:min(88vw,620px)}.fv-modal-content.fv-ratio-1-1{width:min(88vw,720px)}.fv-modal-content.fv-ratio-16-9{width:min(92vw,1100px)}.fv-modal-content video{object-fit:contain}.fv-modal-close{position:fixed;z-index:100001;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:#1414148c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:inherit;font-size:28px;line-height:1;cursor:pointer}.fv-modal-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.fv-editor-message{position:fixed;z-index:9999;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));height:auto;padding:12px 14px;box-sizing:border-box;border:1px dashed rgba(0,0,0,.25);border-radius:8px;background:#fff;color:#444;text-align:center;font-size:13px;box-shadow:0 8px 24px #00000014}@media screen and (max-width:749px){.fv-floating{width:var(--fv-mobile-width, 102px);border-radius:min(var(--fv-radius, 14px),14px)}.fv-floating.fv-mobile-position-left{left:max(var(--fv-mobile-side, 12px),env(safe-area-inset-left));right:auto}.fv-floating.fv-mobile-position-right{right:max(var(--fv-mobile-side, 12px),env(safe-area-inset-right));left:auto}.fv-floating.fv-mobile-position-center{left:50%;right:auto;transform:translate3d(-50%,18px,0) scale(.985)}.fv-floating.fv-mobile-position-center.is-visible{transform:translate3d(-50%,0,0) scale(1)}.fv-close{top:6px;right:6px;width:25px;height:25px;font-size:17px}.fv-badge{left:7px;bottom:7px;min-height:23px;padding:0 8px;font-size:10px}.fv-modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.fv-modal-content{max-height:84vh;border-radius:10px}.fv-modal-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:38px;height:38px;font-size:25px}}@media(hover:hover)and (pointer:fine){.fv-floating.is-visible:hover{transform:translate3d(0,-2px,0) scale(1.01)}.fv-floating.fv-position-center.is-visible:hover{transform:translate3d(-50%,-2px,0) scale(1.01)}}@media screen and (max-width:749px)and (hover:hover)and (pointer:fine){.fv-floating.fv-mobile-position-center.is-visible:hover{transform:translate3d(-50%,-2px,0) scale(1.01)}}@media(prefers-reduced-motion:reduce){.fv-floating,.fv-modal,.fv-modal-content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/floating-video.css.map */