.xo-video-bubble-widget{position:fixed;z-index:9998}.xo-video-bubble-widget[data-position=bottom-left]{left:var(--xo-vb-offset-h);bottom:var(--xo-vb-offset-v)}.xo-video-bubble-widget[data-position=bottom-right]{right:var(--xo-vb-offset-h);bottom:var(--xo-vb-offset-v)}.xo-video-bubble-widget[data-position=top-left]{left:var(--xo-vb-offset-h);top:var(--xo-vb-offset-v)}.xo-video-bubble-widget[data-position=top-right]{right:var(--xo-vb-offset-h);top:var(--xo-vb-offset-v)}.xo-video-bubble{position:relative;width:var(--xo-vb-size);height:var(--xo-vb-size);padding:0;border:.2rem solid rgba(var(--color-foreground));border-radius:50%;background-color:rgba(var(--color-background));cursor:pointer;overflow:hidden;box-shadow:0 .4rem 1.2rem #0000002e;transition:transform .2s ease}.xo-video-bubble:hover{transform:scale(1.05)}.xo-video-bubble:focus-visible{outline:.2rem solid rgba(var(--color-primary));outline-offset:2px}.xo-video-bubble__preview{display:block;width:100%;height:100%;object-fit:cover}.xo-video-bubble__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#00000026;pointer-events:none}.xo-video-bubble-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.xo-video-bubble-modal[hidden]{display:none!important}.xo-video-bubble-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000bf}.xo-video-bubble-modal__content{position:relative;width:100%;max-width:var(--xo-vb-modal-width);aspect-ratio:9 / 16;border-radius:1.2rem;overflow:hidden;background-color:#000}.xo-video-bubble-modal__close{position:absolute;top:1.2rem;right:1.2rem;z-index:2;width:3.6rem;height:3.6rem;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:#0006;color:#fff;cursor:pointer}.xo-video-bubble-modal__close:hover{background-color:#0009}.xo-video-bubble-modal__card{display:block;position:relative;width:100%;height:100%}.xo-video-bubble-modal__video{display:block;width:100%;height:100%;object-fit:cover}.xo-video-bubble-modal__timebar-wrap{position:absolute;top:0;left:0;right:0;z-index:2;padding:1rem;overflow:hidden}.xo-video-bubble-modal__timebar{display:block;width:100%;height:.3rem;border-radius:.2rem;background-color:#ffffff59;overflow:hidden}.xo-video-bubble-modal__timebar-fill{width:var(--progress, 0%);height:100%;background-color:#fff;transition:width .1s linear}@media(max-width:480px){.xo-video-bubble-modal{padding:0}.xo-video-bubble-modal__content{max-width:100%;height:100%;aspect-ratio:auto;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/video-bubble.css.map */