.primary-menu {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 2;
}
.primary-menu__list {
  left: 0;
  transition: left 200ms ease-in-out;
  margin-left: -1rem;
  padding-left: 1rem;
  width: 100%;
}
.primary-menu__list, .primary-menu__sub-menu {
  display: flex;
  position: relative;
  flex-direction: column;
  list-style: none;
  font-family: "Bitter", serif;
  font-size: 1.8rem;
}
.primary-menu__sub-menu {
  padding: 0;
  width: calc(100% - 1em);
}
.primary-menu__link {
  text-decoration: none;
  color: #fff;
}
.primary-menu__sub-icon, .primary-menu__back-icon {
  display: inline-block;
  flex-shrink: 0;
  padding-top: 0.7em;
  color: #fff;
  font-size: 0.6em;
}
.primary-menu__sub-menu-container {
  display: flex;
  position: absolute;
  top: 0;
  left: calc(100% + 2rem);
  transition: height 0ms 200ms;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.primary-menu__sub-menu-container.is-active {
  transition: height 0ms;
  height: 100%;
}
.primary-menu__item-has-children {
  display: flex;
  gap: 0.2em;
  align-items: flex-start;
}
.primary-menu--submenu-active .primary-menu__list {
  left: -100%;
}

/*# sourceMappingURL=primary_menu.css.map */