@layer site {
  .ffr-navigation-variant {
    position: relative;
    z-index: 2147483001;
    width: 100%;
    overflow: visible;
    font-family: var(--ffr-font-sans, system-ui, -apple-system, sans-serif)
  }
  .ffr-navigation-variant__bar {
    position: relative;
    width: 100%;
    border-top: 1px solid var(--ffr-nav-border);
    border-bottom: 1px solid var(--ffr-nav-border);
    background: var(--ffr-nav-bg);
    box-shadow: inset 0 1px 0 var(--ffr-nav-surface-soft), 0 10px 30px rgba(2, 8, 23, .12);
    backdrop-filter: blur(10px);
    overflow: visible
  }
  .ffr-navigation-variant__list, .ffr-navigation-variant__sublist {
    list-style: none;
    margin: 0;
    padding: 0
  }
  .ffr-navigation-variant__list {
    width: 100%;
    max-width: 80rem;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .15rem;
    margin: 0 auto;
    padding: .25rem var(--ffr-space-4, 1rem);
    position: relative;
    overflow: visible
  }
  .ffr-navigation-variant__item, .ffr-navigation-variant__subitem {
    position: relative;
    overflow: visible
  }
  .ffr-navigation-variant__link {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: 0 .88rem;
    border-radius: 999px;
    color: var(--ffr-nav-text) !important;
    font-size: var(--ffr-text-sm, .875rem);
    font-weight: 900;
    letter-spacing: .025em;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 1;
    transition: background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease
  }
  .ffr-navigation-variant__link:hover, .ffr-navigation-variant__link:focus-visible, .ffr-navigation-variant__item.is-active > .ffr-navigation-variant__link, .ffr-navigation-variant__item.is-active-path > .ffr-navigation-variant__link, .ffr-navigation-variant__item.is-open > .ffr-navigation-variant__link {
    color: var(--ffr-nav-link-hover) !important;
    background: var(--ffr-nav-hover-bg);
    outline: none;
    transform: translateY(-1px)
  }
  .ffr-navigation-variant__dropdown {
    position: absolute;
    top: calc(100% + .6rem);
    left: 0;
    min-width: 17rem;
    padding: var(--ffr-space-2, .5rem);
    border: 1px solid var(--ffr-nav-dropdown-border);
    border-radius: var(--ffr-radius-lg, .75rem);
    background: var(--ffr-nav-dropdown-bg);
    box-shadow: 0 18px 44px rgba(2, 8, 23, .25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index: 2147483646
  }
  .ffr-navigation-variant__item:hover > .ffr-navigation-variant__dropdown, .ffr-navigation-variant__item:focus-within > .ffr-navigation-variant__dropdown, .ffr-navigation-variant__item.is-open > .ffr-navigation-variant__dropdown, .ffr-navigation-variant__subitem:hover > .ffr-navigation-variant__dropdown, .ffr-navigation-variant__subitem:focus-within > .ffr-navigation-variant__dropdown, .ffr-navigation-variant__subitem.is-open > .ffr-navigation-variant__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
  }
  .ffr-navigation-variant__dropdown--nested {
    top: 0;
    left: calc(100% - 2px);
    margin: 0
  }
  .ffr-navigation-variant__dropdown--nested.opens-left {
    left: auto;
    right: calc(100% - 2px)
  }
  .ffr-navigation-variant__sublink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem .8rem;
    border-radius: var(--ffr-radius-md, .5rem);
    color: var(--ffr-nav-dropdown-text) !important;
    font-size: var(--ffr-text-sm, .875rem);
    font-weight: 750;
    text-decoration: none !important;
    white-space: nowrap
  }
  .ffr-navigation-variant__sublink:hover, .ffr-navigation-variant__sublink:focus-visible, .ffr-navigation-variant__subitem.is-active > .ffr-navigation-variant__sublink, .ffr-navigation-variant__subitem.is-active-path > .ffr-navigation-variant__sublink, .ffr-navigation-variant__subitem.is-open > .ffr-navigation-variant__sublink {
    background: var(--ffr-nav-dropdown-hover);
    color: var(--ffr-nav-dropdown-link-hover) !important;
    outline: none
  }
  .ffr-navigation-variant__item.has-children > .ffr-navigation-variant__link::after {
    content: "▾";
    font-size: .75rem;
    opacity: .78
  }
  .ffr-navigation-variant__subitem.has-children > .ffr-navigation-variant__sublink::after {
    content: "›";
    font-size: 1.25rem;
    font-weight: 900;
    opacity: .72
  }
  @media (max-width:760px) {
    .ffr-navigation-variant {
      display: none
    }
    .ffr-header-variant.is-nav-open .ffr-navigation-variant {
      display: block
    }
    .ffr-navigation-variant__list {
      display: grid;
      grid-template-columns: 1fr;
      gap: .2rem;
      padding: var(--ffr-space-2, .5rem)
    }
    .ffr-navigation-variant__link {
      width: 100%;
      justify-content: space-between;
      border-radius: var(--ffr-radius-md, .5rem)
    }
    .ffr-navigation-variant__dropdown, .ffr-navigation-variant__dropdown--nested {
      position: static;
      display: none;
      min-width: 0;
      width: calc(100% - var(--ffr-space-3, .75rem));
      margin: .35rem 0 .35rem var(--ffr-space-3, .75rem);
      opacity: 1;
      visibility: visible;
      transform: none;
      box-shadow: none;
      border-radius: var(--ffr-radius-md, .5rem);
      pointer-events: auto
    }
    .ffr-navigation-variant__item.is-open > .ffr-navigation-variant__dropdown, .ffr-navigation-variant__subitem.is-open > .ffr-navigation-variant__dropdown {
      display: block
    }
    .ffr-navigation-variant__sublink {
      white-space: normal
    }
  }
}
body > .ffr-navigation-variant__dropdown.ffr-navigation-variant__dropdown--portal {
  position: fixed !important;
  z-index: 2147483647 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  background: var(--ffr-nav-dropdown-bg, #fff) !important;
  color: var(--ffr-nav-dropdown-text, #132334) !important
}
body > .ffr-navigation-variant__dropdown.ffr-navigation-variant__dropdown--portal .ffr-navigation-variant__dropdown--nested {
  position: absolute !important;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none
}
body > .ffr-navigation-variant__dropdown.ffr-navigation-variant__dropdown--portal .ffr-navigation-variant__subitem:hover > .ffr-navigation-variant__dropdown--nested, body > .ffr-navigation-variant__dropdown.ffr-navigation-variant__dropdown--portal .ffr-navigation-variant__subitem:focus-within > .ffr-navigation-variant__dropdown--nested, body > .ffr-navigation-variant__dropdown.ffr-navigation-variant__dropdown--portal .ffr-navigation-variant__subitem.is-open > .ffr-navigation-variant__dropdown--nested {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto
}