/* @generated by scripts/import-designs.mjs, from the redesign's stylesheets (r2.css, story.css). Do not edit.

   The redesign's styles for its navigation, for the pages of a redesign build
   that keep their classic design (src/layouts/Webflow.astro loads it there).
   Each rule is a rule of those stylesheets that reaches an element of the
   navigation, in their order, scoped to the navigation's root
   ([data-redesign-nav]) with the specificity it has on the redesign's pages;
   where a rule needs the redesign page's <html> (data-round4, data-round="two"),
   the root stands in for it. scripts/check-redesign.mjs compares the computed
   styles of the navigation on every such page with the redesign's pages. */
[data-redesign-nav] { --radius--button: 0.25rem; --radius--card: 0.5rem; }
:where([data-redesign-nav]) .button { border-radius: var(--radius--button); }
[data-redesign-nav] { --r2-dash: 2px; --r2-route: #b8900a; }
div[data-redesign-nav] .button { display: inline-flex; align-items: center; justify-content: center; padding: 0.625rem 1rem; font-size: 0.875rem; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; }
div[data-redesign-nav] .button::before { content: ""; flex: none; width: 0; height: 0.4375rem; margin-right: 0; background: var(--background-color--background-alternate); transition: width 0.22s cubic-bezier(0.2, 0.7, 0.2, 1), margin-right 0.22s cubic-bezier(0.2, 0.7, 0.2, 1); }
div[data-redesign-nav] .button:hover::before,
div[data-redesign-nav] .button:focus-visible::before { width: 0.4375rem; margin-right: 0.5rem; animation: r2-blink 1s steps(1, end) 0.22s infinite; }
@media (prefers-reduced-motion: reduce) {
  div[data-redesign-nav] .button::before { animation: none !important; }
}
div[data-redesign-nav] .button:not(.is-secondary):hover { background-color: transparent; color: var(--text-color--text-primary); }
div[data-redesign-nav] .button.is-nav:hover,
div[data-redesign-nav] .button.is-nav:focus-visible { background-color: transparent; border-color: var(--background-color--background-alternate); color: #fff; }
div[data-redesign-nav] .button { border-radius: 0; font-family: Inter, Arial, sans-serif; font-weight: 500; font-size: 0.9375rem; letter-spacing: 0; text-transform: none; }
div[data-redesign-nav] { --radius--button: 0; --radius--card: 0; }
div[data-redesign-nav] :is(.button, .w-button, [class*="card"], [class*="-media"], .r2-mega-art, .r2-map svg, .r4-thumb, .r4-player, .r4-press-art, .r4-op-window) { border-radius: 0; }
@media screen and (min-width: 992px) {
  div[data-redesign-nav] .navbar_dropdown-list { background-color: var(--background-color--background-alternate); padding: 0.5rem 0; }
}
@media screen and (min-width: 992px) {
  div[data-redesign-nav] .navbar_dropdown-link { color: #0f0e12; padding: 0.55rem 1.25rem; }
}
@media screen and (min-width: 992px) {
  div[data-redesign-nav] .navbar_dropdown-link:hover,
  div[data-redesign-nav] .navbar_dropdown-link:focus-visible { color: #0f0e12; background-color: rgba(15, 14, 18, 0.08); }
}
:where([data-redesign-nav]) .navbar_bg,
:where([data-redesign-nav]) .navbar_container,
:where([data-redesign-nav]) .navbar_logo,
:where([data-redesign-nav]) .navbar_link,
:where([data-redesign-nav]) .button.is-nav,
:where([data-redesign-nav]) [class^="menu-icon"] { transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, filter 0.35s ease; }
@keyframes r2-blink { 50% { opacity: 0; } }