/* Shared pending/error state within the real routed content region. */
:is(#page-docs,#page-community,#page-press).embedded-page{--surface-nav:78px}
:is(#page-docs,#page-community,#page-press)>.surface-loading{position:absolute;inset:var(--surface-nav) 0 0!important;width:100%!important;max-width:none!important;margin:0!important;padding:24px!important;display:grid;place-items:center;text-align:center;box-sizing:border-box;color:#b8b9c4}
.surface-loading[hidden]{display:none!important}
.surface-loading__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:320px}
.surface-loading__logo{display:block;width:48px;height:48px;color:#f2f3f6;animation:bot2bot-load-breathe 1.8s ease-in-out infinite}
.surface-loading__logo svg{display:block;width:100%;height:100%}
.surface-loading p{margin:0;font-size:12px;line-height:1.6;font-family:inherit;letter-spacing:.01em}
.surface-loading button{font-size:12px;line-height:1.4;font-family:inherit;color:#f2f3f6;min-height:44px;padding:10px 16px;border:1px solid #ffffff30;border-radius:999px;background:#222226;cursor:pointer}
.surface-loading button[hidden]{display:none!important}
.surface-loading button:focus-visible{outline:2px solid #bdefff;outline-offset:4px}
.surface-loading[data-state=error] .surface-loading__logo{animation:none;opacity:.8}
.embedded-page[aria-busy=true] iframe{visibility:hidden}
@keyframes bot2bot-load-breathe{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
@media(max-width:650px){:is(#page-docs,#page-community,#page-press).embedded-page{--surface-nav:var(--b2b-phone-header-bottom,66px)}}
@media(prefers-reduced-motion:reduce){.surface-loading__logo{animation:none}}
body.motion-paused .surface-loading__logo{animation:none}