@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#242220;font-family:Lato,system-ui,sans-serif}#root{width:100%;height:100vh}input[type=range]{appearance:none;background:#534a43;border-radius:2px;outline:none;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#332a23;border:2px solid #ffdd4f;border-radius:50%;width:14px;height:14px;transition:transform .1s ease-out}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#332a23;border:2px solid #ffdd4f;border-radius:50%;width:14px;height:14px}input[type=checkbox]{accent-color:#ffdd4f;cursor:pointer}button{font-family:Lato,system-ui,sans-serif;transition:transform .1s ease-out,opacity .15s ease-out}button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){button:hover{opacity:.88}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#534a43;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#685f59}