.video-bubbles{display:block;width:100%;max-width:100%;padding:var(--vb-section-padding-top) 0 var(--vb-section-padding-bottom)}.video-bubbles__slider{display:block;width:100%}.video-bubbles__list{gap:var(--vb-bubble-gap);align-items:center;justify-content:var(--vb-align);margin:0;padding:0;list-style:none}.video-bubbles__list--scrollable{justify-content:flex-start}.video-bubbles__item{flex-shrink:0;padding-top:var(--vb-item-padding-top, 12px);padding-bottom:var(--vb-item-padding-bottom, 12px)}.video-bubbles__bubble{flex-shrink:0;width:var(--vb-bubble-size);height:var(--vb-bubble-size);border-radius:50%;overflow:hidden;cursor:pointer;border:var(--vb-border-width) solid var(--vb-border-color);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,var(--vb-bubble-shadow-opacity));padding:0;background:transparent;display:block}.video-bubbles__bubble:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(0,0,0,calc(var(--vb-bubble-shadow-opacity) * 1.5))}.video-bubbles__bubble:active{transform:scale(1.02)}.video-bubbles__bubble video{width:100%;height:100%;object-fit:cover}.video-bubbles__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--vb-play-button-size);height:var(--vb-play-button-size);background:var(--vb-play-button-bg);backdrop-filter:blur(var(--vb-play-button-blur));-webkit-backdrop-filter:blur(var(--vb-play-button-blur));border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.video-bubbles__bubble:hover .video-bubbles__play{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px #0003}.video-bubbles__play svg{width:var(--vb-play-icon-size);height:var(--vb-play-icon-size);fill:var(--vb-play-icon-color);margin-left:2px}.video-bubbles__modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--vb-modal-overlay-opacity, .5));backdrop-filter:blur(var(--vb-modal-overlay-blur, 0px));-webkit-backdrop-filter:blur(var(--vb-modal-overlay-blur, 0px));z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.video-bubbles__modal[hidden]{display:none}.video-bubbles__modal-inner{position:relative;height:80vh;width:auto;max-width:min(var(--vb-modal-max-width, 9999px),90vw);aspect-ratio:var(--vb-modal-aspect-ratio, 9 / 16);background-color:#000;border-radius:var(--vb-modal-border-radius);overflow:hidden;box-shadow:0 20px 60px #00000040}.video-bubbles__modal-video{width:100%;height:100%;object-fit:cover}.video-bubbles__btn{position:absolute;width:var(--vb-modal-button-size);height:var(--vb-modal-button-size);background:var(--vb-modal-button-bg);backdrop-filter:blur(var(--vb-modal-button-blur));-webkit-backdrop-filter:blur(var(--vb-modal-button-blur));border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003;padding:0}.video-bubbles__btn:hover:not(.disabled){background:var(--vb-modal-button-hover-bg);box-shadow:0 4px 12px #0000004d}.video-bubbles__btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.video-bubbles__btn svg{width:var(--vb-modal-icon-size);height:var(--vb-modal-icon-size);stroke:var(--vb-modal-icon-color);fill:none}.video-bubbles__btn--close{top:var(--vb-modal-controls-spacing);right:var(--vb-modal-controls-spacing)}.video-bubbles__btn--close:hover:not(.disabled){transform:scale(1.05)}.video-bubbles__btn--close:active{transform:scale(.95)}.video-bubbles__btn--prev,.video-bubbles__btn--next{top:50%;transform:translateY(-50%)}.video-bubbles__btn--prev:hover:not(.disabled),.video-bubbles__btn--next:hover:not(.disabled){transform:translateY(-50%) scale(1.05)}.video-bubbles__btn--prev:active:not(.disabled),.video-bubbles__btn--next:active:not(.disabled){transform:translateY(-50%) scale(.95)}.video-bubbles__btn--prev{left:var(--vb-modal-controls-spacing)}.video-bubbles__btn--next{right:var(--vb-modal-controls-spacing)}@media screen and (max-width:749px){.video-bubbles__bubble{width:calc(var(--vb-bubble-size) * .8);height:calc(var(--vb-bubble-size) * .8)}.video-bubbles__play{width:calc(var(--vb-play-button-size) * .8);height:calc(var(--vb-play-button-size) * .8)}.video-bubbles__play svg{width:calc(var(--vb-play-icon-size) * .8);height:calc(var(--vb-play-icon-size) * .8)}.video-bubbles__modal-inner{width:95%}.video-bubbles__btn{width:calc(var(--vb-modal-button-size) * .85);height:calc(var(--vb-modal-button-size) * .85)}.video-bubbles__btn svg{width:calc(var(--vb-modal-icon-size) * .85);height:calc(var(--vb-modal-icon-size) * .85)}}
/*# sourceMappingURL=/cdn/shop/t/1674/assets/pdp-video-bubble.css.map */