.range-slider{--value:50%;--track-height:.5rem;--thumb-size:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#60a5fa var(--value),#e5e7eb var(--value));border-radius:.25rem;cursor:pointer;height:var(--track-height);width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:var(--thumb-size);width:var(--thumb-size)}.range-slider::-moz-range-thumb{background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:var(--thumb-size);width:var(--thumb-size)}.range-slider:focus{outline:none}.range-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #60a5fa4d}.range-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #60a5fa4d}select{background-image:none}