.filter-chip {
    border: 1px solid #7272722b;
    border-radius: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 1.875rem;
    padding: 0.1rem 1rem 0.1rem 1rem;
    font-size: 14px;
}

.filter-chip.default {
    background-color: rgba(182, 182, 182, 0.15);
    color: var(--current-text-color);
}

.filter-chip.default:hover {
    background-color: rgba(150, 150, 150, 0.25);
}

.filter-chip.blue {
    background-color: var(--current-fade-blue-color);
    color: var(--current-blue-color);
}

.filter-chip.purple {
    background-color: var(--current-fade-purple-color);
    color: var(--current-purple-color);
}

.filter-chip.red {
    background-color: var(--current-fade-red-color);
    color: var(--current-red-color);
}

.filter-chip.green {
    background-color: var(--current-fade-green-color);
    color: var(--current-green-color);
}

.filter-chip.yellow {
    background-color: var(--current-fade-yellow-color);
    color: var(--current-yellow-color);
}

.filter-chip svg {
    fill: currentColor;
}

.filter-chip-title {
    margin-right: 0.5rem;
    font-size: 16px;
}