.ui-badge{--ui-badge-color: var(--ui-color-white);--ui-badge-bg-color: var(--ui-color-primary--30);--ui-badge-padding: .5rem;padding:var(--ui-badge-padding) calc(var(--ui-badge-padding) * 2);display:inline-flex;align-items:center;color:var(--ui-badge-color);background-color:var(--ui-badge-bg-color);border-radius:2.5rem}.ui-badge__text{margin:auto}.ui-badge--reverse{flex-direction:row-reverse}.ui-badge--position-inline-top{transform:translateY(-.5rem)}.ui-badge--position-inline-bottom{transform:translateY(.5rem)}.ui-badge--position-top-left{position:absolute;top:var(--ui-badge-oflimit, 0);left:var(--ui-badge-oflimit, 0)}.ui-badge--position-top-right{position:absolute;top:var(--ui-badge-oflimit, 0);right:var(--ui-badge-oflimit, 0)}.ui-badge--position-bottom-left{position:absolute;bottom:var(--ui-badge-oflimit, 0);left:var(--ui-badge-oflimit, 0)}.ui-badge--position-bottom-right{position:absolute;bottom:var(--ui-badge-oflimit, 0);right:var(--ui-badge-oflimit, 0)}.ui-badge--oflimits{--ui-badge-oflimit: -.5rem}.ui-badge--color-default{--ui-badge-bg-color: var(--ui-color-grey--90)}.ui-badge--color-primary{--ui-badge-bg-color: var(--ui-color-primary--30)}.ui-badge--color-secondary{--ui-badge-bg-color: var(--ui-color-secondary--30)}.ui-badge--color-success{--ui-badge-bg-color: var(--ui-color-success--40)}.ui-badge--color-warning{--ui-badge-bg-color: var(--ui-color-warning--40)}.ui-badge--color-error{--ui-badge-bg-color: var(--ui-color-error--40)}.ui-badge--size-xs{font-size:.75rem;line-height:1.4rem;--ui-badge-padding: .125rem;min-width:.875rem;gap:.125rem}.ui-badge--size-sm{font-size:.875rem;line-height:1.4rem;--ui-badge-padding: .25rem;min-width:.875rem;gap:.25rem}.ui-badge--size-md{font-size:1rem;line-height:1.6rem;min-width:1.125rem;gap:.5rem}.ui-badge--size-lg,.ui-badge--size-xl{font-size:1.125rem;line-height:1.6rem;--ui-badge-padding: .75rem;min-width:1.375rem;gap:.75rem}.ui-badge--circle.ui-badge{--ui-badge-padding: 0;gap:0;display:flex;justify-content:center;align-items:center;border-radius:50%}.ui-badge--circle.ui-badge--size-xs{width:1.25rem;height:1.25rem}.ui-badge--circle.ui-badge--size-sm{width:1.5rem;height:1.5rem}.ui-badge--circle.ui-badge--size-md{width:2.125rem;height:2.125rem}.ui-badge--circle.ui-badge--size-lg,.ui-badge--circle.ui-badge--size-xl{width:2.875rem;height:2.875rem}