/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quick-links/quick-links.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.menu--quick-links {
  --list-margin: 0;
  --list-padding: 0;
  --li-margin: 0;
  --li-padding: 0;
  --li-style-type: none;
}

.menu--quick-links 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--quick-links a:focus, .menu--quick-links a:hover {
  --animate-underline-background-size-width: var(--animate-underline-background-size-width-hover, 100%);
}

.menu--quick-links {
  display: grid;
  row-gap: 0.5em;
}
.menu--quick-links .menu__item--active a {
  --animate-underline-background-size-width: 100%;
  --a-color: #00356B;
}
@container (width > 400px) {
  .menu--quick-links {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: clamp(
    1rem,
    calc(0.741037rem + 1.1509466667vw),
    1.776889rem
  );
         column-gap: clamp(
    1rem,
    calc(0.741037rem + 1.1509466667vw),
    1.776889rem
  );
  }
}