.badge {
  padding: 0.125rem 0.375rem;
  display: inline-block;
  border-radius: var(--border-radius-badge);
  background: rgb(var(--color-badge-background));
  color: rgb(var(--color-badge-text));
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: capitalize;
}.badge:where(.yap-native-sizes *):not(:where(.yap-switch, .yap-switch *)) {
  padding: 0.09375rem 0.28125rem;
  font-size: 0.65625rem;
}