.roi-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,#C6F24E 0,#C6F24E var(--roi-fill,50%),#EDEDED var(--roi-fill,50%),#EDEDED 100%);outline:none;transition:background-position .12s ease;cursor:pointer}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#0A0A0A;border:4px solid #c6f24e;box-shadow:0 4px 12px rgba(10,10,10,.18);cursor:pointer;transition:transform .12s ease}.roi-slider::-webkit-slider-thumb:active{transform:scale(.92)}.roi-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#0A0A0A;border:4px solid #c6f24e;box-shadow:0 4px 12px rgba(10,10,10,.18);cursor:pointer}.roi-slider:focus-visible::-webkit-slider-thumb{outline:3px solid #C6F24E;outline-offset:2px}.roi-slider:focus-visible::-moz-range-thumb{outline:3px solid #C6F24E;outline-offset:2px}@media (min-width:640px){.roi-slider::-webkit-slider-thumb{width:20px;height:20px;border-width:3px}.roi-slider::-moz-range-thumb{width:20px;height:20px;border-width:3px}}@media (prefers-reduced-motion:reduce){.roi-slider,.roi-slider::-moz-range-thumb,.roi-slider::-webkit-slider-thumb{transition:none}}