section.tribe-content {
  animation: slideUp 0.4s ease-out;
  padding: unset;
}
.patron-tabs-nav .tab-button i {
  color: var(--color-text);
}
.patron-tabs-nav .tab-button.tier--kindred.btn--active,
.patron-tabs-nav .tab-button.tier--kindred.btn:hover {
  background: var(--color-tier-kindred);
  box-shadow: 0 0 8px var(--color-tier-kindred);
}
.patron-tabs-nav .tab-button.tier--keepers.btn--active,
.patron-tabs-nav .tab-button.tier--keepers.btn:hover {
  background: var(--color-tier-keepers);
  box-shadow: 0 0 8px var(--color-tier-keepers);
}
.patron-tabs-nav .tab-button.tier--sages.btn--active,
.patron-tabs-nav .tab-button.tier--sages.btn:hover {
  box-shadow: 0 0 8px var(--color-tier-sages);
  color: var(--color-night);
}
.patron-tabs-nav .tab-button.tier--sages.btn--active i,
.patron-tabs-nav .tab-button.tier--sages.btn:hover i {
  color: var(--color-night);
}
.patron-tabs-nav .tab-button.tier--kindred {
  border-color: var(--color-tier-kindred);
}
.patron-tabs-nav .tab-button.tier--keepers {
  border-color: var(--color-tier-keepers);
}
.patron-tabs-nav .tab-button.tier--sages {
  border-color: var(--color-tier-sages);
}
.tab-button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.tab-button i,
.tab-title {
  font-size: 1.1rem;
}
.patron-name:focus-visible,
.tab-button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .tab-button i,
  .tab-title {
    font-size: 0.9rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tribe-content {
    animation: none;
  }
}