/* stylelint-disable */
/* stylelint-enable */
:root {
  --navigation-mobile-level: 1;
  --navigation-mobile-item-indentation-horizontal: 1rem;
  --navigation-mobile-item-indentation-vertical: 0.35rem;
}

.navigation-mobile {
  --overlay-background-color: var(--navigation-mobile-overlay-background-color);
  --overlay-opacity: 0.2;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height-mobile));
  overflow: hidden;
  pointer-events: none;
}
.navigation-mobile.open {
  pointer-events: auto;
}
.navigation-mobile__overlay {
  position: absolute;
  right: 0;
  width: 100vw;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.open .navigation-mobile__overlay {
  opacity: 1;
}

.navigation-mobile__content {
  position: absolute;
  right: 0;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  overflow: auto;
  background-color: var(--navigation-mobile-background-color);
  transition: -webkit-transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
}
.open .navigation-mobile__content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.navigation-mobile .block::after,
.navigation-mobile .search-page-link-block::after {
  content: "";
  display: block;
  width: calc(100% - 2 * var(--navigation-mobile-item-indentation-horizontal));
  height: 1px;
  margin-left: var(--navigation-mobile-item-indentation-horizontal);
  background-color: var(--navigation-mobile-block-border-color);
}
.navigation-mobile .menu {
  padding-block: var(--navigation-mobile-item-indentation-vertical);
}
.navigation-mobile .menu .menu-item__element {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.navigation-mobile .menu .menu-item__link {
  position: relative;
  display: inline-block;
  flex-grow: 1;
  padding: var(--navigation-mobile-item-indentation-vertical) var(--navigation-mobile-item-indentation-horizontal);
  font-size: 1.25rem;
  line-height: 2rem;
  text-transform: uppercase;
  z-index: 2;
}
.navigation-mobile .menu .menu-item__toggler {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  padding: 0.2rem var(--navigation-mobile-item-indentation-horizontal);
}
.navigation-mobile .submenu {
  max-height: 0;
  background-color: var(--navigation-mobile-submenu-background-color);
  overflow: hidden;
  transition: max-height 0.75s cubic-bezier(0, 1, 0, 1);
}
.navigation-mobile .submenu.open {
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
}
.navigation-mobile .submenu .submenu-item:first-child {
  margin-top: var(--navigation-mobile-item-indentation-vertical);
}
.navigation-mobile .submenu .submenu-item:last-child {
  margin-bottom: var(--navigation-mobile-item-indentation-vertical);
}
.navigation-mobile .submenu .submenu-item__link {
  padding: var(--navigation-mobile-item-indentation-vertical) var(--navigation-mobile-item-indentation-horizontal);
  color: var(--navigation-mobile-submenu-link-color);
}
.navigation-mobile .submenu .submenu-item__link:hover {
  color: var(--navigation-mobile-submenu-link-color-hover);
}
.navigation-mobile .submenu .submenu-item--active > .submenu-item__element > .submenu-item__link { /* stylelint-disable-line */
  color: var(--navigation-mobile-submenu-link-color-active);
}
.navigation-mobile .submenu .submenu-item--has-submenu .submenu-item__element {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-left: calc(var(--navigation-mobile-level) * var(--navigation-mobile-item-indentation-horizontal));
}
.navigation-mobile .submenu .submenu-item--has-submenu .submenu-item__toggler {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  padding: 0.2rem var(--navigation-mobile-item-indentation-horizontal);
}
.navigation-mobile .search-page-link {
  margin: var(--navigation-mobile-item-indentation-vertical) var(--navigation-mobile-item-indentation-horizontal);
}

/*# sourceMappingURL=navigation-mobile.scss.css.map*/