.range-selector{width:100%;max-width:400px;margin:20px auto;position:relative;font-family:Arial,sans-serif}.range-track{width:100%;height:10px;background:#ddd;border-radius:5px;position:relative}.range-highlight{position:absolute;height:100%;background:#3f51b5;border-radius:5px}.range-handle{width:20px;height:20px;background:#fff;border:2px solid #3f51b5;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer}.range-values{text-align:center;margin-top:10px;font-size:14px}