.madu-float-bubble{position:fixed;z-index:9999}.madu-float-bubble--left{left:var(--madu-x, 14px)}.madu-float-bubble--right{right:var(--madu-x, 14px)}.madu-float-bubble{bottom:var(--madu-y, 14px)}.madu-float-bubble__wrap{width:var(--madu-size, 74px);height:var(--madu-size, 74px);border-radius:999px;padding:3px;background:linear-gradient(45deg,#ff4d6d,#ffb703,#8ecae6);box-shadow:0 12px 30px #00000040;cursor:pointer;touch-action:manipulation;position:relative}.madu-float-bubble__media{width:100%;height:100%;border-radius:999px;overflow:hidden;background:#111}.madu-float-bubble__video{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px}.madu-float-bubble__close{position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:999px;border:0;background:#ffffffeb;color:#000;font-size:18px;line-height:1;cursor:pointer}.madu-float-bubble__label{margin-top:6px;font-size:12px;text-align:center;color:inherit;max-width:calc(var(--madu-size, 74px) + 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.madu-float-bubble__hint{font-size:12px;color:#fff;padding:10px;text-align:center}.madu-float-modal[hidden]{display:none!important}.madu-float-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.madu-float-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.madu-float-modal__dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.madu-float-modal__stage{width:min(420px,100%);height:min(92vh,760px);background:#000;border-radius:16px;overflow:hidden;position:relative}.madu-float-modal__close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;border:0;background:#ffffff24;color:#fff;font-size:24px;cursor:pointer;z-index:2}.madu-float-modal__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:#ffffff24;color:#fff;cursor:pointer;z-index:2}.madu-float-modal__nav--prev{left:12px}.madu-float-modal__nav--next{right:12px}.madu-float-modal__video{width:100%;height:100%;object-fit:cover;display:block}.madu-float-modal__cta{position:absolute;left:12px;right:12px;bottom:12px;display:block;text-align:center;padding:12px 14px;border-radius:12px;background:#ffffffe6;color:#000;text-decoration:none;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/8/assets/madu-float-bubble.css.map */