@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.badge{--wel-badge-bg:var(--wel-color-surface-sunken);--wel-badge-ink:var(--wel-color-ink-muted);--wel-badge-radius:var(--wel-radius-full);--wel-badge-padding-block:var(--wel-space-1);--wel-badge-padding-inline:var(--wel-space-2);padding-block:var(--wel-badge-padding-block);padding-inline:var(--wel-badge-padding-inline);background-color:var(--wel-badge-bg);color:var(--wel-badge-ink);border:var(--wel-border-width) solid transparent;border-radius:var(--wel-badge-radius);font-size:var(--wel-text-size--1);line-height:var(--wel-text-leading-tight);font-weight:500;display:inline-block}.tag{--wel-tag-bg:var(--wel-color-surface-sunken);--wel-tag-ink:var(--wel-color-ink-muted);--wel-tag-radius:var(--wel-radius-sm);--wel-tag-padding-block:var(--wel-space-1);--wel-tag-padding-inline:var(--wel-space-3);--wel-tag-border:var(--wel-color-border-strong);--wel-tag-max-inline-size:none;--wel-tag-bg-hover:oklch(from var(--wel-tag-bg) calc(l - .06) c h);--wel-tag-bg-active:oklch(from var(--wel-tag-bg) calc(l - .1) c h);--wel-tag-ink-hover:light-dark(oklch(from var(--wel-tag-ink) calc(l - .06) c h),oklch(from var(--wel-tag-ink) calc(l + .06) c h));padding-block:var(--wel-tag-padding-block);padding-inline:var(--wel-tag-padding-inline);max-inline-size:var(--wel-tag-max-inline-size);text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;background-color:var(--wel-tag-bg);color:var(--wel-tag-ink);border:var(--wel-border-width) solid var(--wel-tag-border);border-radius:var(--wel-tag-radius);font-size:var(--wel-text-size--1);line-height:var(--wel-text-leading-tight);transition:background-color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease), color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease);text-decoration:none;display:inline-block;overflow:hidden}.tag:where(:has(.tag-dismiss)){align-items:center;gap:var(--wel-space-1);display:inline-flex}.tag :where(.tag-dismiss){border-radius:var(--wel-tag-radius);min-block-size:1.5rem;min-inline-size:1.5rem;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tag :where(.tag-dismiss)>:where(svg){block-size:.75em;inline-size:.75em}@media (forced-colors:active){.badge,.tag{color:canvastext;background-color:canvas;border-color:canvastext}.tag:where(a){color:linktext}.tag :where(.tag-dismiss){color:buttontext}}}@layer variants{.badge[data-tone=info]{--wel-badge-bg:var(--wel-color-info-tint);--wel-badge-ink:var(--wel-color-info)}.badge[data-tone=success]{--wel-badge-bg:var(--wel-color-success-tint);--wel-badge-ink:var(--wel-color-success)}.badge[data-tone=warning]{--wel-badge-bg:var(--wel-color-warning-tint);--wel-badge-ink:var(--wel-color-warning)}.badge[data-tone=danger]{--wel-badge-bg:var(--wel-color-danger-tint);--wel-badge-ink:var(--wel-color-danger)}.tag[data-tone=info]{--wel-tag-bg:var(--wel-color-info-tint);--wel-tag-ink:var(--wel-color-info)}.tag[data-tone=success]{--wel-tag-bg:var(--wel-color-success-tint);--wel-tag-ink:var(--wel-color-success)}.tag[data-tone=warning]{--wel-tag-bg:var(--wel-color-warning-tint);--wel-tag-ink:var(--wel-color-warning)}.tag[data-tone=danger]{--wel-tag-bg:var(--wel-color-danger-tint);--wel-tag-ink:var(--wel-color-danger)}}@layer states{@media (hover:hover){.tag:where(a):hover{background-color:var(--wel-tag-bg-hover);color:var(--wel-tag-ink-hover)}}.tag:where(a):active{background-color:var(--wel-tag-bg-active);color:var(--wel-tag-ink-hover)}.tag[aria-selected=true],.tag[aria-pressed=true]{background-color:var(--wel-tag-ink);color:var(--wel-color-surface);border-width:var(--wel-border-width-strong);border-color:var(--wel-tag-ink)}@media (forced-colors:active){.tag[aria-selected=true],.tag[aria-pressed=true]{color:selecteditemtext;background-color:selecteditem;border-color:canvastext}}}@layer utilities,overrides;