/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

%tab-nav {
  clear: both;
  overflow: auto;
}
%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;
}