/* Generated from zoompilot/site site.css by contrib/sync-brand.py.
 * Edit the template in that script, not this file. */
.zp-header {
  --zp-site-edge: max(22.4px, calc((100vw - 928px) / 2));
  /* the site's bar is part of the page: not sticky, no plate, the
   * canvas glow runs behind it */
  position: relative;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.zp-sitebar { box-sizing: border-box; width: 100%; line-height: 1.6; }
.zp-site-id { margin: 0; padding: 0; font-weight: 400; white-space: nowrap; }
.zp-site-nav { margin: 0; padding: 0; font-family: var(--md-text-font-family); font-weight: 400; }
.zp-sitebar {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 22.4px;
    padding: 22.4px var(--zp-site-edge) 17.6px;
    border-bottom: 1px solid var(--zp-hair);
}
.zp-site-id {
    font-family: "Audiowide", var(--md-text-font-family);
    font-size: 14.72px;
    letter-spacing: 0.02em;
    color: var(--md-default-fg-color);
}

.zp-site-id a {
    color: var(--zp-faint);
    text-decoration: none;
}
.zp-site-id a:hover,
.zp-site-id a[aria-current="page"] {
    color: var(--md-default-fg-color);
}
.zp-site-id .sep {
    margin: 0 0.6em;
    color: var(--zp-faint);
    opacity: 0.6;
}
.zp-site-nav {
    display: flex;
    align-items: baseline;
    gap: 21.6px;
    flex-wrap: wrap;
    font-size: 12.48px;
    letter-spacing: 0.05em;
}
.zp-site-nav a {
    color: var(--zp-faint);
    text-decoration: none;
}
.zp-site-nav a:hover {
    color: var(--md-default-fg-color);
}

.zp-site-nav a.ext {
    color: var(--md-default-fg-color);
}
.zp-site-nav a:not(.ext) + a.ext {
    margin-left: 9.6px;
}


/* ---- wiki adaptation: everything below keeps the bar's geometry equal
 * to the site's at every width. The wordmark sits at the column edge and
 * the bar is one 64.5px row wherever the site's is; the wiki's extra
 * controls (menu, search, paint) live inside the nav row, so
 * they can never move the wordmark. ---- */
.zp-header .zp-site-id a,
.zp-header .zp-site-id .sep {
  font: inherit;
  letter-spacing: inherit;
}
.zp-site-nav a,
.zp-menu {
  line-height: 1.6;
  text-decoration: none;
}
.zp-site-nav a[aria-current="page"] {
  color: var(--md-default-fg-color);
}
/* the manual's page list, below the width where the sidebar shows */
.zp-menu {
  display: none;
  cursor: pointer;
  color: var(--md-default-fg-color);
}
/* search and paint: small faint icons after github and discord,
 * no taller than the nav's line box */
.zp-header .md-header__tools {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 8px;
  margin-left: 9.6px;
  height: 20px;
}
.zp-header .md-header__tools .md-header__option,
.zp-header .md-header__tools .md-header__paints,
.zp-header .md-header__tools .md-search {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0;
}
.zp-header .md-header__tools .md-header__button,
.zp-header .md-search__button {
  display: grid;
  place-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  font-size: 0;
  line-height: 20px;
  background: transparent;
  color: var(--zp-faint);
}
.zp-header .md-header__tools .md-header__button:hover,
.zp-header .md-search__button:hover {
  color: var(--md-default-fg-color);
}
.zp-header .md-header__tools svg {
  width: 16px;
  height: 16px;
}
.zp-header .md-search__button::before {
  position: static;
  width: 16px;
  height: 16px;
  margin: 0;
}
.zp-header .md-search__button::after {
  display: none;
}
/* the theme's own toggle keeps one of its two labels hidden */
.zp-header .md-header__tools [hidden] {
  display: none;
}
/* the sections live in the bar, so the theme's second row of tabs goes
 * (navigation.tabs stays on: it scopes the sidebar to one section) */
.md-tabs {
  display: none;
}
/* the theme's sidebar sat under a sticky header; it now starts with the
 * page */
.md-sidebar {
  top: 0;
}

/* below the width where the theme hides the sidebar, the page list
 * opens from "menu", the nav's first item */
@media screen and (max-width: 76.234375em) {
  .zp-menu { display: block; }
}
/* the wiki's nav is longer than the site's: drop sections in rank order
 * before the row runs out, so the bar stays one 64.5px row as long as
 * possible and wraps under the wordmark only where the site's does.
 * Every section stays in the menu. Widths are measured, not guessed:
 * see "Shared header" in the README. */
@media screen and (max-width: 76.234375em) {
  .zp-site-nav a[data-rank="late"] { display: none; }
}
@media screen and (max-width: 919.98px) {
  .zp-site-nav a[data-rank="mid"] { display: none; }
}
@media screen and (max-width: 789.98px) {
  .zp-site-nav a[data-rank="core"] { display: none; }
}
@media screen and (max-width: 619.98px) {
  .zp-site-nav a[data-rank="first"] { display: none; }
}

/* ---- the site's footer (overrides/main.html, block footer). The theme's
 * own footer keeps only prev/next, which belongs to the page; its meta
 * row and stripe give way to this. ---- */
.zp-foot { --zp-site-edge: max(22.4px, calc((100vw - 928px) / 2)); color: var(--md-typeset-color, var(--zp-dim)); }
.zp-foot a { color: var(--md-default-fg-color); text-decoration: underline; text-decoration-color: var(--zp-hair-strong); text-underline-offset: 3px; }
.zp-foot a:hover { text-decoration-color: var(--zp-tint); }
.zp-foot p { margin: 0; }
.zp-foot .zp-warn strong { color: var(--zp-warn); font-weight: 600; }
body[data-md-color-scheme="default"] .zp-foot .zp-warn strong { color: var(--zp-warn-ink); }
.md-footer { background: transparent; }
.md-footer::before, .md-footer-meta { display: none; }


.zp-paintline {
    margin-top: 80px;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--zp-p46v) 0 12.5%,
        var(--zp-p45p) 0 25%,
        var(--zp-p47c) 0 37.5%,
        var(--zp-p45b) 0 50%,
        var(--zp-p46g) 0 62.5%,
        var(--zp-p25d) 0 75%,
        var(--zp-p42m) 0 87.5%,
        var(--zp-p41w) 0 100%
    );
}
.zp-foot {
    padding: 36.8px var(--zp-site-edge) 51.2px;
    font-size: 14.08px;
}
.zp-foot .thanks {
    max-width: 44em;
}
.zp-foot p + p {
    margin-top: 0.8em;
}
.zp-foot .signoff {
    margin-top: 32px;
    font-size: 12.48px;
    letter-spacing: 0.08em;
    color: var(--zp-tint);
}
.zp-foot-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 19.2px;
    margin-top: 22.4px;
    font-size: 12.48px;
}
.zp-foot-links a[data-build] {
    color: var(--zp-tint);
    font-family: var(--md-code-font-family);
}


.zp-paintline { margin-top: 48px; }
body[data-zp-site="jetlink"] .zp-paintline {
    background: linear-gradient(90deg, var(--zp-paint-lo), var(--zp-paint-hi));
}

/* ---- jetlink pages: the jetlink site's green (site.css
 * :root[data-site="jetlink"]), so moving between zoompilot.ai/jetlink
 * and its guides here keeps one color. No paint picker: the jetlink site
 * has none. ---- */
body[data-zp-site="jetlink"] {
  --zp-paint: #3fbf6a;
  --zp-paint-hi: #7ceba0;
  --zp-paint-lo: #25804a;
  --zp-tint: #6ae58c;
  --zp-paint-t: #6ae58c;
  --zp-paint-ink: #0b1f13;
  --zp-btn-grad: linear-gradient(180deg, var(--zp-paint-hi), var(--zp-paint) 55%, var(--zp-paint-lo));
}
body[data-zp-site="jetlink"][data-md-color-scheme="slate"] {
  --md-default-bg-color: color-mix(in srgb, #2e8a52 7%, #0b0d10);
  --zp-hair: color-mix(in srgb, var(--zp-tint) 26%, transparent);
}
body[data-zp-site="jetlink"][data-md-color-scheme="default"] {
  --zp-tint: #25804a;
  --zp-deep: #25804a;
}
body[data-zp-site="jetlink"] .md-container {
  background:
    radial-gradient(80rem 42rem at 74% -12rem, color-mix(in srgb, var(--zp-paint-hi) 12%, transparent), transparent 70%) no-repeat,
    var(--md-default-bg-color);
}
body[data-zp-site="jetlink"] .md-header__paints {
  display: none;
}