/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/navigation/main/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.menu--main {
  --list-margin: 0;
  --list-padding: 0;
  --li-margin: 0;
  --li-padding: 0;
  --li-style-type: none;
}

.menu--main.menu--level-0 .menu__submenu-wrapper a {
  display: inline;
  background-image: linear-gradient(0deg, var(--animate-underline-gradient-color-1, currentColor) 0%, var(--animate-underline-gradient-color-2, var(--animate-underline-gradient-color-1, currentColor)) 100%);
  background-size: var(--animate-underline-background-size-width, 0%) var(--animate-underline-background-size-height, 1px);
  background-repeat: no-repeat;
  background-position: var(--animate-underline-background-position-x, left) bottom;
  transition: all 200ms ease-in-out;
}
.menu--main.menu--level-0 .menu__submenu-wrapper a:hover, .menu--main.menu--level-0 .menu__submenu-wrapper a:focus {
  --animate-underline-background-size-width: var(--animate-underline-background-size-width-hover, 100%);
}

.menu--main.menu--level-0 .menu__submenu-wrapper a {
  --a-color: #ffffff;
  --a-color-hover: #ffffff;
}

.menu--main.menu--level-0 .menu__submenu-wrapper {
  margin-left: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
  margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
}

.menu--main.menu--level-0 .menu__submenu-wrapper .menu__submenu-wrapper-content {
  padding-left: var(--safe-area-left);
  padding-right: var(--safe-area-right);
  max-width: 1440px;
  margin: 0 auto;
}

.menu--main.menu--level-0 {
  display: flex;
  flex-direction: column;
  gap: 18.6624px;
}
@media (min-width: 64em) {
  .menu--main.menu--level-0 {
    align-items: flex-end;
    flex-direction: row;
  }
}
.menu--main.menu--level-0 > .menu__item .menu__details > .menu__summary > a,
.menu--main.menu--level-0 > .menu__item > a {
  --a-line-height: 1;
  --a-margin: 0 0 0.5em 0;
  --a-font-size: 0.8333333333rem;
  --a-font-weight: 800;
}
.menu--main.menu--level-0 .menu__submenu-wrapper {
  background-color: #041E56;
  color: #ffffff;
  padding-block: 37.3248px;
}
@media (min-width: 64em) {
  .menu--main.menu--level-0 .menu__submenu-wrapper {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    position: absolute;
    margin: 0;
  }
}
@media (min-width: 64em) {
  .menu--main.menu--level-0 .menu__submenu-wrapper .menu__submenu-wrapper-content {
    padding-inline: 37.3248px;
  }
}
.menu--main.menu--level-0 .menu__description {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 37.3248px;
}
.menu--main.menu--level-1 .menu__item:not(:last-child) {
  --li-margin: 0 0 1em 0;
  --li-padding: 0 0 1em 0;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 64em) {
  .menu--main.menu--level-1 .menu__item:nth-child(1) {
    display: none;
  }
}