.naraya-carousel,.naraya-carousel__viewport{position:relative}.naraya-carousel__track{position:relative;display:flex;gap:var(--naraya-carousel-gap,1rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.naraya-carousel__track::-webkit-scrollbar{display:none}.naraya-carousel--dragging .naraya-carousel__track{scroll-behavior:auto;cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.naraya-carousel--draggable .naraya-carousel__track{cursor:grab}.naraya-carousel__slide{flex:0 0 calc((100% - (var(--naraya-carousel-per, 1) - 1) * var(--naraya-carousel-gap, 1rem)) / var(--naraya-carousel-per, 1));min-width:0;scroll-snap-align:var(--naraya-carousel-snap,start)}.naraya-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgb(var(--border-subtle)/.6);background-color:rgb(var(--bg-surface)/.8);backdrop-filter:blur(8px);color:rgb(var(--text-main));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),border-color var(--duration-fast) var(--easing-smooth),opacity var(--duration-base) var(--easing-smooth)}.naraya-carousel__arrow:hover{color:rgb(var(--color-primary));border-color:rgb(var(--color-primary)/.4)}.naraya-carousel__arrow:focus-visible{outline:2px solid rgb(var(--ring-focus));outline-offset:2px}.naraya-carousel__arrow--prev{left:.5rem}.naraya-carousel__arrow--next{right:.5rem}.naraya-carousel__arrow:disabled{opacity:0;pointer-events:none}.naraya-carousel--arrows-outside .naraya-carousel__arrow--prev{left:-1.125rem}.naraya-carousel--arrows-outside .naraya-carousel__arrow--next{right:-1.125rem}.naraya-carousel__dots{position:absolute;inset-inline:0;bottom:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;gap:.375rem}.naraya-carousel__dot{height:.375rem;width:.375rem;border-radius:999px;border:0;padding:0;background-color:rgb(var(--text-muted)/.5);cursor:pointer;transition:width var(--duration-base) var(--easing-smooth),background-color var(--duration-base) var(--easing-smooth)}.naraya-carousel__dot:hover{background-color:rgb(var(--text-muted)/.8)}.naraya-carousel__dot--active{width:1.25rem;background-color:rgb(var(--color-primary))}.naraya-carousel__dot:focus-visible{outline:2px solid rgb(var(--ring-focus));outline-offset:2px}