.range-slider{--slider-track-height:.25rem;--slider-radius:1rem;--slider-progress-left:0%;--slider-progress-right:0%;height:var(--slider-track-height);background:var(--ms-cyan-800);border-radius:.25rem;position:relative;width:100%}.range-slider__input{width:calc(100% - var(--slider-radius));pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;z-index:0}.range-slider__input,.range-slider__input:before{border-radius:.25rem;position:absolute;height:100%}.range-slider__input:before{width:var(--ProgressPercent,100%);display:block;content:""}.range-slider__input::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:.25rem;-webkit-appearance:none;appearance:none}.range-slider__input::-webkit-slider-thumb{margin-top:calc((var(--slider-track-height) - var(--slider-radius))/2);border:3px solid var(--ms-cyan-300);background:var(--ms-cyan-900);height:var(--slider-radius);width:var(--slider-radius);pointer-events:all;border-radius:50%;position:relative;-webkit-appearance:none;appearance:none;cursor:pointer;z-index:1}.range-slider__input::-moz-range-thumb{margin-top:calc((var(--slider-track-height) - var(--slider-radius))/2);border:3px solid var(--ms-cyan-300);background:var(--ms-cyan-900);height:var(--slider-radius);width:var(--slider-radius);box-sizing:border-box;border-radius:50%;pointer-events:all;position:relative;-moz-appearance:none;appearance:none;cursor:pointer;z-index:1}.range-slider__input--max{inset-inline-start:var(--slider-radius)}.range-slider__input::-webkit-slider-runnable-track{background:none}.range-slider__input:before{display:none}.range-slider__indicator{inset-inline-end:var(--slider-radius);inset-inline-start:var(--slider-radius);pointer-events:none;position:absolute;height:100%}.range-slider__indicator:before{inset-inline-end:var(--slider-progress-right);inset-inline-start:var(--slider-progress-left);background:var(--ms-cyan-400);position:absolute;height:100%;content:""}.histogram-chart{align-items:flex-end;padding:0 .5rem;height:2.5rem;display:flex;gap:.375rem;width:100%}.histogram-chart__bar{flex:1;background-color:rgba(var(--ms-primary-rgb),.2)}
