.unionarena-quick-filters {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    width: 100%;
}

.unionarena-quick-filters-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.55rem 0.65rem;
}

.unionarena-quick-filter-chips {
    flex: 1 1 7.5rem;
    min-width: min(100%, 7.5rem);
}

.unionarena-series-select {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1 1 10rem;
    min-width: min(100%, 10rem);
    max-width: 100%;
}

.unionarena-series-select-label {
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted, #9aa3b2);
}

.unionarena-series-select select {
    width: 100%;
}

.unionarena-type-chips,
.unionarena-trigger-chips {
    display: grid;
    gap: 0.35rem;
    width: 100%;
}

.unionarena-type-chips {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.unionarena-trigger-chips {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.unionarena-type-chip,
.unionarena-trigger-chip {
    min-height: 38px;
    padding-inline: 0.45rem;
}

.unionarena-type-chip[aria-pressed='true'] {
    border-color: rgba(0, 179, 55, 0.55);
    background: rgba(0, 179, 55, 0.12);
    color: #b8f5cc;
    box-shadow: inset 0 0 0 1px rgba(0, 179, 55, 0.12);
}

.unionarena-trigger-chip[aria-pressed='true'] {
    border-color: rgba(226, 198, 82, 0.55);
    background: rgba(226, 198, 82, 0.12);
    color: #f5e6b8;
    box-shadow: inset 0 0 0 1px rgba(226, 198, 82, 0.14);
}

@media (max-width: 420px) {
    .unionarena-quick-filters-top {
        flex-direction: column;
        align-items: stretch;
    }

    .unionarena-quick-filter-chips,
    .unionarena-series-select {
        flex: 1 1 auto;
        min-width: 100%;
    }
}