.service-status{color:#1f2a25;background:radial-gradient(1200px 600px at 50% -10%,#e8ede2 0%,#f4f3ef 55% 100%);place-content:center;justify-items:center;gap:28px;min-height:100dvh;padding:48px 16px;font-family:inherit;display:grid}.service-status-brand{justify-content:center;display:flex}.service-status-card{text-align:center;background:#fdfcf9;border:1px solid #dfe3da;border-radius:20px;justify-items:center;gap:12px;width:min(520px,100%);padding:40px 40px 32px;display:grid;box-shadow:0 1px 2px #1f2a250a,0 18px 48px -24px #1f453640}.service-status-icon{color:#1f4536;background:#e8ede2;border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:4px;display:grid}.service-status-icon svg{width:26px;height:26px}.service-status[data-kind=offline] .service-status-icon,.service-status[data-kind=access] .service-status-icon{color:#7a4b12;background:#f3ece0}.service-status h1{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600;line-height:1.15}.service-status-body{color:#444b48;max-width:40ch;margin:0;font-size:15px;line-height:1.55}.service-status-progress{background:#e6e8e1;border-radius:999px;width:180px;height:4px;margin-top:8px;overflow:hidden}.service-status-progress span{border-radius:inherit;background:#1f4536;width:40%;height:100%;animation:2.4s ease-in-out infinite service-status-slide;display:block}@keyframes service-status-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.service-status-progress span{opacity:.35;width:100%;animation:none}}.service-status-countdown{color:#66706b;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.service-status-reassurance{color:#1f4536;background:#eef3ea;border-radius:10px;margin:8px 0 0;padding:10px 14px;font-size:13px}.service-status-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.service-status-button{color:#1f2a25;cursor:pointer;background:#faf9f6;border:1px solid #dfe3da;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.service-status-button svg{width:16px;height:16px}.service-status-button--primary{color:#fff;background:#1f4536;border-color:#1f4536}.service-status-button:disabled{opacity:.6;cursor:default}.service-status-foot{color:#66706b;text-align:center;margin:0;font-size:12px}@media (max-width:480px){.service-status-card{padding:32px 20px 24px}.service-status h1{font-size:24px}}.service-status[data-layout=inset]{background:0 0;min-height:min(70vh,640px);padding:32px 0}.service-status[data-tone=warn] .service-status-icon{color:#7a4b12;background:#f3ece0}.service-status[data-tone=error] .service-status-icon{color:#8a2a1b;background:#f7e6e3}.service-status h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.2}.service-status-next{color:#1f2a25;max-width:42ch;margin:0;font-size:14px;line-height:1.55}.service-status-reference{color:#66706b;margin:4px 0 0;font-size:12px}.service-status-reference code{color:#1f2a25;background:#eef0ea;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.service-status-button--link{color:#1f4536;text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}a.service-status-button{text-decoration:none}a.service-status-button--link{text-decoration:underline}
