#root{max-width:none;margin:0;padding:0;text-align:left}.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 #42d6ffaa)}@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}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-bg: #ffffff;--color-primary: #1a1a1a;color:var(--color-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1a1a;--color-primary: rgba(255, 255, 255, .87)}}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:var(--color-bg);color:var(--color-primary)}canvas{display:block}:root{--mobile-bottom-pad: 0px;--mobile-side-pad: 0px}@media (max-width: 768px){:root{--mobile-bottom-pad: calc(2vh + env(safe-area-inset-bottom, 0px)) ;--mobile-side-pad: 2vw}body{padding-bottom:var(--mobile-bottom-pad);padding-left:calc(var(--mobile-side-pad) + env(safe-area-inset-left,0px));padding-right:calc(var(--mobile-side-pad) + env(safe-area-inset-right,0px));box-sizing:border-box}}