.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}