.range-sliders-component-controls{display:flex;margin-bottom:20px;font-weight:400;color:var(--text-primary);align-items:center;gap:8px}.range-sliders-component-controls input{max-width:161px}.range-sliders-component-slider{height:4px;position:relative;background-color:var(--gray-300);border-radius:2px}.range-sliders-component-selected{height:100%;left:0;right:0;position:absolute;border-radius:2px;background-color:var(--blue-500)}.range-sliders-component-sliders{position:relative;height:20px}.range-sliders-component-sliders input{position:absolute;width:100%;height:5px;top:-5px;background:none;pointer-events:none;appearance:none}.range-sliders-component-sliders input::-webkit-slider-thumb{height:15px;width:15px;border-radius:50%;background-color:var(--blue-500);border:1px solid var(--blue-500);pointer-events:auto;appearance:none;cursor:pointer;transition:box-shadow .3s,background-color .3s}.range-sliders-component-sliders input::-webkit-slider-thumb:hover{box-shadow:0 0 6px 2px var(--blue-200);background-color:var(--blue-600)}.range-sliders-component-sliders input::-moz-range-thumb{height:15px;width:15px;border-radius:50%;background-color:var(--blue-500);border:1px solid var(--blue-500);pointer-events:auto;appearance:none;cursor:pointer;transition:box-shadow .3s,background-color .3s}.range-sliders-component-sliders input::-moz-range-thumb:hover{box-shadow:0 0 6px 2px var(--blue-200);background-color:var(--blue-600)}
