@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,500&display=swap");

body {
        font-family: "Roboto";
}

.c-filter1,
.c-filter2,
.c-filter3 {
        position: relative;
}

.c-filter__toggle1,
.c-filter__toggle2,
.c-filter__toggle3 {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        border: 0;
        padding: 0.5rem 1rem;
        border-radius: 4px;
}

.c-filter__toggle1:after,
.c-filter__toggle2:after,
.c-filter__toggle3:after {
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-left: 10px;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
}

.c-filter__toggle1--active:after,
.c-filter__toggle2--active:after,
.c-filter__toggle3--active:after {
        transform: rotate(180deg);
}

.c-filter__ul1,
.c-filter__ul2,
.c-filter__ul3 {
        padding: 0;
        border-radius: 4px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
        position: absolute;
        display: none;
        margin: 0;
}

.c-filter__ul1--active,
.c-filter__ul2--active,
.c-filter__ul3--active {
        display: block;
}

.region-select .c-filter__item,
.dept-select .c-filter__item,
.cav-select .c-filter__item {
        list-style: none;
        display: block;
        width: 200px;
}

.region-select .c-filter__item label,
.dept-select .c-filter__item label,
.cav-select .c-filter__item label {
        cursor: pointer;
        padding: 8px 2px;
        position: relative;
        font-size: 12px;
}

.c-filter__ul {
        z-index: 3;
}

.region-select,
.dept-select,
.cav-select {
        background-color: white;
        padding-left: 12px;
        max-height: 250px;
        overflow-y: auto;
}