.roi-range{--roi-track-h:2px;--roi-thumb:20px;-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}.roi-range:focus{outline:none}.roi-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(26,94,229,.45)}.roi-range::-webkit-slider-runnable-track{height:var(--roi-track-h);border-radius:1px;background:linear-gradient(to right,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) var(--slider-pct,0),rgba(255,255,255,.2) var(--slider-pct,0),rgba(255,255,255,.2) 100%)}.roi-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--roi-thumb);height:var(--roi-thumb);margin-top:calc((var(--roi-track-h) - var(--roi-thumb)) / 2);border-radius:9999px;border:2px solid white;background:var(--color-primary);box-shadow:none;transition:box-shadow .15s ease}.roi-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(26,94,229,.28)}.roi-range::-moz-range-track{height:var(--roi-track-h);border-radius:1px;background:linear-gradient(to right,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) var(--slider-pct,0),rgba(255,255,255,.2) var(--slider-pct,0),rgba(255,255,255,.2) 100%)}.roi-range::-moz-range-thumb{width:var(--roi-thumb);height:var(--roi-thumb);border-radius:9999px;border:2px solid white;background:var(--color-primary);transition:box-shadow .15s ease}.roi-range:hover::-moz-range-thumb{box-shadow:0 0 0 10px rgba(26,94,229,.28)}