.badge{--badge-text-color: var(--color-text-primary-inverse);--badge-text-size: var(--font-size-sm);--badge-color: var(--color-text-primary);--badge-height: calc(var(--size-1) * 3.5);box-sizing:border-box;color:var(--badge-text-color);background-color:var(--badge-color);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:var(--badge-text-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);height:var(--badge-height);border-radius:var(--radius-sm);padding-inline:.6em;white-space:nowrap}.badge[data-invert=true]{--badge-color: var(--color-interactive-primary-contrast);--badge-text-color: var(--color-interactive-primary)}.badge[data-intent=overlay]{--badge-color: rgba(0, 0, 0, .6);--badge-text-color: var(--color-text-primary-inverse)}.badge[data-intent=overlay][data-invert=true]{--badge-color: rgba(255, 255, 255, .6);--badge-text-color: var(--color-black)}.badge[data-intent=info]{--badge-color: var(--color-surface-info);--badge-text-color: var(--color-text-info-emphasis)}.badge[data-intent=info][data-invert=true]{--badge-color: var(--color-interactive-info);--badge-text-color: var(--color-interactive-info-contrast)}.badge[data-intent=success]{--badge-color: var(--color-surface-positive);--badge-text-color: var(--color-text-positive-emphasis)}.badge[data-intent=success][data-invert=true]{--badge-color: var(--color-interactive-positive);--badge-text-color: var(--color-interactive-positive-contrast)}.badge[data-intent=warning]{--badge-color: var(--color-surface-warning);--badge-text-color: var(--color-text-warning-emphasis)}.badge[data-intent=warning][data-invert=true]{--badge-color: var(--color-interactive-warning);--badge-text-color: var(--color-interactive-warning-contrast)}.badge[data-intent=error]{--badge-color: var(--color-surface-negative);--badge-text-color: var(--color-text-negative-emphasis)}.badge[data-intent=error][data-invert=true]{--badge-color: var(--color-interactive-negative);--badge-text-color: var(--color-interactive-negative-contrast)}.badge[data-size=xs]{--badge-text-size: var(--font-size-2xs);--badge-height: var(--size-2-5);padding-inline:var(--size-1)}.badge[data-size=sm]{--badge-text-size: var(--font-size-xs);--badge-height: var(--size-3)}.badge[data-size=lg]{--badge-text-size: var(--font-size-md);--badge-height: var(--size-4)}.badge[data-pill=true]{border-radius:var(--radius-full);padding-inline:.75em}.badge[data-symmetrical=true]{aspect-ratio:1;padding-inline:unset}.badge[data-padding=snug]{--badge-height: auto;padding:var(--size-0-5)}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}