.wrap{align-items:center;display:flex;font:1em/1 arial,sans-serif;height:5.25em;position:relative;width:12.5em}[type=range]{background:#0000;flex:1;font:inherit;margin:0;min-height:1.5em;padding:0}[type=range],[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}[type=range]::-webkit-slider-runnable-track{background:#ccc;border:none;box-sizing:border-box;height:.25em;width:12.5em}[type=range]::-moz-range-track{background:#ccc;border:none;box-sizing:border-box;height:.25em;width:12.5em}[type=range]::-ms-track{background:#ccc;border:none;box-sizing:border-box;height:.25em;width:12.5em}[type=range]::-webkit-slider-thumb{background:#f90;border:none;border-radius:50%;box-sizing:border-box;height:1.5em;margin-top:-.625em;width:1.5em}[type=range]::-moz-range-thumb{background:#f90;border:none;border-radius:50%;box-sizing:border-box;height:1.5em;width:1.5em}[type=range]::-ms-thumb{background:#f90;border:none;border-radius:50%;box-sizing:border-box;height:1.5em;margin-top:0;width:1.5em}[type=range]::-ms-tooltip{display:none}[type=range]~output{display:none}.js [type=range]~output{background:#95a;border-radius:3px;color:#eee;display:block;left:.75em;padding:.25em .5em;position:absolute;top:0;transform:translate(calc((var(--val) - var(--min))/(var(--max) - var(--min))*11em - 50%))}