.nice-select .list {
    max-height: unset !important;
}


/*
|--------------------------------------------------------------------------
| Filters
|--------------------------------------------------------------------------
*/

.filters {
}

.filters-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
}

.filters .grid {
    display: grid;
}


/*
|--------------------------------------------------------------------------
| Custom select
|--------------------------------------------------------------------------
*/
.custom-select {
    position: relative;
    width: 100%;
    text-align: left;
    outline: none;
    line-height: 47px;
    user-select: none;
}

.selected-term:not(.mounted) {
    opacity: 0 !important;
    height: 47px;
}

.custom-select * {
    user-select: none;
}

.custom-select .name {
    font-weight: bold;
    opacity: .75;
    margin-right: 5px;
}

.custom-select .selected {
    background-color: rgba(255, 255, 255, 0.076);
    border-radius: 6px;
    border: 1px solid currentColor;
    padding-left: 1em;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    padding-top: 0 !important;
}

.custom-select .selected.open {
    border: 1px solid currentcolor;
    border-radius: 6px 6px 0px 0px;
}

.custom-select .selected:after {
    position: absolute;
    content: "";
    top: 47%;
    right: 1em;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: currentcolor transparent transparent transparent;
    z-index: 1;
    line-height: 1.5;
}


.custom-select .items {
    color: #fff;
    border-radius: 0px 0px 6px 6px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    position: absolute;
    background-color: white;
    left: 0;
    right: 0;
    z-index: 3;
    transition: all .15s ease-out;

    line-height: 37px;
    padding: 7px 0;
}

.custom-select .items:not(.mounted) {
    opacity: 0;
}

.custom-select .items div {
    color: black;
    padding-left: 1em;
    cursor: pointer;
    user-select: none;
}

.custom-select .items div:hover {
    background-color: #eaeaea;
}

.selectHide {
    user-select: none;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-10px) scale(.9);
}

/* Open / closed */
@media (max-width: 768px) {
    .filters .grid {
        transition: all .5s cubic-bezier(0, 0.55, 0.45, 1);
        margin-bottom: 10px;
    }

    .filters .grid[data-open="true"] {
        max-height: 300px;
    }

    .filters .grid[data-open="false"] {
        max-height: 0px;
        overflow: hidden;
        opacity: 0;
    }
}

.filters label {
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px;
}


.filters .search-container {
    grid-column: 1;
}

.filters a.search-button {
    grid-row: 3;
}

.filters .search {
    height: 100%;
    display: flex;
}


.filters-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: currentcolor;
    /* 	//var(--e-global-color-accent); */
}

.filters-toggle svg {
    width: 16px;
    margin-left: 10px;
    position: relative;
    bottom: 1px;
    fill: currentcolor;
}


@media (max-width: 768px) {
    .filters .grid {
        transition: all .5s cubic-bezier(0, 0.55, 0.45, 1);
        margin-bottom: 10px;
    }

    .filters[data-open="true"] .grid {
        max-height: 300px;
    }

    .filters[data-open="false"] .grid {
        max-height: 0px;
        overflow: hidden;
        opacity: 0;
    }
}


/*
|--------------------------------------------------------------------------
| Filters toggle
|--------------------------------------------------------------------------
*/
@media (min-width: 768px) {
    .filters-toggle {
        display: none;
    }

    .clear-filters {
        position: absolute;
        right: 0;
        top: 25px;
    }
}


/*
|--------------------------------------------------------------------------
| Search button
|--------------------------------------------------------------------------
*/
a.search-button {
    color: white !important;
    border: 1px solid var(--e-global-color-accent);
    border-radius: 6px;
    /* color: currentColor; */
    background: var(--e-global-color-accent) !important;
    line-height: 38px !important;
    font-weight: bold;
    padding-left: 1em;
    width: max-content;
    padding-right: 1em;
}


/*
|--------------------------------------------------------------------------
| Clear filters button
|--------------------------------------------------------------------------
*/

button.clear-filters {
    font-size: 100% !important;
    color: inherit;
    border-width: 0;
    padding: 0px;
    text-align: left;
    cursor: pointer;
    background: none;
    outline: none;
    height: 100%;
}


/*
|--------------------------------------------------------------------------
| 'Appear' transition
|--------------------------------------------------------------------------
*/
.v-enter-active,
.v-leave-active {
    transition: opacity .25s ease-out;
    transform: translateY(0px);
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
    /*   max-height: 0; */
}


/*
|--------------------------------------------------------------------------
| Search
|--------------------------------------------------------------------------
*/
.filters input.search {
    height: 47px;
    display: flex;
    border-radius: 6px;
    border: 1px solid currentColor;
    color: inherit !important;
}