.roi-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--slider-progress,0%), color-mix(in srgb, var(--foreground) 12%, transparent) var(--slider-progress,0%), color-mix(in srgb, var(--foreground) 12%, transparent) 100%);border-radius:999px;outline:none;width:100%;height:6px;transition:background .1s}.roi-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #0003}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000040}.roi-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.roi-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #0003}.roi-slider::-moz-range-thumb:hover{transform:scale(1.15)}.roi-slider::-moz-range-track{background:color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:999px;height:6px}