.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;
  }
}
  .yubicool-header {
  position: fixed;
  margin-left: auto;
  margin-right: auto;

  max-width: 100vw;
  min-width: 100vw;
}
  @media (min-width: 768px) {
.yubicool-header {
    max-width: 100%;
  }
  }
  @media (min-width: 1024px) {
.yubicool-header {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
@media (min-width: 320px) {
    .yubicool-header {
      max-width: 320px;
    }
  }
@media (min-width: 768px) {
    .yubicool-header {
      max-width: 768px;
    }
  }
@media (min-width: 1024px) {
    .yubicool-header {
      max-width: 1024px;
    }
  }
@media (min-width: 1440px) {
    .yubicool-header {
      max-width: 1440px;
    }
  }
.yubicool-header {
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: calc(100% + 3rem);
  }
  }
  @media (min-width: 1440px) {
.yubicool-header {
    max-width: calc(100% - 3rem)
}
  }
  .yubicool-header {
  z-index: 998;
}
  /* 1 less than the wordpress header bar */
  .yubicool-header .yubicool-secondary-navigation {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
  @media (min-width: 320px) {
  .yubicool-header .yubicool-secondary-navigation {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 768px) {
  .yubicool-header .yubicool-secondary-navigation {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
  @media (min-width: 1024px) {
  .yubicool-header .yubicool-secondary-navigation {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
  @media (min-width: 1440px) {
  .yubicool-header .yubicool-secondary-navigation {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
  @media (min-width: 768px) {
  .yubicool-header .yubicool-secondary-navigation {
    display: flex;
  }
}
  @media (min-width: 1440px) {
  .yubicool-header .yubicool-secondary-navigation {
    margin-left: 0;
    margin-right: 0;
    max-width: 1102px;
  }
}
  @media (min-width: 1024px) {
  .yubicool-header .yubicool-secondary-navigation {
    margin-left: auto;
    margin-right: auto;
    min-width: 100%;
  }
}
  @media (min-width: 1440px) {
  .yubicool-header .yubicool-secondary-navigation {
    min-width: 1440px;
    padding-left: 10.5rem;
    padding-right: 10.5rem;
  }
}
  /* @import '@yubico/yubicool/dist/search-icon.css'; */
  .yubicool-search-bar {
left: 0;
margin-top: 1rem;
width: 100%;
padding-bottom: 1rem
}
  @media (max-width: 1024px - 1) {.yubicool-search-bar {
position: absolute;
display: block
}
  }
  @media (min-width: 320px) {

.yubicool-search-bar[data-show-search='false'][data-collapse-on-mobile='true'] {
display: none
}
}
  @media (min-width: 768px) {

.yubicool-search-bar[data-show-search='false'][data-collapse-on-tablet='true'] {
display: none
}
}
  @media (min-width: 1024px) {

.yubicool-search-bar[data-show-search='false'][data-collapse-on-tablet-landscape='true'] {
display: none
}
}
  @media (min-width: 1440px) {

.yubicool-search-bar[data-show-search='false'][data-collapse-on-desktop='true'] {
display: none
}
}
  .yubicool-search-bar .yubicool-search-form {
display: flex
}
  .yubicool-search-bar .yubicool-search-input,
  .yubicool-search-bar .yubicool-search-form {
width: 100%
}
  .yubicool-search-bar .yubicool-search-input {
height: 2.5rem;
border-radius: 0.375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity));
background-repeat: no-repeat;
padding: 0.5rem;
padding-left: 3.5rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(61 65 51 / var(--tw-text-opacity));
background-image: url(../../dist/assets/img/icons/search.svg);
    background-position: 0.9735rem center;
    font-size: 16px;
    font-weight: 400
}
  .yubicool-search-bar .yubicool-search-input::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity))
}
  .yubicool-search-bar .yubicool-search-input::placeholder {
--tw-text-opacity: 1;
color: rgb(217 217 217 / var(--tw-text-opacity))
}
  @media (min-width: 1440px) {
  .yubicool-header {
    max-width: 1440px;
  }
}