.pc-top-bar{background:var(--pc-color-surface);-webkit-border-after:var(--pc-border-width-hairline) solid var(--pc-color-border);border-block-end:var(--pc-border-width-hairline) solid var(--pc-color-border)}.pc-top-bar[data-sticky]{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:var(--pc-z-index-sticky)}.pc-top-bar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pc-space-2) var(--pc-space-4);min-block-size:var(--pc-top-bar-height);max-inline-size:var(--pc-container-max);margin-inline:auto;padding-block:var(--pc-space-2);padding-inline:var(--pc-space-4)}.pc-top-bar__brand{display:flex;align-items:center;min-inline-size:0;flex:0 1 auto}.pc-top-bar__brand a{color:inherit;text-decoration:none}.pc-top-bar__nav{display:flex;flex-wrap:wrap;gap:var(--pc-space-1) var(--pc-space-4);flex:1 1 auto;min-inline-size:0}.pc-top-bar__nav a{color:var(--pc-color-fg2);text-decoration:none;font-weight:var(--pc-font-weight-medium);padding-block:var(--pc-space-2)}.pc-top-bar__nav a:hover,.pc-top-bar__nav a[aria-current=page]{color:var(--pc-color-fg1)}.pc-top-bar__actions{display:flex;align-items:center;gap:var(--pc-space-2);-webkit-margin-start:auto;margin-inline-start:auto}