input[type=range]{color:#ffa400;--thumb-height:1.125em;--track-height:.125em;--track-color:#fafafa;--brightness-hover:180%;--brightness-down:80%;--clip-edges:.125em;background:rgba(255,255,255,0);position:relative;overflow:hidden}input[type=range]:active{cursor:grabbing}input[type=range]{-webkit-appearance:none;height:var(--thumb-height);transition:all .1s}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:var(--thumb-height);transition:all .1s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--thumb-height);transition:all .1s}input[type=range]::-webkit-slider-runnable-track{position:relative}input[type=range]::-webkit-slider-thumb{position:relative}input[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height)*.5) - 1px);--clip-top:calc((var(--thumb-height) - var(--track-height))*.5 - .5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 1px);--box-fill:calc(-100vmax - var(--thumb-width,var(--thumb-height)))0 0 100vmax currentColor;width:var(--thumb-width,var(--thumb-height));background:linear-gradient(currentColor 0 0)scroll no-repeat left center/50% calc(var(--track-height) + 1px);box-shadow:var(--box-fill);border-radius:var(--thumb-width,var(--thumb-height));filter:brightness();clip-path:polygon(100% -1px,var(--clip-edges)-1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--clip-edges)100%,var(--clip-further)var(--clip-further));background-color:currentColor}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color)0 0)scroll no-repeat center/100% calc(var(--track-height) + 1px)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-height);transition:all .1s}input[type=range]::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-height);transition:all .1s}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-height);transition:all .1s}input[type=range]::-moz-range-track{background:rgba(255,255,255,0)}input[type=range]::-moz-range-thumb{background:rgba(255,255,255,0)}input[type=range]::-moz-range-progress{background:rgba(255,255,255,0)}input[type=range]::-moz-range-thumb{width:var(--thumb-width,var(--thumb-height));border-radius:var(--thumb-width,var(--thumb-height));cursor:grab;background:currentColor;border:0}input[type=range]::-moz-range-track{background:var(--track-color);width:100%}input[type=range]::-moz-range-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:currentColor;transition-delay:30ms}input[type=range]::-moz-range-track{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}input[type=range]::-moz-range-progress{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}input[type=range]::-moz-range-thumb{filter:brightness()}input[type=range]::-moz-range-progress{filter:brightness()}