.loading-dots{display:flex;justify-content:flex-end;align-items:center;height:40px}.loading-dots div{width:8px;height:8px;margin:0 4px;background-color:currentColor;border-radius:50%;animation:loading-dots 1.4s infinite ease-in-out both}.loading-dots div:nth-child(1){animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.canvas-wrapper{position:relative;width:140px;height:140px;display:flex;aspect-ratio:1;justify-content:center;align-items:center;margin:0 8px}.canvas-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%}.circle{position:absolute;width:54px;height:54px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;color:#ffffffe6;background:radial-gradient(circle at 40% 35%,#ffffff2e,#ffffff0a);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 16px #5b8dee40;animation:pulse 2s ease-in-out infinite}.paxion{box-shadow:0 0 16px #a78bfa4d;animation:pulse 2s ease-in-out infinite .5s}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 16px #5b8dee33}50%{transform:scale(1.04);box-shadow:0 0 24px #5b8dee66}}@media (max-width: 600px){.canvas-wrapper{width:90px;height:90px;margin:0 4px}.circle{width:36px;height:36px;font-size:9px}}#root{margin:0 auto;text-align:center;display:flex;flex-direction:column;min-height:100vh}.content{flex:1}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.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)}@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}