.anchor-navigation{
  border-bottom:1px solid #e0eaf7;
  overflow-x:auto;
  position:relative;
  scrollbar-width:none;
  width:100%;
}

.anchor-navigation__list{
  display:flex;
  font-size:.875rem;
  gap:1.25rem;
  list-style:none;
  margin:0;
  overflow:visible;
  padding-bottom:.875rem;
  padding-top:1.25rem;
  white-space:nowrap;
}
@media screen and (min-width:768px){
  .anchor-navigation__list{
    font-size:1rem;
    gap:1.875rem;
  }
}
@media screen and (min-width:1200px){
  .anchor-navigation__list{
    font-size:1.125rem;
    padding-bottom:1.125rem;
    padding-top:1.625rem;
  }
}

.anchor-navigation__link{
  color:#252525;
  display:block;
  position:relative;
  text-decoration:none;
  transition:all .3s ease;
}
.anchor-navigation__link:after{
  background-color:#15a8f1;
  bottom:-.875rem;
  content:"";
  height:2px;
  left:0;
  position:absolute;
  transform:scaleX(0);
  transition:transform .3s ease;
  width:100%;
}
@media screen and (min-width:1200px){
  .anchor-navigation__link:after{
    bottom:-1.125rem;
  }
}

.anchor-navigation__link:hover{
  color:#15a8f1;
}

.anchor-navigation__link.is-active:after,.anchor-navigation__link:hover:after{
  transform:scaleX(1);
}

.anchor-navigation__link.is-active{
  color:#15a8f1;
}

.anchor-navigation__item[style*="display: none"]{
  opacity:0;
  pointer-events:none;
}