%tab-nav ul {
  list-style-type: none;
}
%tab-button {
  white-space: nowrap;
  text-decoration: none;
}
%tab-button:not(:disabled) {
  cursor: pointer;
}
%tab-nav {
  /* %frame-transparent-something */
  border-bottom: var(--decor-border-100);
}
%with-animated-tab-selection ul::after,
%tab-button {
  border-bottom: var(--decor-border-300);
}
%tab-nav {
  /* %frame-transparent-something */
  border-color: var(--token-color-surface-interactive-active);
}
%tab-button {
  @extend %with-transition-500;
  transition-property: background-color, border-color;
  border-color: transparent;
  color: var(--token-color-foreground-faint);
}
%tab-button-intent,
%tab-button-active {
  /* %frame-gray-something */
  background-color: var(--token-color-surface-strong);
}
%tab-button-intent {
  border-color: var(--token-color-palette-neutral-300);
}
%tab-nav.animatable .selected a {
  border-color: transparent !important;
}