.rangeContainer{display:flex;flex-direction:column}.slidersControl{position:relative;min-height:12px;margin-top:15px}.sliderNumbersContainer{position:relative;display:flex;justify-content:space-between;font-size:.875rem;margin-top:8px;gap:12px}.sliderNumberInputContainer{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-outline);border-radius:6px;background-color:var(--color-surface-container);color:var(--color-on-surface);font-size:.875rem}.sliderNumberInput{field-sizing:content;border:none;background:transparent;color:inherit;font-size:inherit;outline:none;width:60px;text-align:center}.sliderNumberInput::-webkit-inner-spin-button,.sliderNumberInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:var(--color-primary-500);border-radius:50%;box-shadow:0 0 0 1px var(--color-primary-700),0 2px 4px #0003;cursor:pointer;transition:all .15s ease}input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;background-color:var(--color-primary-500);border-radius:50%;border:1px solid var(--color-primary-700);box-shadow:0 2px 4px #0003;cursor:pointer;transition:all .15s ease}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-primary-600);transform:scale(1.1)}input[type=range]::-moz-range-thumb:hover{background:var(--color-primary-600);transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 2px var(--color-primary-800),0 0 8px var(--color-primary-500);transform:scale(1.15)}input[type=range]::-moz-range-thumb:active{box-shadow:0 0 0 2px var(--color-primary-800),0 0 8px var(--color-primary-500);transform:scale(1.15)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;width:100%;position:absolute;background-color:var(--color-outline);border-radius:2px;align-self:center;pointer-events:none}input[type=range]::-moz-range-track{height:4px;background-color:var(--color-outline);border-radius:2px}#fromSlider{height:0;z-index:1}
