.floating-video-widget{position:fixed;bottom:var(--bottom-space, 25px);width:var(--desktop-width, 120px);aspect-ratio:9/16;border-radius:var(--border-radius, 12px);overflow:hidden;background:#000;box-shadow:0 12px 30px #00000038;z-index:9998;cursor:pointer;transition:all .3s ease;animation:floatingVideoIn .35s ease}.floating-video-widget.right{right:var(--side-space,25px)}.floating-video-widget.left{left:var(--side-space,25px)}.floating-video-widget:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000047}.floating-video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.floating-video-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#fff;color:#000;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:.25s}.floating-video-close:hover{transform:rotate(90deg)}.floating-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.25s;z-index:99999}.floating-video-modal.active{opacity:1;visibility:visible}.floating-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.floating-video-popup{position:relative;width:100%;max-width:var(--popup-width,420px);transform:scale(.94);transition:.25s;z-index:2}.floating-video-modal.active .floating-video-popup{transform:scale(1)}#popupVideo{width:100%;display:block;border-radius:14px;background:#000;max-height:85vh}.popup-close{position:absolute;top:-18px;right:-18px;width:38px;height:38px;border:none;border-radius:50%;background:#fff;color:#000;cursor:pointer;font-size:22px;z-index:5;display:flex;align-items:center;justify-content:center;transition:.25s}.popup-close:hover{transform:rotate(90deg)}.floating-video-widget.hide{display:none}body.video-popup-open{overflow:hidden}@media(max-width:749px){.floating-video-widget{width:var(--mobile-width,90px)}.floating-video-popup{width:92%;max-width:92%}.popup-close{top:-12px;right:-12px}}@media(min-width:750px){.hide-desktop{display:none!important}}@media(max-width:749px){.hide-mobile{display:none!important}}@keyframes floatingVideoIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/floating-video-widget.css.map */