.carousel{--slide-spacing:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.carousel__viewport{overflow:hidden}.carousel__container{margin-left:calc(var(--slide-spacing) * -1);display:flex}[dir=rtl] .carousel__container{margin-left:0;margin-right:calc(var(--slide-spacing) * -1)}.carousel__slide{min-width:0;padding-left:var(--slide-spacing);flex:0 0 100%}[dir=rtl] .carousel__slide{padding-left:0;padding-right:var(--slide-spacing)}.carousel__dots{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;justify-content:center;display:flex}.carousel__dot{background-color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;height:var(--space-3);opacity:.3;width:var(--space-3);border:none;flex-shrink:0;padding:0;transition:background-color .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1)}.carousel__dot--active{background-color:var(--color-primary);opacity:1;width:var(--space-8)}.carousel__dot--edge{opacity:.15;width:var(--space-2)}@media (prefers-reduced-motion:reduce){.carousel__dot{transition:none}}