.nav-tabs .nav-link {
  font-weight: var(--font-weight-font-font-weight-bold);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.tab-svg-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-color: var(--color-foreground-foreground-active);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.tab--primary .tab-svg-icon {
  background-color: var(--color-foreground-foreground-inactive);
}
.tab--primary .nav-link:hover .tab-svg-icon {
  background-color: var(--color-foreground-foreground-hover);
}
.tab--primary .nav-link.active .tab-svg-icon {
  background-color: var(--color-foreground-foreground-active);
}
.tab--primary.inverted .nav-link .tab-svg-icon,
.tab--primary.text_color_white .nav-link .tab-svg-icon {
  background-color: var(--color-foreground-foreground-inverse-inactive);
}
.tab--primary.inverted .nav-link:hover .tab-svg-icon,
.tab--primary.text_color_white .nav-link:hover .tab-svg-icon {
  background-color: var(--color-foreground-foreground-on-inverse-hover);
}
.tab--primary.inverted .nav-link.active .tab-svg-icon,
.tab--primary.text_color_white .nav-link.active .tab-svg-icon {
  background-color: var(--color-foreground-foreground-on-inverse-active);
}
.tab--secondary .tab-svg-icon {
  background-color: var(--color-foreground-foreground-inactive);
}
.tab--secondary .nav-link:hover .tab-svg-icon {
  background-color: var(--color-foreground-foreground-on-hover);
}
.tab--secondary .nav-link.active .tab-svg-icon {
  background-color: var(--color-foreground-foreground-on-inverse-active);
}
.tab--secondary.inverted .tab-svg-icon,
.tab--secondary.text_color_white .tab-svg-icon {
  background-color: var(--color-foreground-foreground-on-inverse-active);
}
.tab--secondary.inverted .nav-link:hover .tab-svg-icon,
.tab--secondary.text_color_white .nav-link:hover .tab-svg-icon {
  background-color: var(--color-foreground-foreground-hover);
}
.tab--secondary.inverted .nav-link.active .tab-svg-icon,
.tab--secondary.text_color_white .nav-link.active .tab-svg-icon {
  background-color: var(--color-foreground-foreground-active);
}