.range-input progress{top:6px;left:0;height:5px;color:#ffffff40;appearance:none;background:#ffffff40;border-radius:100px;-webkit-appearance:none}.range-input progress[value]::-webkit-progress-bar{background:transparent;border-radius:3px}.range-input progress[value]::-webkit-progress-value{background-color:currentColor;border-radius:3px}.range-input progress[value]::-moz-progress-bar{background:currentColor;border-radius:3px}.range-input input[type=range]{display:block;-webkit-appearance:none;width:100%;height:17px;background:transparent;border:0;margin:0;min-width:0;padding:0;--value: 0%}.range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:4px solid currentColor;border-radius:50%;cursor:pointer;margin-top:-5px;box-shadow:var(--box-shadow-small)}.range-input input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:4px solid currentColor;border-radius:50%;cursor:pointer;margin-top:-5px;box-shadow:var(--box-shadow-small)}.range-input input[type=range]::-ms-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:4px solid currentColor;border-radius:50%;cursor:pointer;margin-top:-5px;box-shadow:var(--box-shadow-small)}.range-input input[type=range]:focus{outline:none}.range-input input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;border:0;cursor:pointer;border-radius:3px;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value, 0%),transparent var(--value, 0%))}.range-input input[type=range]::-moz-range-track{width:100%;height:5px;border:0;cursor:pointer;border-radius:3px;-webkit-user-select:none;user-select:none;background:transparent}.range-input input[type=range]::-moz-range-progress{background:currentColor;border-radius:3px;height:5px}.range-input input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:currentColor;border-radius:3px;border-color:transparent;border-width:13px 0;color:transparent;-webkit-user-select:none;user-select:none}.range-input input[type=range]::-ms-fill-lower{background:currentColor;border-radius:3px}.range-input input[type=range]:focus::-ms-fill-lower{background:currentColor}.range-input input[type=range]::-ms-fill-upper{background:currentColor}.range-input input[type=range]:focus::-ms-fill-upper{background:currentColor}.range-ticks{display:flex;justify-content:space-between;padding:0 8px;position:relative;top:4px;margin-left:8px;margin-right:8px;z-index:1}.range-tick{background:#fff;height:8px;position:absolute;width:2px}