.rarui-badge__diq1u80 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  gap: var(--rarui-spacing-3xs);
  font-weight: var(--rarui-fontWeight-medium);
  line-height: var(--rarui-lineHeight-button-m);
  font-size: var(--rarui-fontSize-button-m);
  font-family: var(--rarui-fontFamily-body);
  border-radius: var(--rarui-shape-border-radius-pill);
}
.rarui-badge_appearance_brand__diq1u81 {
  background-color: var(--rarui-colors-surface-brand);
  border-color: var(--rarui-colors-surface-brand);
  color: var(--rarui-colors-content-on-brand);
}
.rarui-badge_appearance_danger__diq1u82 {
  background-color: var(--rarui-colors-surface-error);
  border-color: var(--rarui-colors-surface-error);
  color: var(--rarui-colors-content-on-error);
}
.rarui-badge_appearance_success__diq1u83 {
  background-color: var(--rarui-colors-surface-success);
  border-color: var(--rarui-colors-surface-success);
  color: var(--rarui-colors-content-on-success);
}
.rarui-badge_appearance_warning__diq1u84 {
  background-color: var(--rarui-colors-surface-warning);
  border-color: var(--rarui-colors-surface-warning);
  color: var(--rarui-colors-content-on-warning);
}
.rarui-badge_appearance_info__diq1u85 {
  background-color: var(--rarui-colors-surface-info);
  border-color: var(--rarui-colors-surface-info);
  color: var(--rarui-colors-content-on-info);
}
.rarui-badge_appearance_neutral__diq1u86 {
  background-color: var(--rarui-colors-surface-invert);
  border-color: var(--rarui-colors-surface-invert);
  color: var(--rarui-colors-content-invert);
}
.rarui-badge_appearance_inverted__diq1u87 {
  background-color: var(--rarui-colors-surface-primary);
  border-color: var(--rarui-colors-surface-primary);
  color: var(--rarui-colors-content-primary);
}
.rarui-badge_size_large__diq1u88 {
  padding: 0 var(--rarui-spacing-xs);
  height: 3rem;
  font-size: var(--rarui-fontSize-button-l);
  font-weight: var(--rarui-fontWeight-semiBold);
}
.rarui-badge_size_medium__diq1u89 {
  padding: 0 var(--rarui-spacing-2xs);
  height: 2em;
  font-size: var(--rarui-fontSize-button-m);
  font-weight: var(--rarui-fontWeight-medium);
}
.rarui-badge_size_small__diq1u8a {
  padding: 0 var(--rarui-spacing-3xs);
  height: 1.5rem;
  font-size: var(--rarui-fontSize-button-s);
  font-weight: var(--rarui-fontWeight-medium);
}
.rarui-badge_size_dot__diq1u8b {
  height: 0.5rem;
  width: 0.5rem;
}
.rarui-badge_variant_outlined__diq1u8d {
  border-width: var(--rarui-shape-border-width-1);
  border-style: solid;
  border-color: var(--rarui-colors-surface-brand);
}
.rarui-badge__compound_0__diq1u8e {
  color: var(--rarui-colors-content-brand);
  border-color: var(--rarui-colors-border-brand);
  background-color: var(--rarui-colors-surface-brand-subdued);
}
.rarui-badge__compound_1__diq1u8f {
  color: var(--rarui-colors-content-error);
  border-color: var(--rarui-colors-border-error);
  background-color: var(--rarui-colors-surface-error-subdued);
}
.rarui-badge__compound_2__diq1u8g {
  color: var(--rarui-colors-content-success);
  border-color: var(--rarui-colors-border-success);
  background-color: var(--rarui-colors-surface-success-subdued);
}
.rarui-badge__compound_3__diq1u8h {
  color: var(--rarui-colors-content-warning);
  border-color: var(--rarui-colors-border-warning);
  background-color: var(--rarui-colors-surface-warning-subdued);
}
.rarui-badge__compound_4__diq1u8i {
  color: var(--rarui-colors-content-info);
  border-color: var(--rarui-colors-border-info);
  background-color: var(--rarui-colors-surface-info-subdued);
}
.rarui-badge__compound_5__diq1u8j {
  color: var(--rarui-colors-content-invert-secondary);
  border-color: var(--rarui-colors-border-invert);
  background-color: var(--rarui-colors-surface-invert-disabled);
}
.rarui-badge__compound_6__diq1u8k {
  color: var(--rarui-colors-content-secondary);
  border-color: var(--rarui-colors-border-subdued);
  background-color: var(--rarui-colors-surface-secondary);
}