.routeState{min-height:100vh;color:var(--ds-ink);background:var(--ds-canvas);font-family:var(--ds-font);place-content:center;justify-items:start;gap:12px;padding:32px;display:grid}.routeState>span{color:var(--ds-action);font-size:var(--ds-text-meta);letter-spacing:.14em;text-transform:uppercase;font-weight:600}.routeState h1,.routeState p{margin:0}.routeState h1{font:600 clamp(var(--ds-text-page),4vw,var(--ds-text-metric))/1.05 var(--ds-font)}.routeState p{max-width:520px;color:var(--ds-muted);line-height:1.6}.routeState button,.routeState a{border-radius:var(--ds-radius-panel);min-height:44px;color:var(--ds-inverse);background:var(--ds-action);font:600 var(--ds-text-compact) var(--ds-font);cursor:pointer;border:0;place-items:center;margin-top:8px;padding:0 18px;text-decoration:none;display:inline-grid}.routeState button:hover,.routeState a:hover{background:var(--ds-action-hover)}.routeState .routeStateSecondary{color:var(--ds-ink-secondary);border:1px solid var(--ds-control-border);background:var(--ds-surface)}.routeState .routeStateSecondary:hover{background:var(--ds-subtle)}