*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#root{display:flex;flex-direction:column;min-height:100vh;margin-top:4rem}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;z-index:1000;box-shadow:0 2px 4px #0000001a;text-align:left}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:50px}.navbar-title-container{display:flex;flex-direction:column;align-items:flex-start;margin-left:1rem}.navbar-title{color:#000;font-size:1.5rem;font-weight:700}.navbar-caption{color:gray;font-size:.875rem;font-weight:700}.navbar-toggle{display:none;font-size:1.5rem;background:none;border:none;color:#000;cursor:pointer}.navbar-links{display:flex;gap:1rem;flex-wrap:wrap}.navbar-links a{color:#000;text-decoration:none}@media (max-width: 1260px){.navbar-toggle{display:block}.navbar-links{display:none;flex-direction:column;width:100%;background-color:#fff;position:absolute;top:100%;left:0}.navbar-links.open{display:flex}.navbar-links a{padding:1rem;text-align:center;font-size:1rem}}@media (max-width: 540px){.navbar-title{font-size:1rem}.navbar-caption{font-size:.75rem}.navbar-links a{padding:.5rem;font-size:.875rem}}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;box-shadow:0 -2px 4px #0000001a;z-index:1000;text-align:left;font-size:.875rem;color:#333;font-family:"Roboto",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.footer-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.footer-left p{font-size:1.25rem;color:#000;font-weight:700}.footer-right{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem;color:#000}.footer-right p{margin:.25rem 0}.footer a{color:#007bff;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-copyright{font-size:.625rem!important;color:#888!important}@media (max-width: 540px){.footer{font-size:.75rem}.footer-left p{font-size:1rem}.footer-right{font-size:.625rem}}#root{display:flex;flex-direction:column;height:100vh;width:100vw;margin:0;padding:0}iframe{flex:1;width:100%;height:calc(100vh - 4rem);border:none}.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}