@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.carousel{--wel-carousel-gap:var(--wel-space-4);--wel-carousel-slide-size:100%;--wel-carousel-padding:var(--wel-space-gutter);--wel-carousel-marker:var(--wel-color-border-strong);--wel-carousel-marker-current:var(--wel-color-accent);--wel-carousel-button-bg:var(--wel-color-surface-raised);--wel-carousel-button-ink:var(--wel-color-ink)}.carousel :where(.carousel-track){gap:var(--wel-carousel-gap);padding-inline:var(--wel-carousel-padding);overscroll-behavior-x:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--wel-carousel-padding);display:flex;overflow-x:auto}.carousel :where(.carousel-track>*){flex:0 0 var(--wel-carousel-slide-size);scroll-snap-align:start}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.carousel{timeline-scope:--wel-carousel-scroll}.carousel :where(.carousel-track){scroll-timeline:--wel-carousel-scroll inline}.carousel:after{content:"";block-size:3px;margin-block-start:var(--wel-space-2);margin-inline:var(--wel-carousel-padding);background-color:var(--wel-color-accent);border-radius:var(--wel-radius-full);inline-size:0;animation:linear both wel-carousel-progress;animation-timeline:--wel-carousel-scroll;display:block}}}}@layer variants{.carousel[data-align=center] :where(.carousel-track>*){scroll-snap-align:center}}@layer states,utilities,overrides;@keyframes wel-carousel-progress{to{inline-size:calc(100% - 2 * var(--wel-carousel-padding))}}