/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_linkhandling/Partials/Button/OpenGemeentenLinkHandling-Button.css
 *
 * Variables can be set there globally or override them here!
 */

.facets-selection {
    --font-size: var(--root-font-size); /* Reset: use REM */
}

.facets-selection__header {
    --color-text: var(--root-color-text);
    --font-family: var(--root-heading-4-family);
    --font-size: var(--root-heading-4-size);
    --font-style: var(--root-heading-4-style);
    --font-weight: var(--root-heading-4-weight);
    --line-height: var(--root-heading-4-line-height);
}

.facets-selection {
    margin-bottom: 1.5em;
}

.facets-selection__header {
    display: block;
    margin: 0;
    margin-right: 0;
}

@media (min-width: 30rem) {
    .facets-selection__header {
        display: inline-block;
        margin-right: 2em;
    }
}

.facets-selection {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}