#root{margin:0!important;padding:0!important;max-width:100%!important}body{margin:0;background-color:#0b0b0c;color:#e6e6e6;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.navbar{display:flex;padding:0;top:0;width:100%;z-index:1000;background-color:#0b0b0c;border-bottom:1px solid rgba(230,230,230,.04);color:#e6e6e6}.canvas-container{border-radius:8px;overflow:hidden;background-color:#121213;background-image:linear-gradient(45deg,rgba(255,255,255,.01) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.01) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.01) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.01) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.canvas-container canvas{background:transparent;touch-action:none}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:0 12px 30px #0009;border-radius:12px;padding:0 1.25rem;border:1px solid rgba(230,230,230,.04);color:#e6e6e6}.container{margin-top:20px;gap:20px;justify-content:center}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column;align-items:center;gap:20px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.dashboard-container{row-gap:10px;min-height:256px;min-width:240px}