.range-slider{display:flex;align-items:center}.range-slider-label{margin-right:.5rem;white-space:nowrap}@media(max-width:768px){.range-slider-label{font-size:16px}}.range-slider-container{position:relative;width:100%;display:flex;align-items:center}.range-slider-track{position:relative;width:100%;height:1px;background-color:var(--color-light);margin-right:1rem;font-size:small}.range-slider-progress{position:absolute;height:100%;top:0;left:0;pointer-events:none}.range-slider-input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-color:transparent;z-index:2;transform:translateY(-.5rem)}.range-slider-input:focus{outline:none}.range-slider-input::-moz-range-thumb{-moz-appearance:none;appearance:none;width:.5rem;height:1.25rem;border-radius:0;background:var(--color-dark);border:1px solid var(--color-light);-moz-transition:all .2s ease;transition:all .2s ease;z-index:100}.range-slider:not(.disabled) .range-slider-input:hover{cursor:pointer}.range-slider:not(.disabled) .range-slider-input:hover::-moz-range-thumb{border:1px solid var(--color-highlight)}.range-slider-value{min-width:1rem;max-width:3.5rem;text-align:right}@media(max-width:768px){.range-slider-value{max-width:4rem}}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:1.25rem;border-radius:0;background:var(--color-dark);border:1px solid var(--color-light);-webkit-transition:all .2s ease;transition:all .2s ease;z-index:100;transform:translateY(-1px)}.range-slider:not(.disabled) .range-slider-input:hover::-webkit-slider-thumb{border:1px solid var(--color-highlight)}