.mascot-loading{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:320px;padding:32px 16px;display:grid}.mascot-loading-figure{width:96px;height:96px}.mascot-loading p{max-width:36ch;color:var(--foreground);margin:0;font-size:16px;line-height:1.6}.mascot-loading .mascot-loading-slow{color:var(--muted-foreground);font-size:14px}.mascot-loading-track{border:1px solid var(--border);background:var(--muted);border-radius:999px;width:min(100%,360px);height:10px;margin-top:64px;position:relative}.mascot-loading-fill{width:calc(var(--progress) * 1%);border-radius:inherit;background:var(--primary);position:absolute;inset:0 auto 0 0}.mascot-loading-runner{bottom:6px;left:calc(30px + (100% - 60px) * var(--progress) / 100);position:absolute;transform:translate(-50%)}.mascot-loading-runner .mascot-loading-figure{width:60px;height:60px;display:block}.mascot-loading .mascot-loading-figures{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;font-size:14px;display:flex}.mascot-loading-figures strong{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:20px}.mascot-loading[data-reduced] .mascot-loading-track{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.mascot-loading-tip{background:var(--surface-blush);max-width:44ch;color:var(--muted-foreground);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-top:8px;padding:10px 14px;display:flex}.mascot-loading .mascot-loading-tip p{min-height:3.2em;color:var(--foreground);text-align:start;flex:24ch;font-size:14px;line-height:1.6}.mascot-loading-tip a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.mascot-loading-pause{min-height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;text-decoration:underline}.mascot-loading-pause[aria-pressed=true]{color:var(--foreground)}@media (prefers-reduced-motion:no-preference){.mascot-loading-figure{transform-origin:50% 100%;animation:1.4s ease-in-out infinite mascot-loading-hop}.mascot-loading-fill{transition:width .25s linear}.mascot-loading-runner{transition:left .25s linear}@keyframes mascot-loading-hop{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-10px)rotate(-4deg)}60%{transform:translateY(0)rotate(3deg)}}}