Template:FilterTable/styles.css

.filter-row,
.filter-search {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 8px 0;
}

.filter-row.extra-line-height {
    line-height: 2em;
}

.filter-button {
    background-color: var(--background-color-base, #fff);
    color: var(--color-base, #202122);
    border: 1px solid var(--color-subtle, #54595d);
    border-radius: 4px;
    padding: 4px 8px;
}

.filter-button:hover {
    cursor: pointer;
    background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
}

.filter-button.button-selected {
    background-color: var(--background-color-interactive-subtle--active, #dadde3);
    /* Shadow doesn't make sense in dark mode, so no variable used here */
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .05);
}

.filter-search input {
    padding: 4px;
    width: 200px;
}

/* [[Category:Stylesheets]] */