input[type=text]{background-color:#0000}
.container{justify-content:center;align-items:center;display:flex}.slider{width:200px;position:relative}.slider__track,.slider__range,.slider__left-value,.slider__right-value{position:absolute}.slider__track,.slider__range{border-radius:3px;height:5px}.slider__track{z-index:1;background-color:#ced4da;width:100%}.slider__range{background-color:var(--theme);z-index:2}.slider__left-value,.slider__right-value{margin-top:20px}.slider__left-value{left:0}.slider__right-value{right:0}.thumb{-webkit-appearance:none}.thumb::-webkit-slider-thumb{-webkit-appearance:none}.thumb{pointer-events:none;background:0 0;width:205px;height:4px;position:absolute}.thumb--left{z-index:3}.thumb--right{z-index:4}.thumb::-webkit-slider-thumb{cursor:pointer;pointer-events:all;background-color:#f1f5f7;border:none;border-radius:50%;width:18px;height:18px;margin-top:6px;position:relative;box-shadow:0 0 1px 1px #ced4da}.thumb::-moz-range-thumb{cursor:pointer;pointer-events:all;background-color:#f1f5f7;border:none;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 0 1px 1px #ced4da}