:root {
    --ep-range-slider-background-color: #fff;
    --ep-range-slider-track-color: #eee
}

@media (min-width: 768px) {
    :root {
        --ep-range-slider-thumb-size: 1.25em;
        --ep-range-slider-track-size: 0.5em
    }
}

.widget_ep-facet input[type=search], .wp-block-elasticpress-facet input[type=search] {
    margin-bottom: 1rem
}

.widget_ep-facet .searchable .inner, .wp-block-elasticpress-facet .searchable .inner {
    max-height: 20em;
    overflow: scroll
}

.widget_ep-facet .term.hide, .wp-block-elasticpress-facet .term.hide {
    display: none
}

.widget_ep-facet .empty-term, .wp-block-elasticpress-facet .empty-term {
    opacity: .5;
    position: relative
}

.widget_ep-facet .empty-term:after, .wp-block-elasticpress-facet .empty-term:after {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.widget_ep-facet .level-1, .wp-block-elasticpress-facet .level-1 {
    padding-left: 20px
}

.widget_ep-facet .level-2, .wp-block-elasticpress-facet .level-2 {
    padding-left: 40px
}

.widget_ep-facet .level-3, .wp-block-elasticpress-facet .level-3 {
    padding-left: 60px
}

.widget_ep-facet .level-4, .wp-block-elasticpress-facet .level-4 {
    padding-left: 5pc
}

.widget_ep-facet .level-5, .wp-block-elasticpress-facet .level-5 {
    padding-left: 75pt
}

.widget_ep-facet input[disabled], .wp-block-elasticpress-facet input[disabled] {
    cursor: pointer;
    opacity: 1
}

.widget_ep-facet .term a, .wp-block-elasticpress-facet .term a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.widget_ep-facet .term a:hover .ep-checkbox, .wp-block-elasticpress-facet .term a:hover .ep-checkbox {
    background-color: #ccc
}

.ep-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 1em;
    justify-content: center;
    margin-right: .25em;
    width: 1em
}

.ep-checkbox:after {
    border: solid #fff;
    border-width: 0 .125em .125em 0;
    content: "";
    display: none;
    height: .5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .25em
}

.ep-checkbox.checked {
    background-color: #5e5e5e
}

.ep-checkbox.checked:after {
    display: block
}

.ep-range-facet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-columns: 1fr -webkit-max-content;
    -ms-grid-columns: 1fr max-content;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr -webkit-max-content;
    grid-template-columns:1fr max-content
}

.ep-range-facet__slider {
    grid-column: 1/-1
}

.ep-range-facet__actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.ep-range-slider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5em 0;
    min-height: var(--ep-range-slider-thumb-size)
}

.ep-range-slider__track {
    background: #eee;
    background: var(--ep-range-slider-track-color);
    border-radius: calc(var(--ep-range-slider-track-size) / 2);
    height: var(--ep-range-slider-track-size)
}

.ep-range-slider__track-1 {
    background-color: currentcolor
}

.ep-range-slider__thumb {
    background-color: currentcolor;
    border-radius: calc(var(--ep-range-slider-thumb-size) / 2);
    -webkit-box-shadow: inset 0 0 0 calc(var(--ep-range-slider-thumb-size) / 10) currentcolor, inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size)) / 2) #fff;
    box-shadow: inset 0 0 0 calc(var(--ep-range-slider-thumb-size) / 10) currentcolor, inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size)) / 2) #fff;
    -webkit-box-shadow: inset 0 0 0 calc(var(--ep-range-slider-thumb-size) / 10) currentcolor, inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size)) / 2) var(--ep-range-slider-background-color);
    box-shadow: inset 0 0 0 calc(var(--ep-range-slider-thumb-size) / 10) currentcolor, inset 0 0 0 calc((var(--ep-range-slider-thumb-size) - var(--ep-range-slider-track-size)) / 2) var(--ep-range-slider-background-color);
    height: var(--ep-range-slider-thumb-size);
    width: var(--ep-range-slider-thumb-size)
}
