#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}::-webkit-scrollbar{width:8px;height:8px;margin-right:4px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes roll{0%{clip-path:polygon(50% 0%,50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}12.5%{clip-path:polygon(50% 0%,50% 50%,100% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}25%{clip-path:polygon(50% 0%,50% 50%,100% 50%,100% 50%,100% 100%,0% 100%,0% 0%)}37.5%{clip-path:polygon(50% 0%,50% 50%,100% 100%,100% 100%,100% 100%,0% 100%,0% 0%)}50%{clip-path:polygon(50% 0%,50% 50%,50% 100%,50% 100%,50% 100%,0% 100%,0% 0%)}62.5%{clip-path:polygon(50% 0%,50% 50%,0% 100%,0% 100%,0% 100%,0% 100%,0% 0%)}75%{clip-path:polygon(50% 0%,50% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 0%)}87.5%{clip-path:polygon(50% 0%,50% 50%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%)}to{clip-path:polygon(50% 0%,50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}}@keyframes progress{0%{width:0%}to{width:100%}}@keyframes barTimer{0%{width:100%}to{width:0%}}@keyframes fadeOut{0%{opacity:100%}to{opacity:0%}}@keyframes fadeIn{0%{opacity:0%}to{opacity:100%}}@keyframes popInRight{0%{transform:translate(100%);opacity:0%}75%{transform:translate(-4px);opacity:100%}to{transform:translate(0);opacity:100%}}