.demo-page{background:var(--ground)}.demo-loading{display:grid;place-items:center;min-height:100vh;padding:var(--space-5) var(--space-4)}.demo-loading-inner{display:grid;justify-items:center;gap:var(--space-3);max-width:420px;text-align:center}.demo-loading-inner>div{display:grid;justify-items:center;gap:var(--space-3)}.demo-loading-mark{width:56px;height:56px;border-radius:18px;background-size:30px}.spinner{width:36px;height:36px;margin-top:var(--space-2);border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}.demo-loading-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--text-xl)}.demo-loading-copy{margin:0;color:var(--ink-3)}.demo-failed .form-error{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.5s}}