.video-carousel{--vc-gap: 12px;display:block}.video-carousel__track.grid--slider{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--vc-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none}video-carousel[data-lock-scroll] .video-carousel__track.grid--slider{scroll-snap-type:none;touch-action:none;overscroll-behavior:contain}html.vc-scroll-lock{overflow:hidden;touch-action:none;overscroll-behavior:none}.video-carousel__track.grid--slider::-webkit-scrollbar{display:none}.video-carousel__card{flex:0 0 var(--vc-card-width);width:var(--vc-card-width);min-width:var(--vc-card-width);max-width:var(--vc-card-width);scroll-snap-align:start;scroll-snap-stop:always}.video-carousel__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background:var(--color-background-accent, #f2f2f2);cursor:pointer}.video-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease}.video-carousel__card.is-playing .video-carousel__video{opacity:1;pointer-events:auto}.video-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;transition:opacity .2s ease}.video-carousel__card.is-playing .video-carousel__poster{opacity:0;pointer-events:none}.video-carousel__poster-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.video-carousel__poster-image--placeholder svg{width:100%;height:100%;object-fit:cover}.video-carousel__play,.video-carousel__pause-overlay{position:absolute;top:50%;left:50%;z-index:4;width:3rem;height:3rem;margin:0;padding:0;border:0;border-radius:var(--border-radius-buttons, 4px);background:var(--color-background-main, #fff);color:var(--color-text-main, #111);transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s linear,opacity .2s ease}.video-carousel__pause-overlay{z-index:6;background:#ffffffeb;opacity:0;pointer-events:none}.video-carousel__card.is-playing.is-paused .video-carousel__pause-overlay{opacity:1;pointer-events:auto}.video-carousel__play svg,.video-carousel__pause-overlay svg{width:47px;height:47px}.video-carousel__play:hover,.video-carousel__pause-overlay:hover{transform:translate(-50%,-50%) scale(1.05)}.video-carousel__mute{position:absolute;right:10px;bottom:44px;z-index:7;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-carousel__controls{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:0 10px 10px;pointer-events:none}.video-carousel__card.is-playing .video-carousel__controls{pointer-events:auto}.video-carousel__progress{touch-action:none;cursor:pointer;padding:10px 0 4px;margin:-10px 0 -4px}.video-carousel__progress-track{--vc-progress: 0;position:relative;height:4px;border-radius:999px;background:#ffffff59;overflow:visible}.video-carousel__progress-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--vc-progress) * 100%);border-radius:inherit;background:#fff;pointer-events:none}.video-carousel__progress-thumb{position:absolute;top:50%;left:calc(var(--vc-progress) * 100%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000059;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none}.video-carousel__card.is-playing .video-carousel__progress-thumb,.video-carousel__card.is-seeking .video-carousel__progress-thumb{opacity:1}.video-carousel__card.is-seeking .video-carousel__progress-track{height:5px}.video-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1rem .85rem 3.25rem;background:linear-gradient(180deg,#00000026,#0000 35%,#0000008c);pointer-events:none}.video-carousel__author{display:flex;align-items:center;gap:.5rem}.video-carousel__avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.85)}.video-carousel__avatar img{width:100%;height:100%;object-fit:cover}.video-carousel__author-name{font-size:.8125rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.video-carousel__caption{margin:0;font-size:.875rem;line-height:1.35;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.video-carousel.css-slider--bottom-navigation{padding-bottom:0}.video-carousel__empty{padding:2rem 1rem;text-align:center;color:var(--color-text-main);opacity:.7;border:1px dashed var(--color-borders-main, #ddd);border-radius:var(--border-radius-cards, 8px)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-video-carousel.css.map */