.custom-tabs {
  background-color: var(--amplify-colors-primary-60);
  justify-content: center;
  border-color: transparent;
}

.custom-tabs__item {
  background-color: var(--amplify-colors-primary-80);
  color: var(--amplify-colors-font-inverse);
  border-color: transparent;
}

.custom-tabs__item:hover {
  color: var(--amplify-colors-font-inverse);
  background-color: var(--amplify-colors-primary-90);
}

.custom-tabs__item[aria-selected='true'] {
  color: var(--amplify-colors-font-inverse);
  border-color: transparent;
  background-color: var(--amplify-colors-primary-100);
}

.global-tabs-example .amplify-tabs {
  background-color: var(--amplify-colors-background-secondary);
}

.global-tabs-example .amplify-tabs__item {
  background-color: var(--amplify-colors-background-primary);
}

.pseudo-demo .amplify-tabs__item:hover {
  background-color: var(--amplify-colors-background-primary);
  border-color: var(--amplify-colors-purple-60);
}

.pseudo-demo .amplify-tabs__item--active {
  background-color: var(--amplify-colors-background-primary);
  border-color: var(--amplify-colors-pink-60);
}

.pseudo-demo .amplify-tabs__item:focus {
  background-color: var(--amplify-colors-pink-10);
}

.tabs-data-demo .amplify-tabs__item--active {
  background-color: var(--amplify-colors-primary-20);
}

.tabs-data-demo .amplify-tabs__item[disabled] {
  background-color: var(--amplify-colors-background-tertiary);
}
