.video-carousel-wrapper{--vc-gap: 20px;--vc-track-pad: 20px;--vc-active-w: var(--vc-active-width, 340px);--vc-inactive-w: calc(var(--vc-active-w) * var(--vc-inactive-scale, .85));--vc-active-h: calc(var(--vc-active-w) * 16 / 9);--vc-radius: 12px;max-width:1400px;margin:0 auto;padding:var(--padding-top, 40px) var(--padding-horizontal, 20px) var(--padding-bottom, 40px) var(--padding-horizontal, 20px);box-sizing:border-box}.video-carousel__title{margin-bottom:3rem}.video-carousel__title--center{justify-content:center;text-align:center}.video-carousel__title .title{margin:0}.video-carousel-container{display:block;width:100%}.carousel-track-container{position:relative;width:100%;height:calc(var(--vc-active-h) + var(--vc-track-pad) * 2);padding:var(--vc-track-pad) 0;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;cursor:none;margin:0;outline:none;touch-action:pan-y}.carousel-track-container:focus-visible{box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.5)}.carousel-track{display:flex;align-items:center;gap:var(--vc-gap);padding-left:calc(var(--vc-gap) * 2);transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform}.carousel-track.is-dragging,.carousel-track.no-transition,.carousel-track.no-transition .carousel-item{transition:none}.carousel-item{position:relative;flex:0 0 auto;width:var(--vc-inactive-w);aspect-ratio:9 / 16;border-radius:var(--vc-radius);overflow:hidden;background:#000;opacity:.8;cursor:none;transition:width .4s cubic-bezier(.25,1,.5,1),opacity .4s ease;user-select:none;-webkit-user-select:none}.carousel-item.active{width:var(--vc-active-w);opacity:1}.carousel-item .video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.carousel-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.carousel-item .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;transition:background .3s;z-index:2;pointer-events:none}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:3;opacity:1;transition:opacity .3s;pointer-events:none}.carousel-item.active .video-overlay{background:#0000}.carousel-item.active .play-icon{opacity:0}.carousel-item__cta{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:4;max-width:calc(100% - 3.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:pointer}.carousel-item.active .carousel-item__cta{opacity:1;pointer-events:auto}.drag-cursor{position:fixed;top:0;left:0;width:64px;height:64px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;pointer-events:none;z-index:100;transform:translate(-50%,-50%) scale(.5);transition:transform .2s ease,opacity .2s ease;opacity:0}.drag-cursor.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-carousel__cta{display:flex;justify-content:center;margin-top:2.4rem}.carousel-indicators{display:flex;justify-content:center;gap:.8rem;margin-top:1.6rem}.carousel-indicators .indicator{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .3s ease,transform .3s ease}.carousel-indicators .indicator.active{background:rgba(var(--color-foreground),.9);transform:scale(1.25)}@media(hover:none),(pointer:coarse){.drag-cursor{display:none}.carousel-track-container,.carousel-item{cursor:default}}@media screen and (max-width:768px){.video-carousel-wrapper{--vc-active-w: min(var(--vc-active-width-mobile, 72vw), 400px);--vc-gap: 14px;--vc-track-pad: var(--mobile-track-container-padding, 0px);padding:var(--mobile-padding-top, 0px) var(--mobile-padding-horizontal, 0px) var(--mobile-padding-bottom, 0px) var(--mobile-padding-horizontal, 0px);max-width:100vw;overflow-x:hidden}.video-carousel__title{padding-left:1.5rem;padding-right:1.5rem;margin-bottom:2rem}.carousel-track{padding-left:var(--mobile-track-padding-left, 20px)}.carousel-item__cta{bottom:1.2rem}}@media(prefers-reduced-motion:reduce){.carousel-track,.carousel-item,.carousel-item__cta,.video-overlay,.play-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/video-carousel.css.map */