@layer ui.tokens,ui.base;@layer ui.components{.badge{--badge-tone:var(--ui-tone,var(--ui-color-text));--badge-background:var(--ui-tone-fill,color-mix(in oklab, var(--ui-color-text) 8%, transparent));--badge-border:var(--ui-tone-edge,var(--badge-background));--badge-size:1.5rem;--badge-radius:var(--ui-radius-control);--badge-padding:.6875rem;--badge-gap:var(--ui-space-2);--badge-border-style:solid;--badge-font-size:var(--ui-text-sm);justify-content:center;align-items:center;gap:var(--badge-gap);inline-size:fit-content;min-inline-size:var(--badge-size);block-size:var(--badge-size);padding-inline:var(--badge-padding);border-width:var(--ui-border-width);border-style:var(--badge-border-style);border-color:var(--badge-border);border-radius:var(--badge-radius);background-color:var(--badge-background);color:var(--badge-tone);font-size:var(--badge-font-size);line-height:var(--ui-leading-tight);white-space:nowrap;flex-shrink:0;display:inline-flex}.badge-small{--badge-size:1.25rem;--badge-padding:var(--ui-space-2);--badge-font-size:var(--ui-text-xs)}@media (forced-colors:active){.badge{--badge-border:CanvasText}}}.chip.svelte-dtbgkf{--badge-background:var(--color-card)}