:root:not(.dark) .roi-slider{background:linear-gradient(90deg,#a8a39a,#bfb9ae,#a8a39a);border-radius:6px;height:10px;box-shadow:inset 1px 1px 2px #fff6,inset -1px -1px 2px #00000026}:root:not(.dark) .roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,#f5f5f0 15%,#d4d0c4 40%,#a8a39a 65%,#8a8680 85%,#6b6558 100%);border:2px solid #8a8680;box-shadow:3px 3px 8px #0000004d,-2px -2px 5px #ffffffb3,inset -1px -1px 3px #00000026,inset 2px 2px 4px #ffffff80;cursor:grab;transition:box-shadow .15s}:root:not(.dark) .roi-slider::-webkit-slider-thumb:hover{box-shadow:3px 3px 10px #00000059,-2px -2px 6px #fffc,inset -1px -1px 3px #0003,inset 2px 2px 5px #fff9}:root:not(.dark) .roi-slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:inset 1px 1px 4px #00000040,inset -1px -1px 3px #fff6,2px 2px 4px #0003}:root:not(.dark) .roi-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,#f5f5f0 15%,#d4d0c4 40%,#a8a39a 65%,#8a8680 85%,#6b6558 100%);border:2px solid #8a8680;box-shadow:3px 3px 8px #0000004d,-2px -2px 5px #ffffffb3,inset -1px -1px 3px #00000026,inset 2px 2px 4px #ffffff80;cursor:grab}:root:not(.dark) .roi-slider::-moz-range-thumb:hover{box-shadow:3px 3px 10px #00000059,-2px -2px 6px #fffc,inset -1px -1px 3px #0003,inset 2px 2px 5px #fff9}:root:not(.dark) .roi-slider::-moz-range-thumb:active{box-shadow:inset 1px 1px 4px #00000040,inset -1px -1px 3px #fff6,2px 2px 4px #0003}.dark .roi-slider{-webkit-appearance:none;appearance:none;height:10px;border-radius:6px;outline:none;box-shadow:inset 1px 1px 3px #0000008c,inset -1px -1px 2px #ffffff0a}.dark .roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#383858 0,#252540 35%,#181830 65%,#0e0e22 100%);border:2px solid #3a3a60;box-shadow:3px 3px 8px #0000008c,-1px -1px 3px #ffffff0f,inset 1px 2px 3px #ffffff14,inset -1px -1px 2px #00000059;cursor:grab;transition:box-shadow .15s}.dark .roi-slider::-webkit-slider-thumb:hover{box-shadow:3px 3px 10px #0000009e,-1px -1px 4px #ffffff17,inset 1px 2px 3px #ffffff1a,inset -1px -1px 2px #00000059}.dark .roi-slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:inset 2px 2px 5px #0006,inset -1px -1px 3px #ffffff0d,1px 1px 4px #0000004d}.dark .roi-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#383858 0,#252540 35%,#181830 65%,#0e0e22 100%);border:2px solid #3a3a60;box-shadow:3px 3px 8px #0000008c,-1px -1px 3px #ffffff0f,inset 1px 2px 3px #ffffff14,inset -1px -1px 2px #00000059;cursor:grab}.dark .roi-slider::-moz-range-thumb:hover{box-shadow:3px 3px 10px #0000009e,-1px -1px 4px #ffffff17,inset 1px 2px 3px #ffffff1a,inset -1px -1px 2px #00000059}