.err-inpage{--err-ink:var(--role-ink);--err-text:var(--role-text);--err-muted:var(--role-muted);--err-line:var(--role-line);--err-link:var(--role-link);--err-fill:var(--role-band);--err-bg:var(--role-surface);--err-tint:#eff3fc}:root[data-theme=dark] .err-inpage{--err-fill:var(--role-surface);--err-bg:var(--role-canvas);--err-tint:#293958}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .err-inpage{--err-fill:var(--role-surface);--err-bg:var(--role-canvas);--err-tint:#293958}}.err-inpage{box-sizing:border-box;border:1px solid var(--err-line);background:var(--err-bg);max-width:720px;color:var(--err-text);text-align:center;border-radius:16px;margin:28px auto;padding:38px 40px;font-size:15px;line-height:1.7}.err-inpage *,.err-inpage :before,.err-inpage :after{box-sizing:border-box}.err-inpage .err-code{background:var(--err-tint);color:var(--err-link);letter-spacing:1.5px;border-radius:8px;justify-content:center;align-items:center;margin:0 0 22px;padding:10px 18px;font-size:12px;font-weight:600;line-height:1.7;display:inline-flex}.err-inpage .err-title{letter-spacing:-.035em;max-width:560px;margin:0 auto;font-size:34px;font-weight:700;line-height:1.2}.err-inpage[data-state] .err-title{color:var(--err-ink)}.err-inpage .err-lead{max-width:540px;color:var(--err-muted);margin:18px auto 26px;font-size:16px;line-height:1.8}.err-inpage .err-metric{background:var(--err-fill);text-align:left;border-radius:8px;margin:0 0 24px;padding:18px}.err-inpage .err-metric-label,.err-inpage .err-metric-note{color:var(--err-muted);margin:0;font-size:12px;line-height:1.7;display:block}.err-inpage .err-metric-value{color:var(--err-ink);margin:5px 0;font-size:18px;font-weight:700;line-height:1.7;display:block}.err-inpage .err-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.err-inpage .err-chip{border:1px solid var(--err-line);background:var(--err-fill);min-height:44px;color:var(--err-text);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;line-height:1.7;text-decoration:none;display:inline-flex}.err-inpage .err-chip-x{flex-shrink:0;width:14px;height:14px}.err-inpage .err-chip:hover{border-color:var(--err-link);color:var(--err-text);text-decoration:none}.err-inpage .err-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.err-inpage .err-actions .btn{white-space:normal;text-align:center;min-height:48px;padding:12px 20px;font-size:14px;font-weight:550;line-height:1.7}.err-inpage .err-actions .btn,.err-inpage .err-actions .btn:hover{color:var(--selected-fg);text-decoration:none}.err-inpage .err-actions .btn[data-variant=outline],.err-inpage .err-actions .btn[data-variant=outline]:hover{color:var(--ink)}.err-inpage .err-feedback{background:var(--err-tint);color:var(--err-text);border-radius:8px;margin:22px 0 0;padding:18px;font-size:14px}.err-inpage .err-feedback:empty{display:none}.err-inpage a:focus-visible,.err-inpage button:focus-visible{outline:3px solid var(--err-link);outline-offset:4px;border-radius:0}@media (max-width:600px){.err-inpage{border-radius:12px;margin:18px auto;padding:28px 20px}.err-inpage .err-title{font-size:28px}.err-inpage .err-lead{margin:16px 0 22px;font-size:15px}.err-inpage .err-metric-value{font-size:16px}.err-inpage .err-actions{flex-direction:column}.err-inpage .err-actions .btn{width:100%}}
