@property --badge-bg{syntax:"*";inherits:false}@property --badge-color{syntax:"*";inherits:false}@property --badge-border-color{syntax:"*";inherits:false}@property --badge-radius{syntax:"*";inherits:false}@property --badge-pad-block{syntax:"*";inherits:false}@property --badge-pad-inline{syntax:"*";inherits:false}@property --badge-block-length{syntax:"<length-percentage>";inherits:false;initial-value:0}:root{--badge-light-text-strong:var(--color-text-strong);--badge-light-success:var(--color-success);--badge-light-danger:var(--color-danger);--badge-light-warning-text:var(--color-warning-text)}.badge{--badge-soft-fill:var(--color-neutral-soft);--badge-text:var(--color-neutral);--badge-solid-fill:var(--color-neutral);--badge-solid-text:var(--color-on-neutral);--badge-text-inverse:var(--color-text-label-inverse);--badge-step-block:var(--space-2xs);--badge-step-inline:var(--space-xs);--badge-block:var(--badge-pad-block,var(--badge-step-block));--badge-block-length:var(--badge-block);--icon-size:1.25em;align-items:flex-start;gap:var(--space-2xs);inline-size:fit-content;max-inline-size:100%;padding:var(--badge-block) var(--badge-pad-inline,var(--badge-step-inline));font-size:var(--text-sm);font-weight:var(--weight-label);line-height:var(--leading-display);color:var(--badge-color,var(--badge-text));background-color:var(--badge-bg,var(--badge-soft-fill));border:var(--border-width) solid var(--badge-border-color,transparent);border-radius:var(--badge-radius,var(--radius-sm));display:inline-flex;position:relative}.badge__label{align-self:baseline;min-inline-size:0}.badge>.icon{margin-block:calc((1lh - var(--icon-size)) / 2)}.badge>.visually-hidden{-webkit-user-select:none;user-select:none}.badge--solid{color:var(--badge-color,var(--badge-solid-text));background-color:var(--badge-bg,var(--badge-solid-fill))}.badge--outline{color:var(--badge-color,light-dark(var(--badge-text),var(--badge-text-inverse)));background-color:var(--badge-bg,transparent);border-color:var(--badge-border-color,currentColor)}.badge--black{--badge-soft-fill:var(--color-neutral-soft);--badge-text:var(--badge-light-text-strong);--badge-solid-fill:var(--color-surface-inverse);--badge-solid-text:var(--color-on-inverse);--badge-text-inverse:var(--color-on-inverse)}@supports (color:light-dark(currentColor, currentColor)){.badge--black.badge--solid{border-color:var(--badge-border-color,light-dark(transparent,var(--color-border-strong-inverse)))}}.badge--brand{--badge-soft-fill:var(--color-primary-soft);--badge-text:var(--color-primary-text);--badge-solid-fill:var(--color-primary);--badge-solid-text:var(--color-on-primary);--badge-text-inverse:var(--color-primary-inverse)}.badge--accent{--badge-soft-fill:var(--color-accent-soft-strong);--badge-text:var(--color-accent-text);--badge-solid-fill:var(--color-accent);--badge-solid-text:var(--color-on-accent);--badge-text-inverse:var(--color-accent)}.badge--success{--badge-soft-fill:var(--color-success-soft-strong);--badge-text:var(--color-success-text);--badge-solid-fill:var(--badge-light-success);--badge-solid-text:var(--color-on-success);--badge-text-inverse:var(--color-success-inverse)}.badge--warning{--badge-soft-fill:var(--color-warning-soft);--badge-text:var(--badge-light-warning-text);--badge-solid-fill:var(--color-warning);--badge-solid-text:var(--color-on-warning);--badge-text-inverse:var(--color-warning)}.badge--danger{--badge-soft-fill:var(--color-danger-soft);--badge-text:var(--color-danger-text);--badge-solid-fill:var(--badge-light-danger);--badge-solid-text:var(--color-on-danger);--badge-text-inverse:var(--color-danger-inverse)}.badge--indigo{--badge-soft-fill:var(--color-tone-indigo-soft-strong);--badge-text:var(--color-tone-indigo-text);--badge-solid-fill:var(--color-tone-indigo);--badge-solid-text:var(--color-on-tone-indigo);--badge-text-inverse:var(--color-tone-indigo-inverse)}.badge--green{--badge-soft-fill:var(--color-tone-green-soft);--badge-text:var(--color-tone-green-text);--badge-solid-fill:var(--color-tone-green);--badge-solid-text:var(--color-on-tone-green);--badge-text-inverse:var(--color-tone-green)}.badge--orange{--badge-soft-fill:var(--color-tone-orange-soft-strong);--badge-text:var(--color-tone-orange-text);--badge-solid-fill:var(--color-tone-orange);--badge-solid-text:var(--color-on-tone-orange);--badge-text-inverse:var(--color-tone-orange)}.badge--red{--badge-soft-fill:var(--color-tone-red-soft-strong);--badge-text:var(--color-tone-red-text);--badge-solid-fill:var(--color-tone-red-strong);--badge-solid-text:var(--color-on-tone-red-strong);--badge-text-inverse:var(--color-tone-red-inverse)}.badge--coral{--badge-soft-fill:var(--color-tone-coral-soft-strong);--badge-text:var(--color-tone-coral-text);--badge-solid-fill:var(--color-tone-coral);--badge-solid-text:var(--color-on-tone-coral);--badge-text-inverse:var(--color-tone-coral)}.badge--sm{--badge-step-block:calc(var(--space-2xs) / 2);font-size:var(--text-xs)}.badge--pill{border-radius:var(--badge-radius,min(var(--radius-full), calc(.5lh + var(--badge-block-length) + var(--border-width))))}@media print{.badge--solid{-webkit-print-color-adjust:exact;print-color-adjust:exact}}