.range-box{width:100%;height:46px;background:#fff;display:flex;justify-content:center;align-items:center;border:1px solid #eee;border-radius:10px}.range-slider{position:relative;width:100%;height:5px;margin:30px 0;background-color:#3d4750;border-radius:5px}.slider-track{height:100%;position:absolute;background-color:#6c7fd8;left:0;right:100%;border-radius:5px}.range-slider input[type=range]{position:absolute;width:100%;top:0;transform:translateY(-50%);background:none;pointer-events:none;appearance:none;height:5px;border:none}input[type=range]::-webkit-slider-thumb{height:25px;width:25px;border-radius:50%;border:2px solid #6c7fd8;background:#fff;pointer-events:auto;appearance:none;cursor:pointer;box-shadow:0 .125rem .5625rem -.125rem rgba(0,0,0,.25);position:relative;top:2px;z-index:2}input[type=range]::-moz-range-thumb{height:25px;width:25px;border-radius:50%;border:2px solid #6c7fd8;background:#fff;pointer-events:auto;cursor:pointer;box-shadow:0 .125rem .5625rem -.125rem rgba(0,0,0,.25);position:relative;top:2px;z-index:2}.input-box{display:flex;justify-content:space-between;width:100%}.max-box,.min-box{width:50%}.min-box{margin-right:10px}.max-box input{float:right}input[type=number]{width:40px;padding:10px;border:1px solid #ccc;border-radius:5px;text-align:center}.max-tooltip,.min-tooltip{position:absolute;top:-35px;font-size:12px;color:#555;background-color:#fff;padding:5px;border:1px solid #ddd;border-radius:5px;white-space:nowrap;z-index:1}.min-tooltip{left:0;transform:translateX(-50%)}.max-tooltip{right:0;transform:translateX(50%)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}