#root{margin:0!important;padding:0!important;box-sizing:border-box}:root{font-family:Geist,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}@keyframes colorModeRotate{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(.8);opacity:.5}to{transform:rotate(360deg) scale(1);opacity:1}}.color-mode-animate{animation:colorModeRotate .6s ease-in-out}@keyframes expandCard{0%{transform:scale(.85) translateY(-15px);opacity:0}60%{transform:scale(1.05) translateY(2px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1}}@keyframes collapseCard{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.85) translateY(-15px);opacity:0}}.balance-card-expand{animation:expandCard .5s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:center}.balance-card-collapse{animation:collapseCard .4s cubic-bezier(.55,.055,.675,.19) forwards;transform-origin:center}.balance-card-collapsed{opacity:1!important;transform:scale(1) translateY(0)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#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}}.card{padding:2em}.read-the-docs{color:#888}