.carousel{width:100%}.carousel-viewport{cursor:grab}.carousel-viewport:active{cursor:grabbing}.carousel-viewport:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:4px}.carousel-track{touch-action:pan-y pinch-zoom;gap:1.5rem;display:flex}.carousel-slide{flex:0 0 var(--carousel-slide-width,75%);min-width:0}.carousel-slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.carousel-dots{justify-content:center;gap:.125rem;margin-top:1.5rem;display:flex}.carousel-dot{background:0 0;border:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.carousel-dot:after{background:var(--color-border-default);content:"";border-radius:50%;width:.3125rem;height:.3125rem;transition:background .25s ease-in-out,transform .25s ease-in-out}.carousel-dot[aria-current=true]:after{background:var(--color-primary-default);transform:scale(1.25)}@media (min-width:45rem){.carousel-track{gap:2rem}}@media (min-width:60rem){.carousel-dot{width:1.5rem;height:1.5rem}.carousel-dot:after{width:.375rem;height:.375rem}}@media (prefers-reduced-motion:reduce){.carousel-dot:after{transition:none}.carousel-dot[aria-current=true]:after{transform:none}}