body{margin:0;transition:background-color .3s ease;font-family:Roboto,sans-serif}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#333;border-radius:3px}.bg-white input[type=range]::-webkit-slider-runnable-track{background:#e5e7eb}input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:#39ff14;cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 0 10px #39ff1466;transition:transform .1s ease}.bg-white input[type=range]::-webkit-slider-thumb{background:#2563eb;box-shadow:0 2px 5px #0000001a}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#39ff14}.bg-white ::-webkit-scrollbar-thumb{background:#cbd5e1}.bg-white ::-webkit-scrollbar-thumb:hover{background:#2563eb}