@layer components{.badge-anchor{display:inline-flex;position:relative}.badge{--svg--max-width:var(--s-size-icon-micro);--svg--max-height:var(--s-size-icon-micro);--s-type-label-small-line-height:1;justify-content:center;align-items:center;gap:var(--s-spacing-1);max-width:100%;color:var(--badge--color,var(--s-color-text-subtle));background-color:var(--badge--bgc,var(--s-color-surface-subtle));padding:var(--s-spacing-1);border-radius:var(--s-radius-badge);flex-shrink:0;min-height:8px;display:inline-flex}.badge--filled{--badge--border-color:transparent;--badge--bgc:var(--badge--fill-bgc,var(--s-color-surface-subtle))}.badge--outlined{--badge--bgc:var(--badge--outline-bgc,transparent);--badge--border-color:var(--badge--outline-border,var(--s-color-border-default));--badge--color:var(--badge--outline-foreground,var(--s-color-text-default));border:var(--s-border-width-default) solid var(--badge--border-color,transparent)}.badge--anchored{z-index:1;border-radius:var(--s-radius-medium);border:2px solid #fff;position:absolute;top:0;right:0}.badge--anchored-with-content{transform:translate(50%,-50%)}.badge--counter{border-radius:var(--s-radius-circle);min-width:26px;height:26px;-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0}.badge--counter-circle{aspect-ratio:1;width:26px;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0}.badge--counter-pill{width:auto;padding-inline:var(--s-spacing-1)}.badge--filled.badge--active,.badge--filled.badge--brand,.badge--filled.badge--darkfilled,.badge--filled.badge--error,.badge--filled.badge--info,.badge--filled.badge--warning{--badge--color:var(--s-color-text-inverted)}.badge--default{--badge--outline-border:var(--s-color-border-default);--badge--outline-foreground:var(--s-color-text-subtle);--badge--outline-bgc:var(--s-color-surface-subtle)}.badge--archived{--badge--fill-bgc:var(--s-color-surface-neutral);--badge--outline-border:var(--s-color-border-neutral);--badge--outline-foreground:var(--s-color-text-default);--badge--outline-bgc:var(--s-color-surface-subtle)}.badge--active{--badge--fill-bgc:var(--s-color-surface-success);--badge--outline-border:var(--s-color-border-success);--badge--outline-foreground:var(--s-color-text-success);--badge--outline-bgc:var(--s-color-surface-success-light)}.badge--error{--badge--fill-bgc:var(--s-color-surface-error);--badge--outline-border:var(--s-color-border-error);--badge--outline-foreground:var(--s-color-text-error);--badge--outline-bgc:var(--s-color-surface-error-light)}.badge--warning{--badge--fill-bgc:var(--s-color-surface-warning);--badge--outline-border:var(--s-color-border-warning);--badge--outline-foreground:var(--s-color-text-warning);--badge--outline-bgc:var(--s-color-surface-warning-light)}.badge--brand{--badge--fill-bgc:var(--s-color-surface-primary);--badge--outline-border:var(--s-color-border-primary);--badge--outline-foreground:var(--s-color-text-primary);--badge--outline-bgc:var(--s-color-surface-primary-light)}.badge--info{--badge--fill-bgc:var(--s-color-system-info-600);--badge--outline-border:var(--s-color-system-info-600);--badge--outline-foreground:var(--s-color-system-info-600);--badge--outline-bgc:var(--s-color-system-info-100)}.badge--darkfilled{--badge--fill-bgc:var(--s-color-surface-neutral-dark);--badge--outline-border:var(--s-color-border-neutral-dark);--badge--outline-foreground:var(--s-color-text-default);--badge--outline-bgc:var(--s-color-surface-neutral)}}