@layer components{.kso-badge{--badge-surface:var(--color-surface-active);--badge-content:var(--color-content-secondary);--badge-border:transparent;--badge-mark:var(--color-content-tertiary);gap:var(--gap-inline-tight);max-width:100%;height:var(--control-h-xs);padding-inline:var(--space-1-5);color:var(--badge-content);white-space:nowrap;background-color:var(--badge-surface);border:var(--border-width-hairline) solid var(--badge-border);border-radius:var(--radius-chip);flex:none;align-items:center;display:inline-flex}.kso-badge.is-pill{border-radius:var(--radius-pill)}.kso-badge__label{font-size:var(--type-caption-size);font-weight:var(--weight-medium);line-height:var(--leading-none);text-overflow:ellipsis;overflow:hidden}.kso-badge__icon{color:var(--badge-mark)}.kso-badge__dot{width:var(--space-1);height:var(--space-1);background-color:var(--badge-mark);border-radius:var(--radius-full);flex:none}.kso-badge--sm{height:var(--space-4);padding-inline:var(--space-1)}.kso-badge__remove{color:var(--badge-mark);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-color);background-color:#0000;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.kso-badge__remove:hover{color:var(--badge-content)}.kso-badge__remove:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}@media (hover:none){.kso-badge.is-removable{height:var(--control-h-md)}.kso-badge--sm.is-removable{height:var(--control-h-sm)}.kso-badge__remove:after{inset-block:calc(var(--space-3)*-1);inset-inline:calc(var(--space-2)*-1);content:"";position:absolute}}.kso-badge--soft.kso-badge--neutral{--badge-surface:var(--color-surface-active);--badge-content:var(--color-content-secondary);--badge-mark:var(--color-content-tertiary)}.kso-badge--soft.kso-badge--accent{--badge-surface:var(--color-accent-subtle);--badge-content:var(--color-accent-content);--badge-mark:var(--color-accent-solid)}.kso-badge--soft.kso-badge--info{--badge-surface:var(--color-info-subtle);--badge-content:var(--color-info-content);--badge-mark:var(--color-info-solid)}.kso-badge--soft.kso-badge--success{--badge-surface:var(--color-success-subtle);--badge-content:var(--color-success-content);--badge-mark:var(--color-success-solid)}.kso-badge--soft.kso-badge--warning{--badge-surface:var(--color-warning-subtle);--badge-content:var(--color-warning-content);--badge-mark:var(--color-warning-solid)}.kso-badge--soft.kso-badge--danger{--badge-surface:var(--color-danger-subtle);--badge-content:var(--color-danger-content);--badge-mark:var(--color-danger-solid)}.kso-badge--solid.kso-badge--neutral{--badge-surface:var(--color-content-secondary);--badge-content:var(--color-content-inverse);--badge-mark:var(--color-content-inverse)}.kso-badge--solid.kso-badge--accent{--badge-surface:var(--color-accent-solid);--badge-content:var(--color-accent-on-solid);--badge-mark:var(--color-accent-on-solid)}.kso-badge--solid.kso-badge--info{--badge-surface:var(--color-info-solid);--badge-content:var(--color-info-on-solid);--badge-mark:var(--color-info-on-solid)}.kso-badge--solid.kso-badge--success{--badge-surface:var(--color-success-solid);--badge-content:var(--color-success-on-solid);--badge-mark:var(--color-success-on-solid)}.kso-badge--solid.kso-badge--warning{--badge-surface:var(--color-warning-solid);--badge-content:var(--color-warning-on-solid);--badge-mark:var(--color-warning-on-solid)}.kso-badge--solid.kso-badge--danger{--badge-surface:var(--color-danger-solid);--badge-content:var(--color-danger-on-solid);--badge-mark:var(--color-danger-on-solid)}.kso-badge--outline{--badge-surface:transparent}.kso-badge--outline.kso-badge--neutral{--badge-border:var(--color-border-default);--badge-content:var(--color-content-secondary)}.kso-badge--outline.kso-badge--accent{--badge-border:var(--color-accent-border);--badge-content:var(--color-accent-content);--badge-mark:var(--color-accent-solid)}.kso-badge--outline.kso-badge--info{--badge-border:var(--color-info-border);--badge-content:var(--color-info-content);--badge-mark:var(--color-info-solid)}.kso-badge--outline.kso-badge--success{--badge-border:var(--color-success-border);--badge-content:var(--color-success-content);--badge-mark:var(--color-success-solid)}.kso-badge--outline.kso-badge--warning{--badge-border:var(--color-warning-border);--badge-content:var(--color-warning-content);--badge-mark:var(--color-warning-solid)}.kso-badge--outline.kso-badge--danger{--badge-border:var(--color-danger-border);--badge-content:var(--color-danger-content);--badge-mark:var(--color-danger-solid)}}