body,html{-webkit-overflow-scrolling:touch;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0}#root{height:100%;overflow:auto}.logo{height:6em;padding:1.5em;transition:filter .3s;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.main-content{background-color:#f9f9f9;padding:50px;text-align:center}.main-layout{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.content{margin-top:45px}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547}a:hover{color:#747bff}}
/*# sourceMappingURL=main.c76ca6f8.css.map*/