:root {
  --gap-in--: 6px;
}
.visual-navigation__list {
  display: flex;
  /* flex-wrap: wrap; */
  /* justify-content: center; */
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  gap: calc(var(--gap-in--) * 0.75);
}
.visual-navigation__list.visual-navigation__list--has-content {
  column-gap: calc(var(--grid-spacing) * 0.75);
  row-gap: 15px;
}
@media screen and (min-width: 768px) {
  .visual-navigation__list {
    gap: var(--gap-in--);
  }
  .visual-navigation__list.visual-navigation__list--has-content {
    column-gap: var(--grid-spacing);
    row-gap: 30px;
  }
}
@media screen and (min-width: 481px) {
  .visual-navigation__list--no-wrap {
    flex-wrap: nowrap;
  }
}
.visual-navigation__list-item {
  text-align: center;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.visual-navigation__list-item
  .visual-navigation__image-link:hover
  + .visual-navigation__text
  .visual-navigation__text-link,
.visual-navigation__list-item
  .visual-navigation__text:hover
  .visual-navigation__text-link {
  background-position: left bottom, left bottom;
  background-size: 100% 1px, 100% 1px;
}
.visual-navigation__list-item .icon--placeholder {
  height: auto;
}
.visual-navigation__list-item img {
  display: block;
  object-fit: cover;
  height:100%;
  /* max-height: 300px; */
}
.visual-navigation__list-item .visual-navigation__text {
  margin-top: 12px;
}
.visual-navigation__list-item .visual-navigation__text p {
  margin-bottom: 0;
}
.visual-navigation__list-item--circle .icon--placeholder,
.visual-navigation__list-item--circle .visual-navigation__image-link,
.visual-navigation__list-item--circle img {
  border-radius: 50%;
}
.visual-navigation__image + .visual-navigation__text,
.visual-navigation__list-item .icon--placeholder + .visual-navigation__text {
  margin-top: 12px;
}