.mp-facet {
    .mp-facet__toggle { display: none; }
    .mp-facet__label { display: block; cursor: pointer; user-select: none; }
    .mp-facet__body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease;
        .mp-facet__options { overflow: hidden; padding-top: 1rem; }
        .mp-facet__option { cursor: pointer; display: flex; align-items: center; margin: 0; column-gap: 1rem;
            .mp-facet__option-input { margin: 0; }
            .mp-facet__option-label { font-size: 1.4rem; line-height: 1.4; }
            .mp-facet__option-count { margin-left: auto; font-size: 1.4rem; opacity: .75; }
    
            + .mp-facet__option { margin-top: .5rem; }
        }
    }

    .mp-facet__more-label { cursor: pointer; user-select: none; display: block; padding-top: 1rem;
        .is-checked { display: none; }
        .is-unchecked { display: block; }
    }
    .mp-facet__more-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
         
    
    .mp-facet__toggle:checked + .mp-facet__more-label {
        .is-checked { display: block; }
        .is-unchecked { display: none; }
    }
    .mp-facet__toggle:checked + .mp-facet__label + .mp-facet__body,
    .mp-facet__toggle:checked + .mp-facet__more-label + .mp-facet__more-content,
    .mp-facet__toggle:checked + .mp-facet__more-content { grid-template-rows: 1fr; }

    &.mp-facet--range {
        .mp-facet__label { font-family: var(--font-a-regular); }
        .mp-facet__range { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem;
            .mp-facet__input-range { width: 100%; --bg-clr: #ccc; --bg-clr-range: var(--clr-accent-1); pointer-events: none; -webkit-appearance: none; appearance: none; width: 100%;
                
                &::-webkit-slider-container { border-radius: 2rem; height: .6rem; background: var(--bg-clr); background-image: linear-gradient(90deg,var(--bg-clr) var(--minPercent),var(--bg-clr-range) var(--minPercent),var(--bg-clr-range) var(--maxPercent),var(--bg-clr) var(--maxPercent)); }
                &::-webkit-slider-thumb { z-index: 5; position: relative; pointer-events: all; -webkit-appearance: none; appearance: none; width: 2.1rem; height: 2.1rem; background: #fff; border: .6rem solid var(--bg-clr-range); cursor: pointer; border-radius: 50%; }
                &::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 1.4rem; height: 1.4rem; background: #fff; border: .6rem solid var(--bg-clr-range); cursor: pointer; border-radius: 50%; }
            
            }
            .mp-facet__dual-range { display: grid; grid-template-areas: "rangeInputs"; padding-block: .8rem;
                .mp-facet__input-range { grid-area: rangeInputs; }
            }
            .mp-facet__range-inputs { display: flex; justify-content: space-between; align-items: center; 
                [type="number"] { border: var(--wpb-border); color: var(--clr-text); background-color: #fff; border-radius: 0.8rem; padding: 1.3rem 1.4rem;
                    &:focus { outline: none; }
                }
            }
        }
    }
}