#root{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}@keyframes radiate{0%{transform:scale(1);opacity:.8}50%{transform:scale(2.5);opacity:.4}to{transform:scale(4);opacity:0}}@keyframes radiate-delayed{0%{transform:scale(1);opacity:.6}50%{transform:scale(3);opacity:.3}to{transform:scale(5);opacity:0}}.radiate-effect{animation:radiate 2s infinite}.radiate-effect-delayed{animation:radiate-delayed 2s infinite .3s}body.dragging{overflow:hidden;touch-action:none}.drop-zone-active{background-color:#22c55e33!important;border-color:#22c55e!important;transform:scale(1.05)!important}