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