.range-slider{--focus-color:var(--color-brand-1-hover,red);--range-track-width:100%;--min:0;--max:100;--min-value:0;--max-value:100;--dif:calc(var(--max) - var(--min));--thumb-radius:calc(var(--range-thumb-size,1.6rem)*.5);--range-width:calc(var(--range-track-width) - var(--range-thumb-size,1.6rem));isolation:isolate;width:var(--track-width);z-index:0;grid-template:"min max"max-content"track track"min-content/1fr 1fr;display:grid;position:relative}.range-slider:after,.range-slider:before{appearance:none;border-radius:calc(var(--range-track-height)/2);height:var(--range-track-height,.4rem);content:"";background:#000;border:0;grid-area:track;place-self:center stretch;width:100%}.range-slider:after{margin-left:calc(var(--thumb-radius) + (var(--min-value) - var(--min))/var(--dif)*var(--range-width));width:calc((var(--max-value) - var(--min-value))/var(--dif)*var(--range-width))}.range-slider__label{clip:rect(1px,1px,1px,1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.range-slider__input{height:calc(var(--input-height,4rem)/2);pointer-events:none;z-index:1;grid-area:track}.range-slider__input:focus,.range-slider__input:hover{z-index:2;outline:0}:is(.range-slider__input:hover,.range-slider__input:focus)+.range-slider__output{font-weight:700}.range-slider__input::-webkit-slider-runnable-track{background:0 0}.range-slider__input::-moz-range-track{background:0 0}.range-slider__input::-webkit-slider-thumb{pointer-events:auto}.range-slider__input::-moz-range-thumb{pointer-events:auto}.range-slider__input::-moz-focus-outer{border:0}.range-slider__output--min{text-align:left;grid-area:min}.range-slider__output--max{text-align:right;grid-area:max}