%tab-nav {
  clear: both;
}
%tab-nav ul {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0;
  margin: 0;
}
%with-animated-tab-selection ul::after {
  @extend %as-pseudo, %with-transition-500;
  position: absolute;
  bottom: 0;
  height: 0;
  border-top: 0;
  width: calc(var(--selected-width, 0) * 1px);
  transform: translate(calc(var(--selected-left, 0) * 1px), 0);
  transition-property: transform, width;
}
%tab-button {
  display: inline-block;
  padding: 16px 13px;
}
%tab-section section {
  padding-bottom: 24px;
}
%tab-section section:not(:last-child) {
  border-bottom: 1px solid $gray-200;
}
%tab-section section > h3 {
  margin: 24px 0 12px 0;
}
