.pill {
    padding: 2px 4px;
    border-radius: 3px;
    color: white;
    font-size: var(--font-xsmall);
    white-space: nowrap;
}

.pill-success {
    background-color: var(--color-success);
}

.pill-error {
    background-color: var(--color-error);
}

.pill-warning {
    background-color: var(--color-warning);
}

.pill-info {
    background-color: var(--color-info);
}