.badge{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:var(--badge-radius)}.badge__text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:253px}@media(max-width:500px){.badge__text-overflow{max-width:236px}}.badge__size-l,.badge__size-m{font-size:var(--body-s);line-height:var(--line-h-body-s)}.badge__size-l{padding:6px 12px}.badge__size-m{padding:2px 8px}.badge__size-xs{font-size:var(--body-xs);line-height:var(--line-h-body-xs)}.badge__size-s{font-size:var(--body-s);line-height:var(--line-h-body-s);padding:2px 6px}.badge__size-xs{padding:0 5px}.badge__color-blue{color:var(--base-01);background-color:var(--primary)}.badge__color-light{color:var(--primary);background-color:var(--secondary)}.badge__color-orange{background-color:var(--accent)}.badge__color-green{background-color:var(--success-bg)}.badge__color-sky{background-color:var(--info-bg)}.badge__color-yellow{background-color:var(--warning-bg)}.badge__color-error{background-color:var(--error-bg)}.badge__color-red{background-color:var(--error-fill)}.badge__color-gray{background-color:var(--neutral-bg)}.badge__color-orange,.badge__color-red{color:var(--base-01)}.badge__color-gray,.badge__color-green,.badge__color-sky,.badge__color-yellow{color:var(--text-01)}.badge__rounded{border-radius:100%;padding:0}