.video-carousel{--video-carousel-card-width: 200px;--video-carousel-active-width: 236px;--video-carousel-gap: 18px;--video-carousel-height: 300px;--video-carousel-active-height: 384px;--video-carousel-radius: 14px;--video-carousel-scale: 1;position:relative}@media(max-width:640px){.video-carousel{--video-carousel-scale: .78;padding-bottom:0!important;min-height:auto!important;margin-inline:-1.5rem}}.video-carousel__stage{position:relative}.video-carousel__stage:before,.video-carousel__stage:after{content:"";position:absolute;top:0;bottom:0;width:min(10vw,120px);z-index:2;pointer-events:none}.video-carousel__stage:before{left:0;background:linear-gradient(90deg,var(--video-carousel-edge-color, rgba(0, 0, 0, 0)),transparent)}.video-carousel__stage:after{right:0;background:linear-gradient(270deg,var(--video-carousel-edge-color, rgba(0, 0, 0, 0)),transparent)}.video-carousel__viewport{overflow:hidden;cursor:grab;touch-action:pan-y}.video-carousel__viewport--dragging,.video-carousel__viewport--dragging .video-carousel__card{cursor:grabbing}.video-carousel__viewport--dragging .video-carousel__track{-webkit-user-select:none;user-select:none}.video-carousel__track{display:flex;align-items:center;will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.video-carousel__track--no-anim{transition:none}.video-carousel__card{flex:0 0 auto;width:calc(var(--video-carousel-card-width) * var(--video-carousel-scale));margin-right:calc(var(--video-carousel-gap) * var(--video-carousel-scale));cursor:pointer;transition:width .48s cubic-bezier(.22,.61,.36,1)}.video-carousel__card--active{width:calc(var(--video-carousel-active-width) * var(--video-carousel-scale));cursor:default}.video-carousel__media{position:relative;height:calc(var(--video-carousel-height) * var(--video-carousel-scale));border-radius:var(--video-carousel-radius);overflow:hidden;background:#000;transition:height .48s cubic-bezier(.22,.61,.36,1)}.video-carousel__card--active .video-carousel__media{height:calc(var(--video-carousel-active-height) * var(--video-carousel-scale))}.video-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-carousel__controls{position:absolute;top:12px;right:12px;display:none;flex-direction:column;gap:8px}.video-carousel__card--active .video-carousel__controls{display:flex}.video-carousel__control{width:30px;height:30px;padding:0;border:none;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-carousel__control:hover{background:#000000b3}.video-carousel__control svg{width:14px;height:14px;display:block}.video-carousel__empty{padding:0 24px;text-align:center;opacity:.6}@media(prefers-reduced-motion:reduce){.video-carousel__card,.video-carousel__media,.video-carousel__track{transition:none!important}}@media(min-width:1401px){.video-carousel__track{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/video-carousel.css.map */