.html{font-size:18px}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;background:rgba(0,0,0,.2)}.loading-text{width:90px;position:absolute;top:calc(50% - 15px);left:calc(50% - 30px);text-align:center}.loader{display:block;position:relative;content:"Loading";left:50%;top:50%;width:200px;height:200px;margin:-75px 0 0 -75px;border-radius:50%;border:5px solid transparent;border-top-color:#2563eb;animation:spin 3s linear infinite}.loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:5px solid transparent;border-top-color:#1e3a8a;animation:spin 3s linear infinite}.loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:5px solid transparent;border-top-color:#ffffff;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#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(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}