/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../themes/economics_2025/ui/src/templates/navigation/footer/component/menu.footer.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.menu--footer.menu--economics a {
  display: inline;
  text-decoration-line: var(--_animate-text-decoration--line);
  text-decoration-thickness: var(--animate-text-decoration--thickness, 1px);
  text-underline-offset: var(--_animate-text-decoration--offset, 0.25em);
  text-decoration-color: var(--animation-text-decoration-color, var(--underline--color));
}
.menu--footer.menu--economics a {
  --_animate-text-decoration--line: none;
  --_animate-text-decoration--line--active: underline;
}

.menu--footer.menu--economics a:hover, .menu--footer.menu--economics a:focus {
  text-decoration-line: var(--_animate-text-decoration--line--active, var(--_animate-text-decoration--line, underline));
  text-decoration-thickness: var(--animate-text-decoration--thickness--active, var(--animate-text-decoration--thickness, 1px));
  text-underline-offset: var(--_animate-text-decoration--offset--active, var(--_animate-text-decoration--offset, 0.125em));
}

.menu--footer.menu--economics {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 18px;
  -moz-column-gap: 23.994px;
       column-gap: 23.994px;
}
.menu--footer.menu--economics a {
  --a--font-size: 0.8661336773rem;
  --a--color: #222222;
  --a--text-transform: uppercase;
}
@container (width > 400px) {
  .menu--footer.menu--economics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width > 600px) {
  .menu--footer.menu--economics {
    grid-template-columns: repeat(3, 1fr);
  }
}