.filter-list {
    display: grid;
    grid-auto-rows: auto;
    grid-template-rows: repeat(10, auto) repeat(999, 0px);
    /* pokazujemy tylko 10 wierszy */
    overflow: hidden;
    transition: grid-template-rows 3s ease;
    padding-top: 1px;
    padding-bottom: 1px;
    /*padding-left: .25rem;*/
}

.filter-toggle-checkbox:checked~.filter-list {
    grid-template-rows: none;
}

.filter-toggle-btn {
    cursor: pointer;
    font-weight: 300;
    color: #162626;
    margin-top: .5rem;
    font-size: x-small;
    display: flex;
}

.filter-toggle-checkbox:checked~.filter-toggle-btn::before {
    transform: rotate(-180deg);
}

.filter-toggle-btn::before {
    font-family: 'Material Icons';
    content: "\e5cf";
    transition: transform .25s ease-out;
    margin-inline: .25rem;
}

/* --see-less i --see-mor zadeklarowano w views\templates\hook\displayLeftColumn.tpl */

.filter-toggle-checkbox:checked~.filter-toggle-btn::after {
    content: var(--see-less);
}

.filter-toggle-btn::after {
    content: var(--see-more);
}

.filter-toggle-checkbox {
    display: none;
}

span.magnitude {
    display: inline-block;
    min-width: 23px;
}