.af-slider {
    margin-bottom: 10px;
}
.af-slider .slider-bar {
    position: relative;
    margin: 5px 8px 14px;
    height: 7px;
    background: #EEE;
    border-radius: 5px;
    clear: both;
}
.af-slider .slider-bar.blocked {
    opacity: 0.5;
    pointer-events: none;
}
.af-slider .selected-bar {
    position: absolute;
    height: 100%;
    background: #D0D5DB;
}
.af-slider .pointer {
    position: absolute;
    top: -5px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #ECEFF0;
    cursor: pointer;
    z-index: 2;
    border: 5px solid #252a34;
    touch-action: none;
}
.af-slider .pointer:before {
    content: ''; /* increase touch area for better response */
    position: absolute;
    width: 40px;
    height: 40px;
    top: -12px;
    right: -12px;
}
.af-slider .pointer.last-active {
    z-index: 3;
}
.af-slider .clickable-dummy {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/* slider values */
.af-slider .slider_value {
    float: left;
    margin-bottom: 5px;
    border: 1px solid transparent;
    padding: 1px 3px;
    cursor: pointer;
    position: relative;
}
.af_filter:hover .slider_value,
.af-slider .slider_value.edit {
    border-color: #DDD;
}
.af-slider .slider_value.to_display {
    float: right;
}
.af-slider .slider_value .input-text,
.af-slider .slider_value.edit > span {
    display: none;
}
.af-slider .slider_value.edit .input-text {
    display: inline-block;
    border: 0;
    padding: 0;
    max-width: 50px;
    outline: none;
    line-height: 1em;
}
/* since 3.2.8 */