.video-carousel{width:100%}.video-carousel__heading{margin:0 0 8px}.video-carousel__wrapper{position:relative}.video-carousel__track{display:flex;gap:var(--video-carousel-gap, 8px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__item{flex:0 0 auto;width:var(--video-carousel-item-width, 110px);aspect-ratio:var(--video-carousel-aspect-ratio, 9/16);scroll-snap-align:start;position:relative;border-radius:var(--video-carousel-radius, 12px);overflow:hidden;cursor:pointer;border:none;padding:0;background:var(--color-background-secondary, #eee);display:block}.video-carousel__item img{width:100%;height:100%;object-fit:cover;display:block}.video-carousel__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-carousel__play-icon svg{width:32px;height:32px;filter:drop-shadow(0 1px 4px rgb(0 0 0 / .4))}.video-carousel__label{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;font-size:11px;line-height:1.2;text-shadow:0 1px 3px rgb(0 0 0 / .6);pointer-events:none}.video-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0003;z-index:1}.video-carousel__arrow--prev{left:4px}.video-carousel__arrow--next{right:4px}@media(max-width:749px){.video-carousel__arrow{display:none}}.video-carousel__dialog{border:none;padding:0;background:transparent;max-width:min(92vw,420px);max-height:92vh;width:100%;margin:auto;z-index:calc(var(--layer-overlay, 1000) + 50)}.video-carousel__dialog::backdrop{background:#000c}.video-carousel__dialog-content{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.video-carousel__dialog-content video{width:100%;aspect-ratio:var(--video-carousel-aspect-ratio, 9/16);height:auto;max-height:92vh;border-radius:8px;background:#000;display:block;object-fit:contain}.video-carousel__dialog-close{position:absolute;top:-40px;right:0;width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-video-carousel.css.map */