body{background-color:pink}.range-slider{width:100%;height:auto}.range-slider__container{width:100%}.range-slider__container__slider{position:relative;width:100%;height:50px;margin:50px 0 75px 0;display:flex;align-items:center;cursor:pointer}.range-slider__container__slider__knob{position:relative;width:60px;height:60px;top:0;left:0;background:#019ee3;border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:3;display:flex;justify-content:center;align-items:center;font-size:15px}.range-slider__container__slider__knob__text{user-select:none}.range-slider__container__slider__range{position:absolute;width:100%;height:20px;background:#fff;border-radius:50px;top:50%;transform:translateY(-50%);z-index:0}.range-slider__container__slider__range__filled{position:absolute;width:0%;height:100%;background:#019ee3;border-radius:50px}.range-slider__container__slider__goals{display:flex;justify-content:space-between;position:absolute;top:60px;width:100%;height:50px}.range-slider__container__output{width:100%;display:flex;justify-content:space-between}.range-slider__container__output__input{width:50px;text-align:center;flex:30%;border-radius:0 !important;border:#fff 1px solid !important;background:rgba(0,0,0,0) !important;color:#fff !important;max-width:250px}.range-slider__container__output__button{padding:5px 10px;background-color:#019ee3;color:#fff;border:none;cursor:pointer;flex:30%;max-width:250px}