<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/templates/navigation/secondary/component/menu.secondary.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.menu--secondary 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--secondary a {
  --_animate-text-decoration--line: none;
  --_animate-text-decoration--line--active: underline;
}

.menu--secondary a:hover, .menu--secondary 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--secondary a {
  --a--color: #222222;
  --a--font-size: 1.333rem;
}
.menu--secondary .menu__item {
  --li--margin: 0.5em 0;
  --li--padding: 0.5em 0;
  border-bottom: 1px solid var(--accent--color);
}
</pre></body></html>