.video-bubbles{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:var(--video-bubbles-gap, 1rem);align-items:flex-start;justify-content:flex-start;width:100%}.video-bubbles--center{justify-content:center}.product-text>video-bubbles-component,.product-text>.video-bubbles,.remove-empty-space>video-bubbles-component,.remove-empty-space>.video-bubbles,video-bubbles-component.video-bubbles{display:flex!important;flex-direction:row!important}.video-bubble{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;text-decoration:none;color:inherit;max-width:calc(var(--video-bubble-size, 70px) + 20px)}.video-bubble__ring{position:relative;display:flex;align-items:center;justify-content:center;width:var(--video-bubble-size, 70px);height:var(--video-bubble-size, 70px);border-radius:50%;padding:2px;background:var(--video-bubble-ring-color, #2F2F2D);transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.video-bubble__ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:transparent;border:2px solid var(--video-bubble-ring-color, #2F2F2D);opacity:0;transition:opacity .3s ease}.video-bubble--active .video-bubble__ring:before{opacity:1;animation:video-bubble-pulse 2s ease-in-out infinite}.video-bubble--active .video-bubble__ring:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:transparent;border:1px solid var(--video-bubble-ring-color, #2F2F2D);opacity:0;animation:video-bubble-pulse-outer 2s ease-in-out infinite;animation-delay:.3s}@keyframes video-bubble-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes video-bubble-pulse-outer{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.video-bubble__video-container{width:calc(var(--video-bubble-size, 70px) - 4px);height:calc(var(--video-bubble-size, 70px) - 4px);border-radius:50%;overflow:hidden;background:#222;position:relative}.video-bubble__video{position:absolute;top:50%;left:50%;width:auto;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;border-radius:50%}.video-bubble__label{margin-top:.5rem;font-size:.75rem;line-height:1.3;text-align:center;max-width:100%;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.no-touchevents .video-bubble:hover .video-bubble__ring{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.no-touchevents .video-bubble--active:hover .video-bubble__ring{transform:scale(1.02)}.video-bubbles-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-bubbles-overlay.is-active{opacity:1;visibility:visible}.video-bubbles-overlay__inner{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:750px){.video-bubbles-overlay__inner{max-width:80vw;max-height:85vh}}.video-bubbles-overlay__video-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;transition:opacity .2s ease,transform .2s ease}.video-bubbles-overlay__video-wrapper.is-loading{opacity:0;transform:scale(.98)}.video-bubbles-overlay__video{display:block;width:100%;height:100%;max-width:none;max-height:none;border-radius:12px;background:#000;box-shadow:0 10px 40px #00000080;object-fit:contain}.video-bubbles-overlay__close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease;z-index:10}.video-bubbles-overlay__close:hover{background:#fff3;transform:scale(1.1)}.video-bubbles-overlay__close svg{width:16px;height:16px;stroke:#fff;stroke-width:2}.video-bubbles-overlay__title{position:absolute;top:1rem;left:1rem;right:4rem;color:#fff;font-size:.875rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:15;display:flex;align-items:center;gap:.75rem;pointer-events:none}.video-bubbles-overlay__title-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.video-bubbles-overlay__controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:0;width:100%;pointer-events:none}.video-bubbles-overlay__play-pause{width:60px;height:60px;background:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:auto}.video-bubbles-overlay__video-wrapper:hover .video-bubbles-overlay__play-pause{opacity:1}.video-bubbles-overlay__play-pause svg{width:24px;height:24px;fill:#fff}.video-bubbles-overlay__play-pause .pause-icon,.video-bubbles-overlay__video-wrapper[data-playing=true] .video-bubbles-overlay__play-pause .play-icon{display:none}.video-bubbles-overlay__video-wrapper[data-playing=true] .video-bubbles-overlay__play-pause .pause-icon{display:block}.video-bubbles-overlay__mute{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;transition:background .2s ease}.video-bubbles-overlay__mute:hover{background:#000c}.video-bubbles-overlay__mute svg{width:18px;height:18px;fill:#fff}.video-bubbles-overlay__mute .muted-icon,.video-bubbles-overlay__video-wrapper[data-muted=true] .video-bubbles-overlay__mute .unmuted-icon{display:none}.video-bubbles-overlay__video-wrapper[data-muted=true] .video-bubbles-overlay__mute .muted-icon{display:block}.video-bubbles-overlay__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease;z-index:10}.video-bubbles-overlay__nav:hover{transform:translateY(-50%) scale(1.1);background:#fff}.video-bubbles-overlay__nav:disabled{opacity:.3;cursor:not-allowed}.video-bubbles-overlay__nav:disabled:hover{transform:translateY(-50%)}.video-bubbles-overlay__nav svg{width:14px;height:14px;fill:#111}.video-bubbles-overlay__nav--prev{left:-60px}.video-bubbles-overlay__nav--next{right:-60px}.video-bubbles-overlay__skip{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fff9;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease;z-index:10}.video-bubbles-overlay__skip:hover{transform:translateY(-50%) scale(1.1);background:#ffffffe6}.video-bubbles-overlay__skip svg{width:12px;height:12px;fill:#111}.video-bubbles-overlay__skip--first{left:-100px}.video-bubbles-overlay__skip--last{right:-100px}@media screen and (max-width:749px){.video-bubbles-overlay__inner{width:70%;max-width:none}.video-bubbles-overlay__nav--prev{left:-50px}.video-bubbles-overlay__nav--next{right:-50px}.video-bubbles-overlay__skip--first,.video-bubbles-overlay__skip--last{display:none}.video-bubbles-overlay__close{top:-45px;width:36px;height:36px}}@media screen and (max-width:500px){.video-bubbles-overlay__nav{width:36px;height:36px}.video-bubbles-overlay__nav--prev{left:-44px}.video-bubbles-overlay__nav--next{right:-44px}}.video-bubbles-overlay__dots{display:flex;gap:6px;justify-content:center;margin-top:1rem}.video-bubbles-overlay__dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;padding:0;cursor:pointer;transition:background .3s ease,transform .3s ease}.video-bubbles-overlay__dot.is-active{background:#fff;transform:scale(1.2)}.video-bubbles-overlay__dot:hover{background:#ffffffb3}.shopify-design-mode .video-bubble--placeholder .video-bubble__video-container{background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-video-bubbles.css.map */