@layer slean.reset,slean.tokens,slean.base,slean.components,slean.compositions,slean.utilities;@layer slean.components{:where([data-slean=badge]){display:inline-flex;align-items:center;justify-content:center;gap:var(--slean-space-1);max-inline-size:100%;min-inline-size:1.25rem;min-block-size:1.25rem;padding-block:0;padding-inline:var(--slean-space-2);border:1px solid transparent;border-radius:var(--slean-chip-radius);background:var(--slean-color-soft);color:var(--slean-color-soft-text);font-size:var(--slean-text-xs);font-weight:var(--slean-font-weight-medium);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}:where([data-slean=badge][data-variant=filled]){background:var(--slean-color-main);color:var(--slean-color-contrast-text)}:where([data-slean=badge][data-variant=outlined]){border-color:var(--slean-color-border);background:transparent}:where([data-slean=badge][data-size=small]){min-inline-size:1rem;min-block-size:1rem;padding-inline:var(--slean-space-1)}:where([data-slean=badge][data-size=large]){min-inline-size:1.5rem;min-block-size:1.5rem;padding-inline:var(--slean-space-3);font-size:var(--slean-text-sm)}:where([data-slean=badge]:has(>[data-slean-part=remove])){padding-inline-end:.125rem}:where([data-slean=badge]>[data-slean-part=remove]){appearance:none;position:relative;display:inline-grid;place-items:center;flex:none;inline-size:1rem;block-size:1rem;padding:0;border:0;border-radius:var(--slean-radius-sm);background:transparent;color:inherit;opacity:.75;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--slean-duration-fast) var(--slean-ease),opacity var(--slean-duration-fast) var(--slean-ease)}:where([data-slean=badge]>[data-slean-part=remove]):before{content:"";inline-size:.75rem;block-size:.75rem;background:currentColor;-webkit-mask:var(--slean-icon-close) center / contain no-repeat;mask:var(--slean-icon-close) center / contain no-repeat}:where([data-slean=badge]>[data-slean-part=remove]):after{content:"";position:absolute;inset:-.25rem}:where([data-slean=badge][data-size=small]>[data-slean-part=remove]){inline-size:.875rem;block-size:.875rem}:where([data-slean=badge][data-size=small]>[data-slean-part=remove]):before{inline-size:.625rem;block-size:.625rem}:where([data-slean=badge][data-size=small]>[data-slean-part=remove]):after{inset:-.3125rem}:where([data-slean=badge][data-size=large]>[data-slean-part=remove]){inline-size:1.25rem;block-size:1.25rem}:where([data-slean=badge][data-size=large]>[data-slean-part=remove]):before{inline-size:.875rem;block-size:.875rem}:where([data-slean=badge][data-size=large]>[data-slean-part=remove]):after{inset:-.125rem}:where([data-slean=badge]>[data-slean-part=remove]:focus-visible){outline-offset:0}@media(hover:hover){:where([data-slean=badge]>[data-slean-part=remove]:hover:not(:disabled)){background:color-mix(in oklch,currentColor 16%,transparent);opacity:1}}:where([data-slean=badge]>[data-slean-part=remove]:disabled){opacity:.5;cursor:not-allowed}@media(forced-colors:active){:where([data-slean=badge]){border-color:CanvasText}:where([data-slean=badge]>[data-slean-part=remove]):before{forced-color-adjust:none;background:ButtonText}:where([data-slean=badge]>[data-slean-part=remove]:disabled){color:GrayText;opacity:1}:where([data-slean=badge]>[data-slean-part=remove]:disabled):before{background:GrayText}}}