@layer genr.component {
    .chip {
        display: inline-flex;
        padding: 0.25rem 0.75rem;
        font-size: var(--font-size-base);
        font-weight: 400;
        letter-spacing: var(--letter-spacing-xs);
        border: 1px solid currentColor;
        border-radius: var(--radius-sm);
    }

    .chip--darker-green {
        color: var(--color-darker-green);
    }

    .chip--light-patrol {
        color: var(--color-light-patrol);
    }

    .chip--error {
        color: var(--color-error);
    }
}