.range-slider{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px;padding-block:20px}.range-slider.dragging{cursor:ew-resize}.range-slider>input{border:none;outline:none;background:#77889926;font-size:1.5rem;font-weight:500;padding:.5rem 1rem;border-radius:5px;min-width:64px}.range{width:100%;display:grid;position:relative;z-index:5}.range input{grid-row:2;grid-column:1;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0}.range input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;background:#98b400;border-radius:50%;cursor:pointer}.slider{position:absolute;height:1px;width:100%;background:#77889926;top:50%;transform:translateY(-50%);border-radius:5px;overflow:hidden;z-index:-1}.progress{position:absolute;height:100%;background:#98b400;cursor:ew-resize}