#root{width:100%;min-height:100vh;margin:0;padding:0}.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}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;background-color:#0f172a;color:#f8fafc;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{overflow-x:hidden}a{color:#854ce6;text-decoration:none}a:hover{color:#9d6cff}button{font-family:inherit;cursor:pointer;border:none;outline:none}h1{line-height:normal}html{scrollbar-width:thin;scrollbar-color:#9d6cff #120a24}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#120a24}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c69bff,#854ce6);border-radius:10px;border:2px solid #120a24}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6b6ff,#9d6cff)}*{-webkit-tap-highlight-color:transparent}