@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{wel-tabs{--wel-tab-ink:var(--wel-color-ink-muted);--wel-tab-ink-selected:var(--wel-color-ink);--wel-tab-indicator:var(--wel-color-accent);--wel-tabs-border:var(--wel-color-border);--wel-tab-padding-block:var(--wel-space-2);--wel-tab-padding-inline:var(--wel-space-3);--wel-tabs-gap:var(--wel-space-2);display:block}wel-tabs:not(:defined)>*+*{margin-block-start:var(--wel-space-4)}wel-tabs [role=tablist]{gap:var(--wel-tabs-gap);border-block-end:var(--wel-border-width) solid var(--wel-tabs-border);scroll-snap-type:x proximity;display:flex;overflow-x:auto}wel-tabs [role=tab]{padding-block:var(--wel-tab-padding-block);padding-inline:var(--wel-tab-padding-inline);color:var(--wel-tab-ink);font-size:var(--wel-text-size-0);font-weight:500;line-height:var(--wel-text-leading-tight);white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease);margin:0;position:relative}wel-tabs [role=tab]:after{content:"";block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}wel-tabs [role=tab][aria-selected=true]{color:var(--wel-tab-ink-selected)}wel-tabs [role=tab][aria-selected=true]:after{background-color:var(--wel-tab-indicator);view-transition-name:var(--wel-tabs-vt,none)}wel-tabs [role=tabpanel]{padding-block-start:var(--wel-space-4)}::view-transition-group(wel-tab-indicator){animation-duration:calc(var(--wel-motion-duration-2) * var(--wel-motion))}}@layer variants{wel-tabs[data-variant=pills] [role=tablist]{border-block-end:0}wel-tabs[data-variant=pills] [role=tab]{border-radius:var(--wel-radius-control)}wel-tabs[data-variant=pills] [role=tab]:after{content:none}wel-tabs[data-variant=pills] [role=tab][aria-selected=true]{background-color:var(--wel-tab-indicator);color:var(--wel-color-accent-contrast);view-transition-name:var(--wel-tabs-vt,none)}}@layer states{@media (hover:hover){wel-tabs [role=tab]:not([aria-selected=true]):hover{color:var(--wel-tab-ink-selected)}}@media (forced-colors:active){wel-tabs [role=tab][aria-selected=true]{border-block-end:3px solid highlight}wel-tabs[data-variant=pills] [role=tab][aria-selected=true]{border:var(--wel-border-width-strong) solid Highlight;color:canvastext;background-color:canvas}}}@layer utilities,overrides;