.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 #AAB2BD;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}
.af-histogram {display:flex;align-items:end;gap:1px;height:30px;margin:0 10px -4px 10px}
.hst-bin {background:#ECEFF0;flex:1}