.fd-system-state-page{--ss-bg:var(--fd-page-bg);--ss-surface:var(--fd-theme-surface);--ss-surface-2:var(--fd-theme-surface-raised);--ss-text:var(--fd-theme-text);--ss-muted:var(--fd-theme-text-muted);--ss-yellow:var(--fd-brand-yellow);--ss-red:var(--fd-brand-red);--ss-border:var(--fd-theme-border);--ss-border-accent:color-mix(in srgb, var(--fd-brand-yellow) 28%, transparent);--ss-radius:1.25rem;--ss-max:28rem;background:var(--ss-bg);min-height:100dvh;color:var(--ss-text);isolation:isolate;flex-direction:column;display:flex}.fd-system-state-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 42% at 50% -6%, color-mix(in srgb, var(--ss-yellow) 9%, transparent), transparent 58%), var(--ss-bg);position:fixed;inset:0}.fd-system-state-header{justify-content:center;align-items:center;padding:1.25rem 1rem .5rem;display:flex}.fd-system-state-header__logo{border-radius:.5rem;align-items:center;min-height:2.75rem;transition:opacity .16s;display:inline-flex}.fd-system-state-header__logo:hover{opacity:.88}.fd-system-state-main{flex:1;justify-content:center;align-items:center;padding:1.5rem 1rem 2.5rem;display:flex}.fd-system-state-content{width:100%;max-width:var(--ss-max);border-radius:var(--ss-radius);border:1px solid var(--ss-border);background:var(--ss-surface);text-align:center;box-shadow:0 0 32px color-mix(in srgb, var(--ss-yellow) 4%, transparent);padding:1.75rem 1.5rem}@media (min-width:768px){.fd-system-state-content{padding:2rem 1.75rem}}.fd-system-state-content--error{border-color:color-mix(in srgb, var(--ss-red) 32%, transparent)}.fd-system-state-eyebrow{letter-spacing:.04em;color:var(--ss-yellow);font-size:.75rem;font-weight:600}.fd-system-state-title{letter-spacing:-.02em;margin-top:.5rem;font-size:clamp(1.375rem,4vw,1.625rem);font-weight:800;line-height:1.25}.fd-system-state-text{color:var(--ss-muted);margin-top:.625rem;font-size:.9375rem;line-height:1.65}.fd-system-state-actions{flex-direction:column;align-items:stretch;gap:.625rem;margin-top:1.5rem;display:flex}@media (min-width:480px){.fd-system-state-actions--row{flex-direction:row;justify-content:center}.fd-system-state-actions--row .fd-system-state-btn{min-width:9.5rem}}.fd-system-state-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding-inline:1.25rem;font-size:.9375rem;font-weight:700;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}.fd-system-state-btn--primary{background:var(--fd-action-primary);color:var(--fd-action-primary-text)}.fd-system-state-btn--primary:hover{background:var(--fd-action-primary-hover)}.fd-system-state-btn--secondary{border-color:var(--ss-border);background:var(--ss-surface-2);color:var(--ss-text)}.fd-system-state-btn--secondary:hover{border-color:var(--ss-border-accent)}.fd-system-state-links{flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-top:1rem;font-size:.875rem;display:flex}.fd-system-state-link{min-height:2.75rem;color:var(--ss-yellow);align-items:center;font-weight:600;transition:opacity .16s;display:inline-flex}.fd-system-state-link:hover{opacity:.85}.fd-system-state-loader{flex-direction:column;align-items:center;gap:1rem;display:flex}.fd-system-state-loader__spinner{border:2px solid color-mix(in srgb, var(--ss-yellow) 22%, transparent);border-top-color:var(--ss-yellow);border-radius:999px;width:2rem;height:2rem;animation:.9s linear infinite fd-system-state-spin}@keyframes fd-system-state-spin{to{transform:rotate(360deg)}}.fd-system-state-page a:focus-visible,.fd-system-state-page button:focus-visible{outline:2px solid var(--ss-yellow);outline-offset:2px}[data-theme=light] .fd-system-state-content{background:var(--fd-theme-surface-raised);border-color:var(--fd-theme-border);box-shadow:var(--fd-theme-shadow)}@media (prefers-reduced-motion:reduce){.fd-system-state-loader__spinner{border-top-color:color-mix(in srgb, var(--ss-yellow) 55%, transparent);animation:none}.fd-system-state-page *,.fd-system-state-page :before,.fd-system-state-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
