/* One headbar for Home, CreatorHub and all public pages. */
#root .cm-public-nav {
 box-sizing:border-box;top:0;left:0;width:100%;max-width:none;height:52px;transform:none;
 border:0;border-bottom:1px solid #bdbdc914;border-radius:0;
 background:#0a0a0ae0;color:#f5f5f8;line-height:1.5;
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 -webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
 box-shadow:none;
}
#root .cm-public-nav>div {box-sizing:border-box;max-width:1280px;width:100%;margin-inline:auto;padding-inline:24px}
#root .cm-public-nav>div>div:first-child {height:51px;gap:16px}
#root .cm-public-nav a {font-size:14px}
#root .cm-public-nav :is(a,button,.cm-navbar-brand-label) {color:#eef7ff}
#root .cm-public-nav .cm-navbar-brand-label {font-family:'CMNavbarUbuntu',sans-serif;font-weight:700;font-size:16px;line-height:24px}
#root .cm-public-nav :is(button,#language-button) {min-height:44px}
#root .cm-public-nav a[href="/"] {gap:8px}
#root .cm-public-nav a[href="/"] img {display:block;width:28px;height:28px}
#root .cm-public-nav a[href="/"] .cm-navbar-brand-label {margin-left:0}
#root .cm-public-nav a:not([href="/"]):hover {color:#79c9ff}
#root .cm-public-nav .bg-primary {background:#6366f1;color:white;border:0;border-radius:8px;min-height:32px;padding:6px 12px;font-size:13px;box-shadow:none}
#root .cm-public-nav .bg-primary:hover {background:#7477f5;color:white}
#root .cm-public-nav #mobile-menu {top:52px;height:auto;max-height:calc(100dvh - 64px);overflow-y:auto;background:#181a20}
#root .cm-public-nav #dropdownButton {display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;line-height:1;border:0;border-radius:50%;background:transparent;box-shadow:none;vertical-align:middle}
#root .cm-public-nav #dropdownButton>img {display:block;flex:none;width:32px;height:32px;margin:0;object-fit:cover;border-radius:50%}
@media(max-width:767px) {
 #root .cm-public-nav>div {padding-inline:12px}
 #root .cm-public-nav>div>div:first-child {gap:8px}
}
@media(prefers-reduced-transparency:reduce),(prefers-reduced-motion:reduce) {
 #root .cm-public-nav {background:#0a0a0a;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Home appearance is isolated from changes to the other public pages. */
#root .cm-public-nav {
 background:linear-gradient(120deg,#ffffff14,#ffffff04),#10151d70;
 border-bottom-color:#ffffff30;
 box-shadow:inset 0 1px 0 #ffffff12,0 12px 36px #00000024;
}
.cm-navbar-scrolled #root .cm-public-nav {
 background:linear-gradient(120deg,#ffffff12,#ffffff03),#10151da8;
 border-color:#ffffff30;
 box-shadow:inset 0 1px 0 #ffffff16,0 12px 36px #00000038;
}
@media(prefers-reduced-transparency:reduce),(prefers-reduced-motion:reduce) {
 #root .cm-public-nav {background:#151a24;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Deterministic geometry across page-specific styles and scrollbar states. */
html.cm-public-chrome {scrollbar-gutter:auto;scrollbar-width:none}
html.cm-public-chrome::-webkit-scrollbar {display:none}
#root .cm-public-nav *,#root .cm-public-nav *::before,#root .cm-public-nav *::after {box-sizing:border-box}
#root .cm-public-nav {letter-spacing:normal;text-align:start}
#root .cm-public-nav :is(a,button) {font-family:inherit;font-weight:400;letter-spacing:normal}
#root .cm-public-nav>div>div:first-child>div.hidden {gap:32px}
#root .cm-public-nav #language-menu {width:160px;padding:4px;border-width:1px}
#root .cm-public-nav #language-menu a {width:100%;padding:8px 12px;line-height:20px}
#root .cm-public-nav #language-button {width:40px;height:44px;padding:4px 8px;line-height:20px}
#root .cm-public-nav .bg-primary {line-height:24px}