#pre_nav, #post_nav, #sticky_bottom_bar { white-space: nowrap; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 9999; background: rgba(20, 20, 20, 0.45); backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); }

#pre_nav a, #post_nav a, #sticky_bottom_bar a { display: flex; flex-direction: row; justify-content: center; align-items: center; }

#pre_nav a > span, #post_nav a > span, #sticky_bottom_bar a > span { display: flex; flex-direction: row; justify-content: center; align-items: center; }

#pre_nav a svg, #post_nav a svg, #sticky_bottom_bar a svg { height: 19px; }

#pre_nav a span.sticky_bold, #post_nav a span.sticky_bold, #sticky_bottom_bar a span.sticky_bold { font-weight: 600; }

#login_mobile { width: calc(24px + 2 * 12px); height: calc(23px + 2 * 12px); padding: 12px; }

#login_mobile svg { height: 20px; }

@media screen and (min-width: 1000px) { #login_mobile { display: none; } }

#navbar_and_toggle { padding: 6px 0; }

#navbar_and_toggle nav#navbar { background: #18191b; transition: background 0s linear; transition-delay: 1s; }

#navbar_and_toggle.at_top nav#navbar { background: transparent; transition-delay: 0s; }

nav#navbar { display: flex; flex-direction: row; justify-content: space-between; padding: 16px 24px; }

@media screen and (min-width: 1000px) { nav#navbar { padding: 24px 48px; } }

nav#navbar #nav_logo { margin-right: auto; text-decoration: none; display: flex; flex-direction: row; align-items: center; column-gap: 12px; z-index: 99999999999999999999999999999; }

nav#navbar #nav_logo img { height: 31px; }

nav#navbar #nav_logo span { color: white; font-weight: 400; font-size: 26px; letter-spacing: 2px; }

nav#navbar > ul { display: flex; flex-direction: row; align-items: center; column-gap: 8px; list-style: none; margin: 0; padding: 0; pointer-events: auto; z-index: 9999; }

@media screen and (max-width: 1000px) { nav#navbar > ul { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; flex-direction: column; justify-content: flex-start; padding-top: 125px; row-gap: 20px; opacity: 0; background: transparent; transition: all 300ms cubic-bezier(0.61, 0.01, 0.42, 1); overflow: hidden; pointer-events: none; } nav#navbar > ul.open { pointer-events: auto; height: 100vh; opacity: 1; background: #18191b; } }

nav#navbar > ul li { font-weight: 700; font-size: 16px; margin: 0; padding: 0; line-height: 16px; display: flex; flex-direction: row; align-items: center; position: relative; user-select: none; /* Standard */ -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge Legacy */ }

nav#navbar > ul li a { text-decoration: none; color: white; display: flex; flex-direction: row; align-items: center; column-gap: 8px; padding: 12px 16px; border-radius: 99px; transition: color .2s ease, background-color .2s ease; }

nav#navbar > ul li a:hover { background-color: rgba(255, 255, 255, 0.06); }

nav#navbar > ul li a span { font-weight: 400; }

nav#navbar > ul li a.active { background-color: rgba(255, 255, 255, 0.06); }

@media screen and (max-width: 999px) { nav#navbar > ul li a.active_mobile { background-color: rgba(255, 255, 255, 0.06); } }

nav#navbar > ul li.nav_icon a { padding: 12px 12px; }

nav#navbar > ul li.nav_spacer { width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.33); margin: 0 8px; }

@media screen and (max-width: 999px) { nav#navbar > ul li.nav_spacer { height: 1px; width: 102px; } }

nav#navbar > ul li svg { height: 18px; width: 18px; }

nav#navbar > ul li.language svg { height: 18px; }

nav#navbar > ul li #nav_language_btn { cursor: pointer; }

nav#navbar > ul li.language { position: relative; }

nav#navbar > ul li.language #lang_list { flex-direction: column; row-gap: 4px; align-items: stretch; position: absolute; bottom: 0; transform: translateY(calc(100% + 8px)); padding: 8px; background-color: rgba(255, 255, 255, 0.06); border-radius: 8px; margin-top: 16px; display: none; z-index: 99999999; }

@media screen and (max-width: 999px) { nav#navbar > ul li.language #lang_list { background-color: #262728; } }

nav#navbar > ul li.language #lang_list.active { display: flex; }

nav#navbar > ul li.language #lang_list li a { border-radius: 8px; flex: 1 1 auto; }

#menu_toggle { width: calc(16px + 2 * 12px); height: calc(16px + 2 * 12px); padding: 12px; }

#menu_toggle:hover { cursor: pointer; }

@media (min-width: 1000px) { #menu_toggle { display: none; } }

#menu_toggle button { position: relative; width: 16px; height: 16px; transition: all 300ms cubic-bezier(0.61, 0.01, 0.42, 1); cursor: pointer; background: transparent; border: 0px; z-index: 999; display: inline-block; float: right; }

@media (min-width: 1000px) { #menu_toggle button:hover span.toggle-bar { opacity: 0.45; } #menu_toggle button.active span.toggle-bar:not(:nth-child(2)), #menu_toggle button.active:hover span.toggle-bar:not(:nth-child(2)) { opacity: 1; } }

#menu_toggle button span.toggle-bar { position: absolute; height: 0px; border: 1.5px solid #fff; width: 16px; display: block; transition: all 300ms cubic-bezier(0.61, 0.01, 0.42, 1), opacity 0.5s; background: #fff; opacity: 1; }

#menu_toggle button span.toggle-bar:nth-child(1) { top: 0px; }

#menu_toggle button span.toggle-bar:nth-child(2) { top: 6px; }

#menu_toggle button span.toggle-bar:nth-child(3) { top: 12px; }

#menu_toggle.active button span.toggle-bar { top: 0px; margin-left: -1px; margin-top: 6px; animation: division 300ms linear 1; width: calc(16px + 2px); opacity: 1; }

#menu_toggle.active button span.toggle-bar:nth-child(2) { width: 0px; opacity: 0; transition: all 200ms; }

#menu_toggle.active button span.toggle-bar:nth-child(3) { transform: rotate(45deg); }

#menu_toggle.active button span.toggle-bar:nth-child(1) { transform: rotate(-45deg); }

#menu_toggle.active:focus { outline: 0px; }

/*# sourceMappingURL=nav.css.map */