input[type=range]{--track-height:8px;--thumb-size:12px;--thumb-color:#10b981;--track-color-filled:#10b981;--track-color-empty:#d1d5db;--thumb-shadow-color:rgba(16,185,129,.4);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:var(--track-height);width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 3px var(--thumb-shadow-color);height:var(--thumb-size);margin-top:calc(var(--thumb-size)/2*-1 - var(--track-height)/2*-1);width:var(--thumb-size)}input[type=range]::-moz-range-thumb{background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 3px var(--thumb-shadow-color);height:var(--thumb-size);width:var(--thumb-size)}input[type=range]::-ms-thumb{background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 3px var(--thumb-shadow-color);height:var(--thumb-size);width:var(--thumb-size)}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--track-color-filled) var(--range-progress),var(--track-color-empty) var(--range-progress));border-radius:var(--track-height);height:var(--track-height);width:100%}input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--track-color-filled) var(--range-progress),var(--track-color-empty) var(--range-progress));border-radius:var(--track-height);height:var(--track-height);width:100%}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;height:var(--track-height);width:100%}input[type=range]::-ms-fill-lower{background:var(--track-color-filled);border-radius:var(--track-height)}input[type=range]::-ms-fill-upper{background:var(--track-color-empty);border-radius:var(--track-height)}