#wux-filter-results.--loading {transition: .2s ease-in-out;}
#wux-filter-results.--loading {opacity: 0.65;}

#wux-filter-results .--init {min-height: 400px; width: 100%; background-color: #f2f2f2;}

.wux-no-results { grid-column: 1/-1; }

.wf-multiselect-dropdown { position: relative; min-width: 28.7rem; }
.wf-multiselect-dropdown-toggle { --padding: .9rem 2.6rem .9rem .9rem; --border-radius: .5rem; --border: 1px solid rgb(var(--wpb-border-color,rgb(222, 226, 230))); --focus-border: 1px solid #000; min-height: 4.3rem; border: var(--border); border-radius: var(--border-radius); transition: border-color var(--ts-15, 150ms) ease; padding: var(--padding); background-color: #fff; position: relative; cursor: pointer; }
.wf-multiselect-dropdown-toggle::after { content: ''; position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); --icon: url('icons/icon_chevron-down.svg'); --color: 0, 0, 0; -webkit-mask-image: var(--icon); mask-image: var(--icon); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: 1.2rem; height: 1.2rem; background-color: rgba(var(--color)); transition: background-color var(--ts-15, 150ms) ease; }
.wf-multiselect-dropdown .wf-multiselect-selected { -ms-overflow-style: none; scrollbar-width: none!important; list-style: none; padding: 0; display: flex; gap: .25rem; width: 100%; max-width: 25rem; overflow-x: auto; scroll-snap-type: x proximity; line-height: 2.063; }
.wf-multiselect-dropdown .wf-multiselect-selected::-webkit-scrollbar { display: none; }

.wf-multiselect-dropdown .wf-multiselect-selected li { --padding: .15rem .75rem; --border-radius: .5rem; --border: 2px solid #269AF5; display: inline-flex; align-items: center; gap: .25rem; border: var(--border); padding: var(--padding); border-radius: var(--border-radius); background-color: rgba(38, 154, 245,.15); scroll-snap-align: start; } 
.wf-multiselect-dropdown .wf-multiselect-selected li span { font-size: 1.4rem; }
.wf-multiselect-dropdown .wf-multiselect-selected li button { opacity: .75; display: inline-block; cursor: pointer; --icon: url('icons/icon_close.svg'); --color: 0, 0, 0; -webkit-mask-image: var(--icon); mask-image: var(--icon); width: 1rem; height: 1rem; -webkit-mask-size: .7rem; mask-size: .75rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: rgba(var(--color)); transition: background-color var(--ts-15, 150ms) ease; }
.wf-multiselect-dropdown .wf-multiselect-selected li button:hover { opacity: 1; }
.wf-multiselect-dropdown:focus-within .wf-multiselect-dropdown-toggle { border: var(--focus-border); }
.wf-multiselect-dropdown-content { 
    --padding: 0;
    --border-radius: .5rem;
    --border: 1px solid rgb(var(--wpb-border-color,rgb(222, 226, 230)));
    min-height: 4.3rem;
    border: var(--border);
    border-radius: var(--border-radius);
    background-color: #fff; 
    padding: var(--padding);
    position: absolute; top: calc(100% + .5rem); left: 0;
    display: flex; flex-direction: column; opacity: 0; pointer-events: none;
    min-width: 100%; box-shadow: 0 .25rem .5rem rgba(33,37,41,.1); z-index: 1; overflow: hidden;
    transition: opacity var(--ts-15, 150ms) ease;
}

.wf-multiselect-dropdown-content > div input { position: absolute; left: -999rem; opacity: 0; }  
.wf-multiselect-dropdown-content > div input:checked + label { pointer-events: none; opacity: .5; }
.wf-multiselect-dropdown-content > div input:checked + label:hover { background-color: transparent; }
.wf-multiselect-dropdown-content > div label { padding: .75rem .9rem; width: 100%; cursor: pointer;}
.wf-multiselect-dropdown-content > div label:hover { background-color: #f2f2f2; }
.wf-multiselect-dropdown.active .wf-multiselect-dropdown-content { opacity: 1; pointer-events: all; }