.ads-Tab {
  @apply inline-flex
    items-center
    justify-center
    text-gray-600
    text-body
    font-medium
    h-14
    px-4
    relative;
}

.ads-Tab:not(.ads-Tab--active):hover,
.ads-Tab:not(.ads-Tab--active):active,
.ads-Tab:not(.ads-Tab--active):focus {
  @apply bg-gray-100;
}

.ads-Tab:focus {
  @apply outline-none
    shadow-focus;
}

.ads-Tab--active {
  @apply text-gray-800;
}

.ads-Tab-border {
  @apply bg-brandGreen-400
    bottom-0
    absolute;

  left: theme("width.4");
  right: theme("width.4");
  height: 3px;
}

.ads-Tab-group {
  @apply border-b
    border-gray-400;
}