.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;width:100%;position:relative}.range-slider__input{width:calc(100% - var(--slider-radius));pointer-events:none;appearance:none;z-index:0;background:0 0}.range-slider__input,.range-slider__input:before{border-radius:.25rem;height:100%;position:absolute}.range-slider__input:before{width:var(--ProgressPercent,100%);content:"";display:block}.range-slider__input::-webkit-slider-runnable-track{height:var(--slider-track-height);appearance:none;border-radius:.25rem}.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;appearance:none;cursor:pointer;z-index:1;border-radius:50%;position:relative}.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;pointer-events:all;appearance:none;cursor:pointer;z-index:1;border-radius:50%;position:relative}.range-slider__input--max{inset-inline-start:var(--slider-radius)}.range-slider__input::-webkit-slider-runnable-track{background:0 0}.range-slider__input:before{display:none}.range-slider__indicator{pointer-events:none;height:100%;position:absolute;inset-inline-start:var(--slider-radius);inset-inline-end:var(--slider-radius)}.range-slider__indicator:before{background:var(--ms-cyan-400);content:"";height:100%;position:absolute;inset-inline-start:var(--slider-progress-left);inset-inline-end:var(--slider-progress-right)}.histogram-chart{align-items:flex-end;gap:.375rem;width:100%;height:2.5rem;padding:0 .5rem;display:flex}.histogram-chart__bar{background-color:rgba(var(--ms-primary-rgb),.2);flex:1}