.Pill {
    font-family: var(--font-body-bold);
    font-size: 12px;
    height: 20px;
    border-radius: 20px;
    padding: 0 var(--size-100);
    width: max-content;
    color: var(--foreground-neutral);
    &.warning {
        background-color: var(--yellow-200);
        color: var(--yellow-700);
    }
    &.success {
        background-color: var(--green-200);
        color: var(--green-700);
    }
    &.neutral {
        background-color: var(--blue-1);
        color: var(--blue-2-4);
    }
    &.error {
        background-color: var(--red-200);
        color: var(--red-700);
    }
    &.disabled {
        background-color: var(--gray-200);
        color: var(--gray-400);
    }
}