.range__inputs{display:grid;grid-template-rows:max-content 1em;overflow:hidden;position:relative;width:100%}.range__inputs:after{border-top:1px solid #000;content:"";display:block;position:absolute;top:50%;width:100%}.range input[type=range]{background:none;border:none;color:#000;font:inherit;grid-column:1;grid-row:2;margin:0;padding:0;pointer-events:none;z-index:2}.range input[type=range],.range input[type=range]::-webkit-slider-runnable-track,.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.range input[type=range]::-webkit-slider-runnable-track{background:none;height:100%;width:100%}.range input[type=range]::-moz-range-track{background:none;height:100%;width:100%}.range input[type=range]::-webkit-slider-thumb{background:currentcolor;background-color:#fff;border:1px solid #000;border-radius:0;border-radius:50%;height:1em;pointer-events:auto;width:1em}.range input[type=range]::-moz-range-thumb{background:currentcolor;background-color:#fff;border:1px solid #000;border-radius:0;border-radius:50%;height:1em;pointer-events:auto;width:1em}.range output{grid-row:2}.range output:last-child{text-align:right}.range output:after{content:var(--output);counter-reset:output var(--output)}.range__outputs{display:flex;justify-content:space-between}