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