.anchor-navigation-tabs {
  --an-widget-primary-color: #FF9A26;
  --an-widget-secondary-color: #FFE1BE;
  overflow: hidden;
}
.anchor-navigation-tabs.purple-scheme {
  --an-widget-primary-color: #814FF0;
  --an-widget-secondary-color: #D9CAFB;
}
.anchor-navigation-tabs.blue-scheme {
  --an-widget-primary-color: #05C7D1;
  --an-widget-secondary-color: #B4EEF1;
}
.anchor-navigation-tabs__nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  border-bottom: 1px solid var(--an-widget-secondary-color);
  color: #5F5270;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, transparent, black 0%, black 95%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.anchor-navigation-tabs__nav-item {
  font-size: 18px;
  line-height: 28px;
  transition: all 300ms ease-in-out;
}
.anchor-navigation-tabs__nav-item--link {
  color: #5F5270;
  text-decoration: none;
  display: block;
  padding: 0px 20px 20px 20px;
  white-space: nowrap;
}
.anchor-navigation-tabs__nav-item.active {
  box-shadow: inset 0 -3px 0 var(--an-widget-primary-color);
}
.anchor-navigation-tabs__nav-item.active .anchor-navigation-tabs__nav-item--link {
  color: var(--an-widget-primary-color);
  font-weight: 700;
}
.anchor-navigation-tabs__nav-item:hover {
  box-shadow: inset 0 -3px 0 var(--an-widget-primary-color);
}
.anchor-navigation-tabs__nav-item:hover .anchor-navigation-tabs__nav-item--link {
  color: var(--an-widget-primary-color) !important;
}