@use '../abstracts/variables' as *;
@use '../abstracts/mixins' as *;

.pill-select {
    border: 1px solid var(--color-border-strong);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    border-radius: $radius-full;
    padding: $space-1 * 1.5 $space-3;
    font-size: $font-sm;
    font-weight: 500;

    @include dark {
        border-color: var(--color-border);
        background: var(--color-surface-muted);
        color: var(--color-text-secondary);
    }
}