.range-slider{display:flex;flex-direction:column;align-items:center;margin:20px;font-family:Popins}.range-slider label{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.range-slider label div{border:1px solid var(--medium-blue);padding:.6rem;width:100px;text-align:center}.slider-container{position:relative;width:100%;max-width:300px;height:10px}.slider-track{position:absolute;height:15px;background:var(--medium-blue);border:none;border-radius:5px;top:0;left:0;right:0;z-index:1}.slider{appearance:none;position:absolute;width:100%;height:10px;background:none;pointer-events:none;z-index:2}.slider::-webkit-slider-thumb{appearance:none;width:25px;height:25px;background-color:var(--gray5);border:2px solid var(--gray3);border-radius:50%;cursor:pointer;pointer-events:auto;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.slider::-moz-range-thumb{width:25px;height:25px;background:var(--white);border:2px solid #333;border-radius:50%;cursor:pointer;pointer-events:auto;-moz-transition:background-color .3s ease;transition:background-color .3s ease}.slider:hover::-webkit-slider-thumb{background-color:var(--white)}.slider:hover::-moz-range-thumb{background-color:var(--white)}