.badge{--badge-content-color:var(--neutral-content-main-titles);--badge-icon-color:var(--badge-content-color);--badge-padding-block:var(--space-8);--badge-padding-inline:var(--space-12);--badge-padding-icon:var(--space-8);--badge-radius:var(--radius-full);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--badge-padding-block) var(--badge-padding-inline);border-radius:var(--badge-radius);background-color:var(--neutral-surface-background);color:var(--badge-content-color);white-space:nowrap;width:fit-content;display:flex}.badge[data-leading-icon=true]{padding-inline-start:var(--badge-padding-icon)}.badge[data-trailing-icon=true]{padding-inline-end:var(--badge-padding-icon)}.badge-shape-pill{--badge-radius:var(--radius-full)}.badge-shape-rounded{--badge-radius:var(--radius-4)}.badge-label{color:var(--badge-content-color);height:16px;font-family:var(--font-sans);align-items:center;display:inline-flex}.badge-icon{color:var(--badge-icon-color);justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.badge-icon-button{cursor:pointer;color:var(--badge-icon-color);transform-origin:50%;will-change:transform;background:0 0;border:none;width:14px;height:14px;padding:0}.badge-icon-button:hover{color:var(--badge-content-color);cursor:pointer}.badge-icon-button:focus-visible{outline:2px solid var(--support-focus);outline-offset:2px}.badge-icon-button:disabled{cursor:not-allowed;opacity:.6;color:var(--badge-icon-color)}.badge-icon>svg,.badge-icon>img{width:100%;height:100%}.badge-size-xxl{--badge-padding-block:var(--space-20);--badge-padding-inline:var(--space-20);--badge-padding-icon:var(--space-16)}.badge-size-xl{--badge-padding-block:var(--space-16);--badge-padding-inline:var(--space-20);--badge-padding-icon:var(--space-16)}.badge-size-l{--badge-padding-block:var(--space-12);--badge-padding-inline:var(--space-16);--badge-padding-icon:var(--space-12)}.badge-size-m{--badge-padding-block:var(--space-8);--badge-padding-inline:var(--space-12);--badge-padding-icon:var(--space-8)}.badge-size-s{--badge-padding-block:var(--space-4);--badge-padding-inline:var(--space-8);--badge-padding-icon:var(--space-4)}.badge-size-xs{--badge-padding-block:var(--space-2);--badge-padding-inline:var(--space-8);--badge-padding-icon:var(--space-4)}.badge-size-xxs{--badge-padding-block:0;--badge-padding-inline:var(--space-8);--badge-padding-icon:var(--space-4)}.badge-type-default{background-color:var(--neutral-surface-background);--badge-content-color:var(--neutral-content-main-titles)}.badge-type-main{background-color:var(--neutral-surface-main);--badge-content-color:var(--neutral-content-main-titles)}.badge-type-neutral{background-color:var(--neutral-surface-tables);--badge-content-color:var(--neutral-content-main-titles)}.badge-type-reversed{background-color:var(--opacity-white-light);--badge-content-color:var(--neutral-content-oncolor)}.badge-type-information{background-color:var(--color-surface-information-light);--badge-content-color:var(--color-content-information)}.badge-type-success{background-color:var(--color-surface-success-light);--badge-content-color:var(--color-content-success)}.badge-type-alert{background-color:var(--color-surface-alert-light);--badge-content-color:var(--neutral-content-main-titles)}.badge-type-warning{background-color:var(--color-surface-warning-light);--badge-content-color:var(--color-content-warning)}.badge-type-error{background-color:var(--color-surface-error-light);--badge-content-color:var(--color-content-error)}.badge-prominent{--badge-icon-color:var(--badge-content-color)}.badge-prominent.badge-type-default,.badge-prominent.badge-type-main{background-color:var(--neutral-surface-oncolor);--badge-content-color:var(--neutral-content-oncolor)}.badge-prominent.badge-type-neutral{background-color:var(--neutral-surface-support);--badge-content-color:var(--neutral-content-main-titles)}.badge-prominent.badge-type-reversed{background-color:var(--neutral-surface-background);--badge-content-color:var(--neutral-content-main-titles)}.badge-prominent.badge-type-information{background-color:var(--color-surface-information);--badge-content-color:var(--neutral-content-oncolor)}.badge-prominent.badge-type-success{background-color:var(--color-surface-success);--badge-content-color:var(--neutral-content-oncolor)}.badge-prominent.badge-type-alert{background-color:var(--color-surface-alert);--badge-content-color:var(--neutral-content-main-titles)}.badge-prominent.badge-type-warning{background-color:var(--color-surface-warning);--badge-content-color:var(--neutral-content-oncolor)}.badge-prominent.badge-type-error{background-color:var(--color-surface-error);--badge-content-color:var(--neutral-content-oncolor)}.badge-icon-trailing{cursor:pointer}.badge-uppercase .badge-label{text-transform:uppercase;letter-spacing:var(--spacing-overline)}