.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;
  }
        }
  /* Hide mobile nav while it's closed */
  .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-primary-navigation-inner::after,
  .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-search-bar,
  .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-header-mobile-close-icon,
  .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-top-level-navigation {
  display: none;
}
  .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-header-mobile-open-icon {
  margin-right: 1rem;
  display: flex;
}
  /* Show mobile nav while it's open */
  .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-header-mobile-open-icon {
  display: none;
}
  .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-header-mobile-close-icon {
  margin-right: 1rem;
  display: block;
}
  .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-top-level-navigation {
  flex-direction: column;
}
  .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-primary-navigation-inner::after {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    content: '';
    width: 100vw;
    height: 100vh;
    z-index: -1;
}
  .yubicool-mobile-navigation-chevron {
  margin-left: auto;
  vertical-align: bottom;
}
  .yubicool-navigation-menu-flyout {
  z-index: 0;
  margin-top: 0;
  --tw-border-opacity: 1;
  border-top-color: rgb(217 217 217 / var(--tw-border-opacity));
  padding-top: 1rem;
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
  @media (min-width: 320px) {
  .yubicool-navigation-menu-flyout {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 768px) {
  .yubicool-navigation-menu-flyout {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 1024px) {
  .yubicool-navigation-menu-flyout {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
  @media (min-width: 1440px) {
  .yubicool-navigation-menu-flyout {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
  .yubicool-primary-navigation {
  position: relative;
  display: grid;
  height: 4.5rem;
  width: 100%;
  align-items: center;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
  @media (min-width: 320px) {
  .yubicool-primary-navigation {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 768px) {
  .yubicool-primary-navigation {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 1024px) {
  .yubicool-primary-navigation {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
  @media (min-width: 1440px) {
  .yubicool-primary-navigation {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
  .yubicool-primary-navigation {
  border-bottom-width: 1px;
}
  .yubicool-search-icon {
  display: none;
}
  .yubicool-top-level-navigation {
  position: fixed;
  left: 0;
  right: 0;
  top: 12rem;
  display: flex;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  max-height: calc(100vh - 9rem);
}
  .yubicool-top-level-navigation a {
  width: 100%;
}
  .yubicool-top-level-navigation .yubicool-primary-navigation-menu[data-target-open='false']
    div.yubicool-navigation-menu-flyout-wrapper {
  display: none;
}
  .yubicool-top-level-navigation .yubicool-primary-navigation-menu[data-target-open='true'] .yubicool-navigation-menu-flyout {
  margin-bottom: 4.5rem;
  display: flex;
  flex-direction: column;
}
  .yubicool-top-level-navigation .yubicool-primary-navigation-menu[data-target-open='true'] .yubicool-mobile-navigation-chevron {
      transform: rotate(180deg);
    }
  .yubicool-top-level-navigation .yubicool-primary-navigation-label {
  margin-bottom: 1.25rem;
  padding-top: 1rem;
}
  .yubicool-top-level-navigation .yubicool-primary-navigation-menu-column {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
  .yubicool-top-level-navigation .yubicool-top-level-navigation-item {
  display: flex;
  cursor: pointer;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 700;
}
  .yubicool-top-level-navigation .yubicool-card {
  display: none;
}
  .yubicool-top-level-navigation::-webkit-scrollbar {
  display: none;
}
  /* Specificity needed to avoid issues with search bars i.e. on the search page */
  .yubicool-primary-navigation .yubicool-search-bar {
  position: absolute;
  top: 5rem;
}
  .yubicool-primary-navigation .yubicool-search-bar .yubicool-search-input {
  margin-left: 0;
  margin-right: 0;
}
  .yubicool-primary-navigation-menu[data-target-open='true']
  .yubicool-navigation-menu-flyout-wrapper
  .yubicool-navigation-menu-flyout {
  display: grid;
  justify-content: flex-start;
  gap: 1.5rem;
}
  .yubicool-primary-navigation-menu[data-target-open='true']
  .yubicool-navigation-menu-flyout-wrapper
  .yubicool-navigation-menu-flyout .yubicool-card {
  display: none;
}
  .yubicool-primary-navigation-inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
  .yubicool-card {
  max-width: 14rem;
}
  .yubicool-card .yubicool-body-text {
  font-size: 14px;
   word-wrap: break-word;
  margin-bottom: 1.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.25rem !important;
}
  .yubicool-card .image-wrapper {
  max-height: 6.75rem;
}
  .yubicool-card .yubicool-tag-list {
  display: none;
}
  .yubicool-header-button {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  height: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
  .yubicool-header-store-button {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 20px;
}
  .yubicool-primary-navigation-label {
  margin-bottom: 2rem;
  display: inline-block;
  font-family: Noto Sans, Helvetica Neue, Open Sans, Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 400;
}
  .yubicool-primary-navigation-button-group {
  margin-left: auto;
  display: flex;
  flex-shrink: 0;
}
  .yubicool-primary-navigation-button-group .yubicool-close-icon {
  margin-left: 1rem;
  margin-right: 1rem;
  display: none;
}
  .yubicool-primary-navigation-button-group .yubicool-search-icon {
  margin-right: 1rem;
  display: none;
}
  /* Pretty sure this isn't necessary or is confusing */
  .yubicool-primary-navigation-button-group .yubicool-search-icon[data-show-search='false'] + .yubicool-close-icon {
  display: none;
}
  .yubicool-primary-navigation-button-group .yubicool-search-icon[data-show-search='true'] + .yubicool-search-icon {
  display: none;
}
  .yubicool-header-logo {
  margin-right: 1rem;
}
  /* TODO: hidden elements dont need css, move this up a viewport or two */
  .yubicool-navigation-menu-flyout {
  left: 0;
  top: 0;
  margin-top: 0;
  display: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
  .yubicool-navigation-menu-flyout a {
  margin-bottom: 0.5rem;
  display: block;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
  .yubicool-navigation-menu-flyout a:hover {
  --tw-text-opacity: 1;
  color: rgb(123 175 0 / var(--tw-text-opacity));
}
  .yubicool-navigation-menu-flyout .yubicool-card .yubicool-link {
  --tw-text-opacity: 1;
  color: rgb(0 115 165 / var(--tw-text-opacity));
}
  .yubicool-navigation-menu-flyout label.yubicool-menu-label {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}
  .yubicool-navigation-menu-flyout h1 {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
}
  .yubicool-navigation-menu-flyout h2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}
  .yubicool-navigation-menu-flyout .yubicool-primary-navigation-menu-column {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
  .yubicool-navigation-menu-flyout > div:first-child, .yubicool-navigation-menu-flyout .yubicool-primary-navigation-menu-column:first-child, .yubicool-navigation-menu-flyout > a:first-child, .yubicool-navigation-menu-flyout .yubicool-card:first-child {
  padding-left: 0;
}
  .yubicool-navigation-menu-flyout > div:last-child, .yubicool-navigation-menu-flyout .yubicool-primary-navigation-menu-column:last-child, .yubicool-navigation-menu-flyout > a:last-child, .yubicool-navigation-menu-flyout .yubicool-card:last-child {
  padding-right: 0;
}
  .yubicool-top-level-navigation-item {
  display: block;
  white-space: nowrap;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(61 65 51 / var(--tw-text-opacity));
  letter-spacing: 0.1px;
  font-size: 15px;
  line-height: 24px;
}
  .yubicool-top-level-navigation-item:hover {
  --tw-text-opacity: 1;
  color: rgb(132 189 0 / var(--tw-text-opacity));
}
  /* Prevents store/subscribe buttons from shifting when opening, search since the search bar is 40px tall */
  .yubicool-primary-navigation-inner {
  height: 4.5rem;
}
  #yubicool-header-search-icon {
  margin-left: 1rem;
  margin-right: 1rem;
}
  #yubicool-header-search-icon[data-show-search='true'] {
  display: none;
}
  .yubicool-navigation-menu-flyout-wrapper {
  padding-left: 1rem;
}
  .yubicool-mobile-navigation-chevron {
  --tw-text-opacity: 1;
  color: rgb(61 65 51 / var(--tw-text-opacity));
}
  .yubicool-primary-navigation-menu[data-target-open='true']
  .yubicool-navigation-menu-flyout-wrapper
  .yubicool-navigation-menu-flyout {
  display: flex;
  flex-direction: column;
  z-index: 950;
  width: calc(100% - 12rem);
}
  .yubicool-primary-navigation[data-target-mobile-navigation-open='true']
  .yubicool-top-level-navigation {
  max-height: calc(100vh - 14rem);
}
  @media (min-width: 768px) {
  .yubicool-primary-navigation[data-target-mobile-navigation-open='true']
    .yubicool-top-level-navigation {
    top: 14rem;
  }

  .yubicool-top-level-navigation-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .yubicool-navigation-menu-flyout-wrapper {
    padding-left: 1.5rem;
  }

  /* Specificity needed to avoid issues with search bars i.e. on the search page */
  .yubicool-primary-navigation .yubicool-search-bar {
    top: 5rem;
  }
}
  @media (min-width: 1024px) {
  /* Hide mobile/tablet-only elements */
  /* Show tablet-landscape/desktop-only elements */
  /* Arbitrary specificity to override mobile-specific specificity */
    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-header-mobile-open-icon,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-mobile-navigation-chevron,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-primary-navigation-inner::after,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-header-mobile-close-icon,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-header-mobile-open-icon,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-mobile-navigation-chevron,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-primary-navigation-inner::after,
    .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-header-mobile-close-icon {
    display: none;
  }

    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-top-level-navigation[data-show-search='false'], .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-top-level-navigation[data-show-search='false'] {
    display: none;
    position: static;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-search-bar[data-show-search='false'], .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-search-bar[data-show-search='false'] {
    display: none;
  }

    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] .yubicool-search-bar[data-show-search='true'], .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] .yubicool-search-bar[data-show-search='true'] {
    position: static;
    display: block;
  }

    .yubicool-primary-navigation[data-target-mobile-navigation-open='false'] #yubicool-header-close-icon[data-show-search='true'], .yubicool-primary-navigation[data-target-mobile-navigation-open='true'] #yubicool-header-close-icon[data-show-search='true'] {
    display: block;
  }

  .yubicool-top-level-navigation {
    background-color: transparent;
  }

  /* Close flyout menu if search opens */
  .yubicool-top-level-navigation[data-show-search='true'] {
    display: none;
  }

  .yubicool-top-level-navigation .yubicool-primary-navigation-label {
    padding-top: 0;
  }

  .yubicool-navigation-menu-flyout > div:first-child(1) {
    border-right: 1px solid #D9D9D9;
  }

  .yubicool-primary-navigation {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }

  .yubicool-top-level-navigation .yubicool-top-level-navigation-item {
    position: relative;
    display: inline;
    border-bottom-width: 0px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .yubicool-search-icon[data-show-search='false'] {
    display: block;
    width: 1rem;
  }

  .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-top-level-navigation-item::after {
    position: absolute;
    left: 0.5rem;
    bottom: 0;
    display: block;
    height: 0.5rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(132 189 0 / var(--tw-bg-opacity));
    width: calc(100% - 1rem);
    content: '';
  }

  .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper
    .yubicool-navigation-menu-flyout {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    min-height: 21rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    flex-direction: row;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    padding-right: 2rem;
    padding-left: 1rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition: all 0.3s ease 0.1s;
    grid-auto-flow: column;

    min-width: calc(100% + 4rem);
    max-width: calc(100% + 4rem);
    width: calc(100% + 4rem);
  }

    .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper
    .yubicool-navigation-menu-flyout .yubicool-card {
    display: grid;
    width: 12rem;
  }
      .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper
    .yubicool-navigation-menu-flyout .yubicool-card .image-wrapper {
    height: auto;
  }

    .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper
    .yubicool-navigation-menu-flyout .yubicool-primary-navigation-menu-column {
    min-width: 10rem;
  }

    .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper
    .yubicool-navigation-menu-flyout > div:nth-of-type(1),
    .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper
    .yubicool-navigation-menu-flyout > div:nth-of-type(2):not(:last-of-type) {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity));
    padding-right: 1rem;
  }

  .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper {
    top: 4.5rem;
    max-width: 100%;
    left: -2.5rem;
  }
}
  @media (min-width: 1440px) {
  .yubicool-primary-navigation-menu[data-target-open='true']
    .yubicool-navigation-menu-flyout-wrapper {
    left: -11.5rem;
  }

  .yubicool-navigation-menu-flyout {
    max-width: 1102px;
    padding-left: 0;
    padding-right: 0;
    max-width: calc(1102px - 20rem);
  }

  .yubicool-primary-navigation {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 10rem;
    padding-right: 10rem;
  }

    .yubicool-primary-navigation .yubicool-primary-navigation-menu[data-target-open='true']
      .yubicool-navigation-menu-flyout-wrapper
      .yubicool-navigation-menu-flyout {
    margin-left: 0;
    margin-right: 0;
    gap: 1.25rem;
    padding-left: 10rem;
    padding-right: 10rem;
      max-width: calc(1102px - 20rem);
      width: 1440px;
      left: -10rem;
      max-width: none;
  }
      .yubicool-primary-navigation .yubicool-primary-navigation-menu[data-target-open='true']
      .yubicool-navigation-menu-flyout-wrapper
      .yubicool-navigation-menu-flyout .yubicool-card:nth-child(n + 6) {
    display: none;
  }
      .yubicool-primary-navigation .yubicool-primary-navigation-menu[data-target-open='true']
      .yubicool-navigation-menu-flyout-wrapper
      .yubicool-navigation-menu-flyout .yubicool-primary-navigation-menu-column {
    display: block;
    width: 14rem;
  }
      .yubicool-primary-navigation .yubicool-primary-navigation-menu[data-target-open='true']
      .yubicool-navigation-menu-flyout-wrapper
      .yubicool-navigation-menu-flyout > div:nth-of-type(1),
      .yubicool-primary-navigation .yubicool-primary-navigation-menu[data-target-open='true']
      .yubicool-navigation-menu-flyout-wrapper
      .yubicool-navigation-menu-flyout > div:nth-of-type(2):not(:last-of-type) {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity));
  }

    .yubicool-primary-navigation .yubicool-primary-navigation-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: 100%;
    max-width: 1102px;
  }

  .yubicool-navigation-menu-flyout {
    padding-bottom: 3rem;
    padding-top: 2.75rem;
  }

  .yubicool-top-level-navigation-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .wp-block-yubicool-wp-primary-navigation {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  @media (min-width: 320px) {
    .wp-block-yubicool-wp-primary-navigation {
      max-width: 320px;
    }
  }

  @media (min-width: 768px) {
    .wp-block-yubicool-wp-primary-navigation {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .wp-block-yubicool-wp-primary-navigation {
      max-width: 1024px;
    }
  }

  @media (min-width: 1440px) {
    .wp-block-yubicool-wp-primary-navigation {
      max-width: 1440px;
    }
  }
}
  .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
    max-width: 100vw;
  }
  @media (min-width: 1024px) {
  .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
    z-index: 50;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  @media (min-width: 320px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  @media (min-width: 768px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  @media (min-width: 1024px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media (min-width: 1440px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      padding-left: 10rem;
      padding-right: 10rem;
    }
  }
  .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      max-width: calc(100% - 3rem);
      margin: 0 auto
  }
    }
  @media (min-width: 1440px) {
  .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
    max-width: none;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: calc(100% + 3rem);
  }
  @media (min-width: 320px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      max-width: none;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      width: calc(100% + 3rem);
    }
  }
  @media (min-width: 768px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      max-width: none;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      width: calc(100% + 3rem);
    }
  }
  @media (min-width: 1024px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      max-width: none;
      margin-left: -1rem;
      margin-right: -1rem;
      width: calc(100% + 2rem);
    }
  }
  @media (min-width: 1440px) {
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      max-width: none;
      margin-left: -10rem;
      margin-right: -10rem;
      width: calc(100% + 20rem);
    }
  }
  .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation {
      max-width: 100%;
      margin: 0 auto
  }
    }
  @media (min-width: 1024px) and (max-width: 1200px) {
  .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation .yubicool-primary-navigation-button-group .yubicool-button {
          max-width: 6rem
      }
        }
  @media (min-width: 1024px) {
  .wp-block-yubicool-wp-primary-navigation {
    /* Bumps main content below header */
}
    .wp-block-yubicool-wp-primary-navigation .wp-block-query {
    margin-top: 10rem;
  }
    .wp-block-yubicool-wp-primary-navigation .yubicool-primary-navigation-menu[data-target-open='true']
      .yubicool-top-level-navigation-item {
    --tw-text-opacity: 1 !important;
    color: rgb(132 189 0 / var(--tw-text-opacity)) !important;
  }
  }