.slider{align-items:center;width:100%;height:20px;display:flex;position:relative}.slider__track,.slider__range{border-radius:3px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.slider__track{z-index:1;background-color:#e5e7eb;width:100%}.slider__range{z-index:2;background-color:#7aba78}.thumb{-webkit-appearance:none}.thumb::-webkit-slider-thumb{-webkit-appearance:none}.thumb{pointer-events:none;outline:none;width:100%;height:0;position:absolute;top:60%;transform:translateY(-50%)}.thumb--left{z-index:3}.thumb--right{z-index:4}.thumb::-webkit-slider-thumb{cursor:pointer;pointer-events:all;background-color:#fff;border:2px solid #7aba78;border-radius:50%;width:20px;height:20px;margin-top:-7.5px;transition:border-color .2s;position:relative;box-shadow:0 0 0 1px #0000001a}.thumb::-webkit-slider-thumb:hover{border-color:#5ea35c;box-shadow:0 0 0 1px #00000026}.thumb::-moz-range-thumb{cursor:pointer;pointer-events:all;background-color:#fff;border:2px solid #7aba78;border-radius:50%;width:20px;height:20px;margin-top:-7.5px;transition:border-color .2s;position:relative;box-shadow:0 0 0 1px #0000001a}.thumb::-moz-range-thumb:hover{border-color:#5ea35c;box-shadow:0 0 0 1px #00000026}