@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;600&display=swap');
.site-topbar { box-sizing:border-box; position:relative; z-index:30; display:flex; align-items:center; justify-content:space-between; width:calc(100% - 96px); max-width:1200px; height:88px; margin:0 auto; padding:0; border:0; background:#111; color:#e8e6e1; font:400 14px/1.6 'DM Sans',sans-serif; }
.site-topbar a { color:inherit; text-decoration:none; font-family:inherit; font-weight:400; letter-spacing:normal; }
.site-topbar .site-brand { display:inline-flex; align-items:center; gap:10px; font-size:25px; font-weight:600; letter-spacing:-.035em; white-space:nowrap; }
.site-topbar .site-brand img { display:block; width:34px; height:34px; filter:saturate(.55) brightness(1.6); }
.site-topbar .site-brand span { margin:0; padding:0; border:0; font:inherit; color:inherit; }
.site-topbar #site-navigation { display:flex; position:static; align-items:center; gap:30px; width:auto; margin:0; padding:0; border:0; background:none; box-shadow:none; color:#c5c2ba; }
.site-topbar #site-navigation > a:not(.console-cta):hover,
.site-topbar #site-navigation > a[aria-current] { color:#fff; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#b5cec1; }
.site-topbar .console-cta { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:12px; height:42px; min-height:42px; margin:0; padding:0 0 0 2px; border:0; border-bottom:1px solid #62665e; border-radius:0; background:none; color:#e8e6e1; font-size:14px; font-weight:450; line-height:1.4; box-shadow:none; transform:none; transition:color 150ms ease,border-color 150ms ease; }
.site-topbar .console-arrow { margin:0; padding:0; color:#b5cec1; font-size:16px; line-height:1; transform:none; }
.site-topbar .console-cta:hover { color:#fff; border-color:#b5cec1; background:none; }
.site-topbar .console-cta:active { color:#b5cec1; }
.site-topbar :focus-visible { outline:2px solid #b5cec1; outline-offset:4px; }
.site-topbar .site-menu-toggle { display:none; font:inherit; color:inherit; border:0; background:none; padding:10px 0 10px 16px; cursor:pointer; }
.site-flow-return { display:block; width:fit-content; margin:0 0 20px; color:#b1b2ac; font-size:13px; }
.site-flow-return:hover { color:#e8e6e1; }
@media(max-width:1100px) { .site-topbar { width:calc(100% - 56px); } }
@media(max-width:760px) {
  .site-topbar { width:calc(100% - 40px); height:76px; }
  .site-topbar .site-brand { font-size:23px; }
  .site-topbar .site-menu-toggle { display:block; }
  .site-topbar #site-navigation { display:none; position:absolute; top:75px; left:-20px; right:-20px; width:auto; padding:20px; border-bottom:1px solid #343431; background:#111; align-items:stretch; flex-direction:column; gap:8px; }
  .site-topbar #site-navigation.open { display:flex; }
  .site-topbar #site-navigation > a { padding:10px 0; }
  .site-topbar #site-navigation .console-cta { align-self:flex-start; padding:0 0 0 2px; }
}
@media(prefers-reduced-motion:reduce) { .site-topbar .console-cta { transition:none; } }
/* Preserve the documentation's sticky navigation without changing its content. */
body:has(.docs-layout) .site-topbar { position:sticky; top:0; }
body:has(.docs-layout) .docs-sidebar { top:88px; height:calc(100dvh - 88px); }
body:has(.docs-layout) .docs-toc { top:88px; }
@media(max-width:760px) {
  body:has(.docs-layout) .mobile-bar { top:76px; }
  body:has(.docs-layout) .docs-sidebar { top:122px; height:calc(100dvh - 122px); }
}