/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./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 {
  --a-font-weight: 400;
  --list-line-height: 1;
}
.menu--main .menu--submenu {
  --a-margin: 0.75em 20px;
  --a-display: inline-block;
  padding-left: var(--safe-area-left);
  padding-right: var(--safe-area-right);
}
.menu--main.menu--level-0 {
  position: absolute;
  inset: 0;
  z-index: 100;
}
.menu--main.menu--level-0 > .menu__item > a {
  --a-text-transform: uppercase;
  --a-text-decoration: none;
  --a-display: inline-block;
  --a-margin: 1em var(--safe-area-right) 1em var(--safe-area-left);
  --a-font-size: 0.7501875469rem;
}
.menu--main.menu--level-0 > .menu__item summary {
  --a-text-decoration: none;
  --summary-text-transform: uppercase;
  --summary-before-content: ;
  --summary-margin: 1em var(--safe-area-right) 1em var(--safe-area-left);
  --button-color: var(--summary-color);
  --button-font-size: var(--summary-font-size);
  --button-outline: var(--summary-outline);
  --button-padding: var(--summary-margin);
  --button-text-transform: var(--summary-text-transform);
  --summary-font-size: 0.7501875469rem;
}