.ui-badge{align-items:center;background-color:var(--color-background);border:1px solid transparent;border-radius:var(--ui-radius);color:var(--color-text);-moz-column-gap:var(--gap-h);column-gap:var(--gap-h);display:inline-flex;font-weight:var(--medium);letter-spacing:8%;padding:var(--gap-v) var(--gap-h);transition-duration:.2s;transition-property:color,background-color,border-color,opacity,transform;transition-timing-function:ease-out}.ui-badge.rounded{border-radius:var(--ui-radius-full)}.ui-badge.block{display:flex;justify-content:center;width:100%}.ui-badge.invert{flex-direction:row-reverse}.ui-badge.square{padding-inline:var(--gap-v)}@supports not (padding-inline:0){.ui-badge.square{padding-left:var(--gap-v);padding-right:var(--gap-v)}}.ui-badge.xs{--gap-v:4px;--gap-h:6px;font-size:var(--ui-text-extrasmall);height:24px}.ui-badge.xs .ui-icon{height:10px;width:10px}.ui-badge.sm{--gap-v:5px;--gap-h:8px;font-size:var(--ui-text-small);height:27px}.ui-badge.sm .ui-icon{height:12px;width:12px}.ui-badge.md{--gap-v:6px;--gap-h:10px;font-size:var(--ui-text);height:32px}.ui-badge.md .ui-icon{height:15px;width:15px}.ui-badge.lg{--gap-v:7px;--gap-h:12px;font-size:var(--ui-text-large);height:39px}.ui-badge.lg .ui-icon{height:18px;width:18px}.ui-badge.xl{--gap-v:8px;--gap-h:14px;font-size:var(--ui-text-extralarge);height:48px}.ui-badge.xl .ui-icon{height:22px;width:22px}.ui-badge.primary{--color-text:var(--ui-neutral-text);--color-background:var(--ui-neutral-interactive);--color-background-hover:var(--ui-neutral-interactive-hover)}.ui-badge.secondary{--color-text:var(--ui-neutral-background);--color-background:var(--ui-neutral-solid);--color-background-hover:var(--ui-neutral-solid-hover)}.ui-badge.accent{--color-text:var(--ui-neutral-background);--color-background:var(--ui-accent-solid);--color-background-hover:var(--ui-accent-solid-hover)}.ui-badge.soft{--color-text:var(--ui-neutral-text);--color-background:var(--ui-neutral-interactive);--color-background-hover:var(--ui-neutral-interactive-hover)}.ui-badge.outline{--color-text:var(--ui-neutral-text);--color-background:transparent;--color-background-hover:var(--ui-neutral-interactive);border-color:var(--ui-neutral-border)}.ui-badge .ui-icon{flex-shrink:0}