/* Breakpoints */
.anchor-navigation__wrapper {
  padding: 0 var(--grid-standard-margin);
}

.anchor-navigation__list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-standard-gutter);
  justify-content: flex-start;
}
.anchor-navigation__item {
  color: var(--colors-interaction-interactive);
  padding-inline: var(--spacer-3);
}
.anchor-navigation__item:hover, .anchor-navigation__item:active {
  color: var(--colors-interaction-hover);
}
.anchor-navigation__icon {
  flex: 0 0 var(--icon-size-m);
  height: var(--icon-size-m);
  width: var(--icon-size-m);
}
.anchor-navigation__link {
  color: inherit;
  display: flex;
  font-family: inherit;
  gap: var(--spacer-2);
}
.anchor-navigation__link:hover, .anchor-navigation__link:active {
  font-family: inherit;
  text-decoration: none;
}
.anchor-navigation__link:hover span, .anchor-navigation__link:active span {
  font-family: inherit;
  text-decoration: none;
}
.anchor-navigation__link:hover .anchor-navigation__label, .anchor-navigation__link:active .anchor-navigation__label {
  position: relative;
}
.anchor-navigation__link:hover .anchor-navigation__label::after, .anchor-navigation__link:active .anchor-navigation__label::after {
  background-color: currentColor;
  bottom: 2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}