.yubicool-primary-navigation-menu {
  z-index: 950;
}
  .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-navigation-menu-flyout-wrapper .yubicool-navigation-menu-flyout {
  display: flex;
  flex-direction: column;
      width: calc(100% - 12rem);
}
  @media (max-width: 1024px - 1) {
      .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-top-level-navigation-item {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(134 139 121 / var(--tw-text-opacity));
  }
        .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-top-level-navigation-item .yubicool-mobile-navigation-chevron {
    --tw-text-opacity: 1;
    color: rgb(61 65 51 / var(--tw-text-opacity));
  }
    }
  @media (min-width: 1024px) {
      .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-navigation-menu-flyout-wrapper {
    position: absolute;
    left: 0;
    min-width: 100%;
  }
      .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-navigation-menu-flyout-wrapper
        .yubicool-navigation-menu-flyout {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
    }
  @media (max-width: 1024px - 1) {
  .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-top-level-navigation-item {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(61 65 51 / var(--tw-text-opacity));
        font-size: 15px;
  }
        .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-top-level-navigation-item .yubicool-mobile-navigation-chevron {
    --tw-text-opacity: 1;
    color: rgb(61 65 51 / var(--tw-text-opacity));
  }
      }
  @media (min-width: 1024px) {
  .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-top-level-navigation-item::after {
    position: absolute;
    left: 1rem;
    display: block;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(132 189 0 / var(--tw-bg-opacity));
          height: 6px;
          bottom: 0;
          width: calc(100% - 2rem);
          content: "";
  }
  .yubicool-primary-navigation-menu[data-target-open="true"] .yubicool-top-level-navigation-item {
    position: relative;
    padding-bottom: 1.75rem;
  }
        }
  .yubicool-primary-navigation-menu a {
    text-decoration: none !important;
  }