.slider-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:20px}.slider-container{position:relative;width:100%;max-width:300px}input[type=range]{width:100%;position:absolute;pointer-events:none;-webkit-appearance:none;appearance:none;background:0 0;z-index:2}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:20px;height:20px;background:#f2f2f2;border:1px solid #e4e4e4;border-radius:50%;cursor:pointer;position:relative;z-index:2;top:56%;transform:translateY(-56%);-webkit-appearance:none;appearance:none}.range-track{position:absolute;left:0;right:0;height:2px;background:#f2f2f2;z-index:1;transform:translateY(-50%)}.range-track .range{position:absolute;height:100%;background-color:#cf051d}.values{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.values input[type=number]{border:1px solid #e4e4e4;border-radius:4px;color:#171a20;font-size:12px;font-weight:400;height:35px;max-width:calc(50% - 35px);padding:12px}