#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}img{max-width:100%;height:auto}@media(max-width:768px){.ant-card{margin-bottom:16px!important}.ant-card-body{padding:16px!important}.ant-btn-lg{height:40px!important;padding:0 20px!important;font-size:14px!important}.ant-space{flex-wrap:wrap}}@media(max-width:576px){h1,.ant-typography h1{font-size:1.75rem!important}h2,.ant-typography h2{font-size:1.5rem!important}h3,.ant-typography h3{font-size:1.25rem!important}h4,.ant-typography h4{font-size:1.1rem!important}}.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}