.faceted-overlay{
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(25,25,25,0.5);
    z-index:100
}
.faceted-overlay .overlay__inner{
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:absolute
}
.faceted-overlay .overlay__content{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%)
}
.faceted-overlay .spinner{
    width:75px;
    height:75px;
    display:inline-block;
    border-width:2px;
    border-color:rgba(255,255,255,0.05);
    border-top-color:#fff;
    animation:spin 1s infinite linear;
    border-radius:100%;
    border-style:solid
}
@keyframes spin{
    100%{
        transform:rotate(360deg)
    }
}
 #search_filters .ui-slider-horizontal .ui-slider-handle{
    margin-left:-1px;
    cursor:pointer
}
#search_filters .ui-widget-header{
    background:#555
}
#search_filters .ui-slider .ui-slider-handle{
    top:-.45em;
    width:0.4em;
    background:#fff;
    border:1px solid #555
}
#search_filters .ui-slider-horizontal{
    height:.4em
}
 #search_filters .facet .title{
    display:flex
}
#search_filters .facet .title .collapse-icons{
    margin-left:auto
}
#search_filters .facet .facet-title{
    width:calc(100% - 30px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#search_filters .facet .facet-label{
    width:100%;
    text-align:left
}
#search_filters .facet .facet-label .custom-checkbox,#search_filters .facet .facet-label .custom-radio{
    top:-7px;
    margin-right:0
}
#search_filters .facet .facet-label .color{
    margin-left:0
}
#search_filters .facet .facet-label a{
    width:calc(100% - 30px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.facet__title {
    white-space: initial;
}

@media (min-width:768px) {
    #search_filters {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        padding: 40px;
    }
    .facet__block:not(:last-child) {
        border: none;
    }
    #search_filters .facet__block {
        flex: 0 0 calc(20% - calc((20/6)*5px));
        max-width: calc(20% - calc((20/6)*5px));
        z-index: 1;
    }
    #search_filters .facet__block .collapse:not(.show):not(.default-dropdown),
    #search_filters .facet__block .default-dropdown-header {
        display: none;
    }
    .collpase--facet {
        background: var(--secondary-bg-color-variant);
        padding-right: 15px;
        padding-left: 15px;
        border-bottom: solid 2px #333134;
        border-left: solid 2px #333134;
        border-right: solid 2px #333134;
        color: white;
        max-height: 195px;
    }
    #search_filters .facet__block .collapse.default-dropdown {
        padding: 0px;
    }
    .collpase--facet div:first-child {
        padding-top: 15px;
    }
    .collpase--facet div:not(:first-child) {
        padding-top: 5px;
    } 
    .collpase--facet div:not(:last-child) {
        padding-bottom: 5px;
    }
    .collpase--facet div:last-child {
        padding-bottom: 15px;
    }
    .collpase--facet.collapse.show {
        display: block;
        overflow: auto;
    }
    #_desktop_search_filters_wrapper .category-filter-image {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
    }
    .facet__block:not(:last-child) {
        margin-bottom: 0.5rem;
        padding: 0;
    }
    .facet__header {
        background: var(--secondary-bg-color-variant);
        border: solid 2px #333134;
        padding: 15px 20px 15px 20px;
        color: white;
        font-size: 17px;
        margin: 0;
        min-height: 88px;
    }
    .facet__header a{
        color: var(--dark-grey);
        opacity: 0.8;
    }
    .facet__header a:hover,
    .facet__header a:focus {
        color: var(--dark-grey);
        opacity: 1;
    }
    .facet__title {
        font-weight: 500;
    }  
    .facet__block .custom-control-input:checked~.custom-control-label:before {
        background: white;
        border: solid 1px #333134;
    }
    .facet__block .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
        background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="8"%3E%3Cpath fill="%23000" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z"/%3E%3C/svg%3E');
    }
    .active_filters {
        padding-right: 0;
        padding-left: 0;
        background: transparent;
    }
    .active_filters .active_filters__list {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }
    .active_filters .active-filter__title {
        font-size: 18px;
        font-weight: 500;
        font-family: var(--primary-font-family);
        margin-bottom: 0px;
    }
    .active_filters__list .active_filters__list-item {
        background: #f2f2f2;
        border: 1px solid #f2f2f2;
        margin-bottom: 0px;
        padding: 10px;
        min-width: 130px;
        display: flex;
        justify-content: space-between;
        column-gap: 5px;
    }
    .active_filters__list .active_filters__list-item:hover,
    .active_filters__list .active_filters__list-item:focus {
        background: #e7e5e5;
        border: 1px solid #e7e5e5;
    }
    .active_filters__list .active_filters__list-item span {
        font-size: 16px;
        font-weight: 500;
    }
    .active_filters__list .active_filters__list-item i {
        font-size: 16px;
        font-weight: 700;
        color: #696969;
    }
    .active_filters .active_filters__list .clear-all-wrapper .btn--clearfilter {
        margin: 0px;
        padding: 8px 10px 9px 10px;
        font-size: 18px;
        color: white;
        background: var(--secondary-bg-color-variant);
    }
    .active_filters .active_filters__list .clear-all-wrapper .btn--clearfilter:hover,
    .active_filters .active_filters__list .clear-all-wrapper .btn--clearfilter:hover {
        border-color: var(--secondary-bg-color-variant); 
        color: var(--secondary-bg-color-variant); 
        background: transparent;
    }
    #search_filters .facet__block .custom-select {
        color: white;
        min-height: 88px;
        max-height: 88px;
        background: #1f1e1e url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='%23696969' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right .75rem center/8px 10px;
        border-color: #333134;
        box-shadow: none;
    } 
}

@media (min-width:992px) and (max-width:1375px) {
    #search_filters .facet__block {
        flex: 0 0 calc(25% - calc((20/5)*4px));
        max-width: calc(25% - calc((20/5)*4px));
    }
    .facet__header {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #search_filters {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        padding: 15px;
    }
    #search_filters .facet__block {
        flex: 0 0 calc(33.333% - calc((10/4)*3px));
        max-width: calc(33.333% - calc((10/4)*3px));
    }
    .facet__header {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    #search_filters .facet__block div[id^="facet"] .custom-control {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

body#category .custom_faceted_button {
    padding: 10px 40px 10px 40px;
    background: var(--secondary-bg-color-variant);
    border: 1px solid var(--secondary-bg-color-variant);
}
body#category .custom_faceted_button > span{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
body#category .custom_faceted_button:hover {
    background: var(--btn-hover-bg-color);
    border: 1px solid var(--btn-hover-bg-color);
}

body#category .custom_faceted_button .close-filter-option{
    display: none;
}

#block-catgeory-description ~ #products #js-product-list-top .custom_faceted_button .close-filter-option{
    display: flex;
    align-items: center;
}
#block-catgeory-description ~ #products #js-product-list-top .custom_faceted_button .open-filter-option{
    display: none;
}
#block-catgeory-description.show ~ #products #js-product-list-top .custom_faceted_button .open-filter-option{
    display: flex;
    align-items: center;
}
#block-catgeory-description.show ~ #products #js-product-list-top .custom_faceted_button .close-filter-option{
    display: none;
}

@media (min-width:1200px) {
    body#category .custom_faceted_button {
        min-width: 340px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    body#category .custom_faceted_button {
        min-width: 255px;
    }
}