/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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.menu--level-0 > .menu__item .menu__details > .menu__summary > a,
.menu--main.menu--level-0 > .menu__item > a, .menu--main.menu--level-1 .menu__item a {
  --display: inline;
  --transition: all 200ms ease-in-out;
  background-image: linear-gradient(0deg, var(--animate-background-gradient-color-1, currentColor) 0%, var(--animate-background-gradient-color-2, var(--animate-background-gradient-color-1, currentColor)) 100%);
  background-size: var(--animate-background-background-size-width, 0%) var(--animate-background-background-size-height, auto);
  background-repeat: no-repeat;
  background-position: var(--animate-background-background-position-x, left) bottom;
}
.menu--main.menu--level-0 > .menu__item .menu__details > .menu__summary > a:focus,
.menu--main.menu--level-0 > .menu__item > a:focus, .menu--main.menu--level-1 .menu__item a:focus, .menu--main.menu--level-0 > .menu__item .menu__details > .menu__summary > a:hover,
.menu--main.menu--level-0 > .menu__item > a:hover, .menu--main.menu--level-1 .menu__item a:hover {
  --animate-background-background-size-width: var(--animate-background-background-size-width-hover, 100%);
}

.menu--main {
  --list-margin: 0;
  --list-padding: 0;
  --li-margin: 0;
  --li-padding: 0;
  --li-style-type: none;
}

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

.menu--main.menu--level-0 {
  scrollbar-color: var(--custom-scrollbar-color, #F9F9F9) transparent;
  scrollbar-width: 0.5rem;
}
.menu--main.menu--level-0::-webkit-scrollbar {
  background: transparent;
  width: 0.5rem;
}
.menu--main.menu--level-0::-webkit-scrollbar-track {
  box-shadow: none;
}
.menu--main.menu--level-0::-webkit-scrollbar-track-piece {
  background-color: var(--custom-scrollbar-track, #222222);
}
.menu--main.menu--level-0::-webkit-scrollbar-thumb {
  background: var(--custom-scrollbar-color, #F9F9F9);
}

.menu--main {
  --a-color: #00356B;
}
.menu--main.menu--level-0 {
  --custom-scrollbar-color: #E6EFED;
  --list-padding: 28.430224px 0;
  background-color: #E6EFED;
  display: flex;
  flex-direction: column;
  gap: 16px;
  inset: 0;
  margin-top: var(--site-header-height);
  overflow-y: scroll;
  position: fixed;
}
.menu--main.menu--level-0 > .menu__item {
  align-self: start;
}
.menu--main.menu--level-0 > .menu__item .menu__details > .menu__summary > a,
.menu--main.menu--level-0 > .menu__item > a {
  --a-display: flex;
  --a-padding: 0.2em;
  --a-font-size: 1.1545561918rem;
  --a-font-weight: 500;
  --animate-background-gradient-color-1: #ffffff;
}
.menu--main.menu--level-0 > .menu__item .menu__summary a {
  pointer-events: none;
}
.menu--main.menu--level-0 > .menu__item .menu__details .menu__summary .menu__expand {
  width: 0.5em;
  height: 0.5em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.25em;
  align-self: center;
  rotate: 0deg;
  transition: rotate 200ms ease-in-out;
}
.menu--main.menu--level-0 > .menu__item .menu__details .menu__summary .menu__expand span {
  border: 1px solid currentColor;
  position: absolute;
}
.menu--main.menu--level-0 > .menu__item .menu__details .menu__summary .menu__expand span:first-child {
  height: 100%;
}
.menu--main.menu--level-0 > .menu__item .menu__details .menu__summary .menu__expand span:last-child {
  width: 100%;
}
.menu--main.menu--level-0 > .menu__item .menu__details[open] .menu__summary {
  --animate-background-background-size-width: 100%;
}
.menu--main.menu--level-0 > .menu__item .menu__details[open] .menu__summary .menu__expand {
  rotate: 45deg;
}
.menu--main.menu--level-0 .menu__image {
  display: none;
}
@media (min-width: 80em) {
  .menu--main.menu--level-0 {
    --list-padding: 0;
    background-color: transparent;
    margin-top: 0;
    position: initial;
    flex-direction: row;
  }
  .menu--main.menu--level-0 > .menu__item .menu__details > .menu__summary > a,
  .menu--main.menu--level-0 > .menu__item > a {
    --animate-background-gradient-color-1: #E6EFED;
  }
  .menu--main.menu--level-0 > .menu__item .menu__summary a {
    pointer-events: all;
  }
  .menu--main.menu--level-0 .menu__submenu-wrapper {
    background-color: #E6EFED;
    position: absolute;
    inset: 0;
    top: var(--site-header-height);
    height: -moz-max-content;
    height: max-content;
  }
  .menu--main.menu--level-0 .menu__submenu-wrapper-content {
    padding-left: var(--safe-area-left);
    padding-right: var(--safe-area-right);
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: clamp(
    1rem,
    calc(0.741037rem + 1.1509466667vw),
    1.776889rem
  );
         column-gap: clamp(
    1rem,
    calc(0.741037rem + 1.1509466667vw),
    1.776889rem
  );
    grid-template-areas: ". MENU1 MENU1 MENU1 IMG IMG IMG IMG IMG IMG IMG IMG";
  }
  .menu--main.menu--level-0 .menu__image {
    --img-height: 100%;
    --img-object-fit: cover;
    display: block;
    grid-area: IMG;
  }
}
.menu--main.menu--level-1 {
  --list-margin: 28.430224px 0 calc(28.430224px - 16px) 16px;
  --a-font-weight: 700;
  grid-area: MENU1;
}
@media (min-width: 80em) {
  .menu--main.menu--level-0 .menu__image {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
  }
  .menu--main.menu--level-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
  }
}
.menu--main.menu--level-1 .menu__item:nth-child(1) {
  --a-font-size: 1.1545561918rem;
  --li-padding: 0 0 1em 0;
  --li-margin: 0 0 1em 0;
  border-bottom: 1px solid #DDDDDD;
}
.menu--main.menu--level-1 .menu__item + .menu__item {
  --li-margin: 1em 0 0 0;
}
.menu--main.menu--level-1 .menu__item a {
  --animate-background-gradient-color-1: #ffffff;
}
@media (min-width: 80em) {
  .menu--main.menu--level-1 {
    --list-margin: 28.430224px 0;
  }
}
.menu--main .menu__cta {
  display: none;
}
@media (min-width: 80em) {
  .menu--main .menu__cta {
    --menu-cta-block: clamp(
      1rem,
      calc(0.741037rem + 1.1509466667vw),
      1.776889rem
    );
    --menu-cta-inline: 16px;
    border-radius: 0 30px;
    align-self: end;
    background-color: #ffffff;
    display: block;
    grid-column: 6/span 3;
    grid-row: 1/-1;
    justify-self: start;
    margin-top: 50.5173522931px;
    margin-left: calc(clamp(
    1rem,
    calc(0.741037rem + 1.1509466667vw),
    1.776889rem
  ) * -1);
    margin-bottom: 50.5173522931px;
    min-height: 100px;
    padding-block: var(--menu-cta-block);
    padding-inline: var(--menu-cta-inline);
    position: relative;
    width: 100%;
  }
  .menu--main .menu__cta a {
    --a-color:#222222;
    --a-border-radius: 0 30px;
    --a-display: block;
    --a-margin: calc(var(--menu-cta-block) * -1) calc(var(--menu-cta-inline) * -1);
    --a-padding: var(--menu-cta-block) var(--menu-cta-inline);
  }
  .menu--main .menu__cta a:hover, .menu--main .menu__cta a:focus {
    --a-background-color: #00356B;
    --a-color: #ffffff;
  }
  .menu--main .menu__cta a .menu__cta-text {
    margin-top: 1em;
  }
  .menu--main .menu__cta a::after {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzM1IDQwOC4xQzMzMC4zIDQwNC4zIDMyOCAzOTguMiAzMjggMzkyczIuMzQ0LTEyLjI4IDcuMDMxLTE2Ljk3TDQzMC4xIDI4MEgyNEMxMC43NSAyODAgMCAyNjkuMiAwIDI1NS4xQzAgMjQyLjcgMTAuNzUgMjMyIDI0IDIzMmg0MDYuMWwtOTUuMDMtOTUuMDNjLTkuMzc1LTkuMzc1LTkuMzc1LTI0LjU2IDAtMzMuOTRzMjQuNTYtOS4zNzUgMzMuOTQgMGwxMzYgMTM2YzkuMzc1IDkuMzc1IDkuMzc1IDI0LjU2IDAgMzMuOTRsLTEzNiAxMzZDMzU5LjYgNDE4LjMgMzQ0LjQgNDE4LjMgMzM1IDQwOC4xeiIvPjwvc3ZnPg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzM1IDQwOC4xQzMzMC4zIDQwNC4zIDMyOCAzOTguMiAzMjggMzkyczIuMzQ0LTEyLjI4IDcuMDMxLTE2Ljk3TDQzMC4xIDI4MEgyNEMxMC43NSAyODAgMCAyNjkuMiAwIDI1NS4xQzAgMjQyLjcgMTAuNzUgMjMyIDI0IDIzMmg0MDYuMWwtOTUuMDMtOTUuMDNjLTkuMzc1LTkuMzc1LTkuMzc1LTI0LjU2IDAtMzMuOTRzMjQuNTYtOS4zNzUgMzMuOTQgMGwxMzYgMTM2YzkuMzc1IDkuMzc1IDkuMzc1IDI0LjU2IDAgMzMuOTRsLTEzNiAxMzZDMzU5LjYgNDE4LjMgMzQ0LjQgNDE4LjMgMzM1IDQwOC4xeiIvPjwvc3ZnPg==);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    height: 1.25em;
    width: 1.25em;
    display: block;
    margin-top: 1em;
  }
  .menu--main .menu__cta .menu__cta-link-text {
    font-weight: 700;
  }
}