@layer reset,base;@layer components{.k-badge{--_bg:var(--k-surface-sunken);--_fg:var(--k-text-muted);justify-content:center;align-items:center;gap:var(--k-space-1);min-width:1.25rem;height:1.25rem;padding:0 var(--k-space-1-5);border-radius:var(--k-radius-full);background:var(--_bg);color:var(--_fg);font-size:var(--k-text-12);font-weight:var(--k-weight-medium);line-height:var(--k-leading-12);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;display:inline-flex}.k-badge--sm{min-width:1rem;height:1rem;padding:0 var(--k-space-1)}.k-badge>svg{width:var(--k-icon-sm);height:var(--k-icon-sm)}.k-badge--accent{--_bg:var(--k-accent-soft);--_fg:var(--k-accent-soft-text)}.k-badge--positive{--_bg:var(--k-positive-soft);--_fg:var(--k-positive)}.k-badge--negative{--_bg:var(--k-negative-soft);--_fg:var(--k-negative)}.k-badge--warning{--_bg:var(--k-warning-soft);--_fg:var(--k-warning)}.k-badge--dot{--_bg:var(--k-text-subtle);width:.5rem;min-width:0;height:.5rem;padding:0}.k-badge--dot.k-badge--accent{--_bg:var(--k-accent-strong)}.k-badge--dot.k-badge--positive{--_bg:var(--k-positive)}.k-badge--dot.k-badge--negative{--_bg:var(--k-negative)}.k-badge--dot.k-badge--warning{--_bg:var(--k-warning)}.k-chip{--_h:var(--k-control-sm);justify-content:center;align-items:center;gap:var(--k-space-1-5);min-height:var(--_h);padding:0 var(--k-space-3);border:var(--k-border-width) solid var(--k-border-strong);border-radius:var(--k-radius-full);background:var(--k-surface);color:var(--k-text);font:inherit;font-size:var(--k-text-13);font-weight:var(--k-weight-medium);line-height:var(--k-leading-13);white-space:nowrap;cursor:pointer;transition:background-color var(--k-duration-fast) var(--k-ease-standard), border-color var(--k-duration-fast) var(--k-ease-standard), color var(--k-duration-fast) var(--k-ease-standard);flex-shrink:0;margin:0;display:inline-flex;position:relative}.k-chip--xs{--_h:var(--k-control-xs);padding:0 var(--k-space-2);font-size:var(--k-text-12);line-height:var(--k-leading-12)}.k-chip[data-selected]{background:var(--k-accent-soft);color:var(--k-accent-soft-text);border-color:#0000}.k-chip:disabled{border-color:var(--k-border-subtle);background:var(--k-surface-sunken);color:var(--k-text-subtle);cursor:not-allowed}.k-chip>svg{width:var(--k-icon-sm);height:var(--k-icon-sm)}.k-chip--removable{cursor:default;padding-inline-end:var(--k-space-1)}.k-chip__remove{border-radius:var(--k-radius-full);width:1.5rem;height:1.5rem;color:var(--k-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.k-chip__remove>svg{width:var(--k-icon-sm);height:var(--k-icon-sm)}@media (pointer:coarse){.k-chip:after{content:"";inset:calc((var(--_h) - var(--k-hit)) / 2) 0;position:absolute}.k-chip--removable:after{content:none}}@media (hover:hover){button.k-chip:hover:not(:disabled){background:var(--k-surface-hover)}button.k-chip[data-selected]:hover{background:var(--k-accent-soft)}.k-chip__remove:hover{background:var(--k-surface-hover);color:var(--k-text)}}}@layer pages,utilities;
