.site input[type=range].roi{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#e2e8f0;border-radius:4px;outline:none;transition:background .2s}.site input[type=range].roi::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#2563eb;border:4px solid #fff;box-shadow:0 2px 8px rgba(37,99,235,.35),0 0 0 1px rgba(37,99,235,.2);cursor:pointer;transition:transform .15s,box-shadow .15s}.site input[type=range].roi::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(37,99,235,.45),0 0 0 1px rgba(37,99,235,.3)}.site input[type=range].roi::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#2563eb;border:4px solid #fff;box-shadow:0 2px 8px rgba(37,99,235,.35);cursor:pointer}.site .num-update{animation:numPulse .4s ease}@keyframes numPulse{0%{transform:scale(1)}50%{transform:scale(1.04);color:#60a5fa}to{transform:scale(1)}}.site .roi-bar{transition:width 1s cubic-bezier(.22,1,.36,1)}