.wp-block-nyaa-header-menu.nyaa-header-menu {
  position: relative;
  z-index: 2147483647;
  isolation: isolate;
  margin: 0;
  min-height: calc(env(safe-area-inset-top, 0px) + var(--nyaa-height-control) + (var(--nyaa-space-m) * 2) + 10px);
}

.nyaa-header-menu__inner {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + var(--nyaa-space-m));
  left: 50%;
  z-index: 2147483647;
  isolation: isolate;
  box-sizing: border-box;
  width: var(--nyaa-container-width, min(calc(100% - (var(--nyaa-space-s) * 2)), 1234px));
  max-width: var(--nyaa-container-max-width, 1234px);
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  column-gap: var(--nyaa-space-s);
  row-gap: var(--nyaa-space-xs);
  padding: 0 var(--nyaa-container-padding-right, var(--nyaa-card-gutter)) 0 var(--nyaa-container-padding-left, var(--nyaa-card-gutter));
  background: transparent;
  pointer-events: none;
  --nyaa-header-nav-available-width: 100%;
}

body > .nyaa-header-menu__inner {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + var(--nyaa-space-m)) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2147483647 !important;
}

.nyaa-header-menu__brand {
  --nyaa-header-brand-shift: -14.4px;
  grid-column: 1;
  justify-self: start;
  position: relative;
  z-index: 2;
  min-width: max-content;
  pointer-events: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: translate(var(--nyaa-header-brand-shift, 0px), var(--nyaa-header-brand-shift-y, 0px));
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.nyaa-header-menu__brand-link,
.nyaa-header-menu__link {
  text-decoration: none;
}

.nyaa-header-menu__brand-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--nyaa-height-control);
  padding: 0 var(--nyaa-space-m);
  border: 1px solid color-mix(in srgb, var(--nyaa-color-background) 28%, transparent);
  border-radius: var(--nyaa-radius-pill);
  color: var(--nyaa-color-primary);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 900;
  letter-spacing: var(--nyaa-tracking-tight);
  line-height: 1;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--nyaa-color-background) 18%, transparent);
  box-shadow: none;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: color 0.42s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s ease, border-color 0.22s ease;
}

.nyaa-header-menu__nav {
  grid-column: 2;
  justify-self: end;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: max-content;
  max-width: var(--nyaa-header-nav-available-width);
  pointer-events: auto;
  border: 1px solid color-mix(in srgb, var(--nyaa-color-background) 28%, transparent);
  border-radius: var(--nyaa-radius-pill);
  background: color-mix(in srgb, var(--nyaa-color-background) 18%, transparent);
  box-shadow: var(--nyaa-shadow-floating);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: width 0.42s cubic-bezier(0.22, 1, 0.36, 1), max-width 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.nyaa-header-menu__scroller {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--nyaa-space-xs);
  overflow-x: auto;
  overflow-y: hidden;
  padding: var(--nyaa-space-xs);
  scroll-behavior: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.nyaa-header-menu__scroller::-webkit-scrollbar {
  display: none;
}

.nyaa-header-menu__active-indicator {
  display: none !important;
}

.nyaa-header-menu__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: var(--nyaa-height-control);
  padding-inline: var(--nyaa-space-m);
  border-radius: var(--nyaa-radius-pill);
  white-space: nowrap;
  color: var(--nyaa-color-primary);
  font-size: var(--wp--preset--font-size--small);
  font-weight: normal;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  background: transparent;
  border: 0;
  box-shadow: none;
  opacity: 1;
  transition: opacity 0.22s ease;
}

.nyaa-header-menu__link:active,
.nyaa-header-menu__link:focus,
.nyaa-header-menu__link:focus-visible,
.nyaa-header-menu__link:hover {
  background: transparent;
  color: var(--nyaa-color-primary);
  outline: none;
  box-shadow: none;
}

.nyaa-header-menu__archive-modal[hidden] {
  display: none !important;
}

.nyaa-header-menu__archive-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: var(--nyaa-space-m);
  pointer-events: auto;
}

.nyaa-header-menu__archive-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 10, 22, 0.42);
  opacity: 0;
  transition: opacity 0.18s ease;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.nyaa-header-menu__archive-modal-panel {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: min(100%, 420px);
  padding: var(--nyaa-space-l);
  border: 1px solid color-mix(in srgb, var(--nyaa-color-background) 72%, transparent);
  border-radius: var(--nyaa-radius-xl);
  background: color-mix(in srgb, var(--nyaa-color-background) 92%, transparent);
  color: var(--nyaa-color-heading);
  box-shadow: var(--nyaa-shadow-hero);
  opacity: 0;
  transform: translateY(12px) scale(0.98);
  transition: opacity 0.2s ease, transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.nyaa-header-menu__archive-modal.is-open .nyaa-header-menu__archive-modal-backdrop,
.nyaa-header-menu__archive-modal.is-open .nyaa-header-menu__archive-modal-panel {
  opacity: 1;
}

.nyaa-header-menu__archive-modal.is-open .nyaa-header-menu__archive-modal-panel {
  transform: translateY(0) scale(1);
}

.nyaa-header-menu__archive-modal-panel:focus {
  outline: none;
}

.nyaa-header-menu__archive-modal-title {
  margin: 0;
  color: var(--nyaa-color-heading);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: var(--nyaa-weight-bold);
  line-height: var(--nyaa-leading-tight);
}

.nyaa-header-menu__archive-modal-text {
  margin: var(--nyaa-space-s) 0 0;
  color: color-mix(in srgb, var(--nyaa-color-heading) 72%, transparent);
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--nyaa-leading-base);
}

.nyaa-header-menu__archive-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--nyaa-space-xs);
  margin-top: var(--nyaa-space-m);
}

.nyaa-header-menu__archive-modal-button {
  appearance: none;
  min-height: var(--nyaa-height-control);
  padding: 0 var(--nyaa-space-m);
  border-radius: var(--nyaa-radius-pill);
  font-size: var(--wp--preset--font-size--small);
  font-weight: normal;
  line-height: 1;
  cursor: pointer;
}

.nyaa-header-menu__archive-modal-button--ghost {
  border: 1px solid color-mix(in srgb, var(--nyaa-color-heading) 18%, transparent);
  background: transparent;
  color: var(--nyaa-color-heading);
}

.nyaa-header-menu__archive-modal-button--primary {
  border: 1px solid var(--nyaa-color-primary);
  background: var(--nyaa-color-primary);
  color: var(--nyaa-color-background);
}

.nyaa-header-menu__archive-modal-button:focus-visible {
  outline: 2px solid var(--nyaa-color-primary);
  outline-offset: 3px;
}

.nyaa-header-menu__inner.is-condensed-floating .nyaa-header-menu__nav {
  width: 100px;
}

.nyaa-header-menu__inner.is-condensed-floating {
  --nyaa-header-brand-shift-y: 1px;
}

.nyaa-header-menu__inner.is-condensed-floating:not(.is-condensed-open) .nyaa-header-menu__brand {
  pointer-events: none;
}

.nyaa-header-menu__inner.is-condensed-floating:not(.is-condensed-open) .nyaa-header-menu__brand-link {
  border-color: transparent;
  background: transparent;
  color: var(--nyaa-color-primary);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
}

.nyaa-header-menu__inner.is-condensed-floating:not(.is-condensed-open) .nyaa-header-menu__nav {
  cursor: pointer;
}

.nyaa-header-menu__inner.is-condensed-floating:not(.is-condensed-open) .nyaa-header-menu__link {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 782px) {
  .nyaa-header-menu__inner[data-nyaa-desktop-animation="0"] .nyaa-header-menu__brand,
  .nyaa-header-menu__inner[data-nyaa-desktop-animation="0"] .nyaa-header-menu__brand-link,
  .nyaa-header-menu__inner[data-nyaa-desktop-animation="0"] .nyaa-header-menu__nav,
  .nyaa-header-menu__inner[data-nyaa-desktop-animation="0"] .nyaa-header-menu__link {
    transition: none;
  }
}