mala-floating-video{--mfv-ease: cubic-bezier(.22, 1, .36, 1);--mfv-duration: .48s;--mfv-edge: 16px;--mfv-open-radius: 4px;--mfv-top-gap: 20px;--mfv-tray-gap: 10px;--mfv-lift: 0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-sticky, 8);pointer-events:none;visibility:hidden}mala-floating-video[data-ready=true]{visibility:visible}mala-floating-video[data-open=true]{z-index:2147483000}html.mfv-open .wa__btn_popup,html.mfv-open .wa__popup_chat_box,html.mfv-open #shopify-chat{opacity:0!important;pointer-events:none!important}mala-floating-video[hidden]{display:none}.mfv__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;opacity:0;pointer-events:none;transition:opacity var(--mfv-duration) var(--mfv-ease)}mala-floating-video[data-open=true] .mfv__backdrop{opacity:1;pointer-events:auto}.mfv__frame{position:absolute;bottom:calc(var(--mfv-edge) + var(--mfv-lift) + env(safe-area-inset-bottom,0px));left:var(--mfv-edge);width:var(--mfv-mini-w, 118px);aspect-ratio:var(--mfv-ar, 9 / 16);overflow:hidden;border-radius:var(--mfv-radius, 14px);background:#000;transform-origin:top left;pointer-events:auto;box-shadow:0 6px 24px #00000047,0 0 0 1px #ffffff8c inset;opacity:0;translate:0 12px;transition:opacity .42s var(--mfv-ease),translate .42s var(--mfv-ease)}mala-floating-video[data-position=bottom-right] .mfv__frame{left:auto;right:var(--mfv-edge)}mala-floating-video[data-ready=true] .mfv__frame{opacity:1;translate:0 0}mala-floating-video[data-open=true] .mfv__frame{--mfv-open-h: calc( var(--mfv-vh, 100vh) - var(--mfv-tray-h, 132px) - var(--mfv-top-gap) - var(--mfv-tray-gap) - env(safe-area-inset-bottom, 0px) );inset-inline:var(--mfv-top-gap);margin-inline:auto;width:min(calc(100vw - (var(--mfv-top-gap) * 2)),calc(var(--mfv-open-h) * var(--mfv-ar-num, .5625)));top:var(--mfv-top-gap);bottom:auto;border-radius:var(--mfv-open-radius);box-shadow:none;translate:0 0}.mfv__video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.mfv__surface{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.mfv__badge{position:absolute;inset-block-end:6px;inset-inline-end:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffffeb;color:#000;pointer-events:none;transition:opacity .2s var(--mfv-ease)}.mfv__badge svg{width:11px;height:11px;fill:currentcolor}.mfv__chip{position:absolute;inset-block-start:6px;inset-inline-start:6px;display:flex;align-items:center;gap:5px;padding:3px 7px;border-radius:99px;background:#00000073;color:#fff;font-family:var(--font-paragraph--family, inherit);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}mala-floating-video[data-compact=true] .mfv__chip{padding:5px;border-radius:50%}mala-floating-video[data-compact=true] .mfv__chip-label{display:none}.mfv__chip:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:mfv-pulse 2s var(--mfv-ease) infinite}@keyframes mfv-pulse{0%,to{opacity:1}50%{opacity:.25}}.mfv__icon-button{position:absolute;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s var(--mfv-ease),background-color .2s var(--mfv-ease)}.mfv__icon-button:hover{background:#000000b3}.mfv__icon-button svg{width:100%;height:100%;fill:currentcolor}.mfv__icon-button svg[hidden]{display:none}.mfv__dismiss{inset-block-start:0;inset-inline-end:0;width:32px;height:32px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.mfv__dismiss:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#0000009e;box-shadow:0 0 0 1px #fff9,0 1px 4px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s var(--mfv-ease)}.mfv__dismiss:hover{background:transparent}.mfv__dismiss:hover:before{background:#000000d1}.mfv__dismiss svg{width:10px;height:10px;position:relative}.mfv__close,.mfv__sound{width:38px;height:38px;opacity:0;pointer-events:none;transition:opacity .24s var(--mfv-ease) .12s}.mfv__close{inset-block-start:12px;inset-inline-end:12px}.mfv__close svg{width:13px;height:13px}.mfv__sound{inset-block-start:12px;inset-inline-start:12px}.mfv__sound svg{width:17px;height:17px}mala-floating-video[data-open=true] .mfv__close,mala-floating-video[data-open=true] .mfv__sound{opacity:1;pointer-events:auto}mala-floating-video[data-open=true] .mfv__dismiss,mala-floating-video[data-open=true] .mfv__chip,mala-floating-video[data-open=true] .mfv__badge{opacity:0;pointer-events:none}.mfv__paused-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s var(--mfv-ease)}.mfv__paused-glyph span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mfv__paused-glyph svg{width:20px;height:20px;fill:#fff}mala-floating-video[data-playing=false] .mfv__paused-glyph{opacity:1}mala-floating-video[data-playing=false] .mfv__badge{opacity:0}.mfv__progress{position:absolute;inset-inline:0;inset-block-end:0;height:2px;background:#ffffff38;opacity:0;pointer-events:none;transition:opacity .24s var(--mfv-ease)}mala-floating-video[data-open=true] .mfv__progress{opacity:1}.mfv__progress i{display:block;width:var(--mfv-progress, 0%);height:100%;background:#fff}.mfv__tray{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;gap:10px;padding:16px var(--mfv-top-gap) calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-background, #fff);color:var(--color-foreground, #000);opacity:0;translate:0 100%;pointer-events:none;transition:opacity .26s var(--mfv-ease),translate var(--mfv-duration) var(--mfv-ease)}mala-floating-video[data-open=true] .mfv__tray{opacity:1;translate:0 0;pointer-events:auto}.mfv__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.mfv__title{margin:0;overflow:hidden;font-family:var(--font-paragraph--family, inherit);font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mfv__price{margin:0;font-family:var(--font-paragraph--family, inherit);font-size:13px;font-weight:600;white-space:nowrap}.mfv__atc.button{width:100%;min-height:48px;letter-spacing:.06em}.mfv__atc[disabled]{cursor:not-allowed;opacity:.45}@media screen and (min-width:750px){mala-floating-video{--mfv-edge: 24px;--mfv-top-gap: 32px}.mfv__frame{width:var(--mfv-mini-w-desktop, 150px)}mala-floating-video[data-open=true] .mfv__frame{width:min(calc(100vw - 64px),calc(var(--mfv-open-h) * var(--mfv-ar-num, .5625)))}.mfv__tray{inset-inline:50%;width:min(520px,calc(100vw - 64px));translate:-50% 100%;border-radius:var(--mfv-open-radius) var(--mfv-open-radius) 0 0}mala-floating-video[data-open=true] .mfv__tray{translate:-50% 0}.mfv__meta{justify-content:center}}@media screen and (min-width:750px){mala-floating-video[data-desktop=false]{display:none}}@media(prefers-reduced-motion:reduce){.mfv__frame,.mfv__tray,.mfv__backdrop{transition-duration:1ms}.mfv__chip:before{animation:none}}.section-mala-floating-video{display:contents}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mala-floating-video.css.map */