%tab-nav {
  /* %frame-gray-something */
  border-bottom: $decor-border-100;
  border-top: $decor-border-200;
}
%tab-nav {
  /* %frame-gray-something */
  border-color: $gray-200;
}
%tab-nav label {
  cursor: pointer;
}
%tab-nav a {
  white-space: nowrap;
}
%tab-nav a {
  border-bottom: $decor-border-200;
}
%tab-nav a {
  border-color: $color-transparent;
  color: $gray-500;
}
%tab-nav li:not(.selected) a:hover,
%tab-nav li:not(.selected) a:focus,
%tab-nav li:not(.selected) a:active {
  /* %frame-gray-something */
  border-color: $color-transparent;
  background-color: $gray-100;
}
%tab-nav .selected a {
  @extend %frame-magenta-300;
}