.badge{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);color: #000;background-color: var(--lumo-primary-color-10pct);border-radius: 1em;font-family: var(--lumo-font-family);font-size: var(--lumo-font-size-s);line-height: 1;font-weight: 500;text-transform: initial;letter-spacing: initial;min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);flex-shrink: 0}.badge-red{color: var(--lumo-success-contrast-color);background-color: hsl(3,85%,48%)}.badge-green{color: var(--lumo-success-contrast-color);background-color: hsl(145,72%,30%)}.badge-yellow{background-color:#F8C54A}.badge-orange{background-color: #e18a15}