:host {
  border-bottom: 2px solid transparent;
  cursor: pointer;
  letter-spacing: var(--anj-spacing-wider);
  margin: 0 0.75rem;
  transition: border-color 0.3s ease;
}
:host:first-child {
  margin-left: 0;
}
:host:last-child {
  margin-right: 0;
}
:host:hover, :host:focus, :host:focus-within {
  border-color: var(--anj-highlight);
  outline: none;
}
:host.anj-active, :host.anj-active:hover, :host.anj-active:active {
  border-color: var(--anj-primary);
  font-weight: 600;
}
:host.anj-active .anj-tab, :host.anj-active:hover .anj-tab, :host.anj-active:active .anj-tab {
  color: var(--anj-primary);
}
:host ::slotted(.anj-tab),
:host .anj-tab {
  color: var(--anj-highlight);
  display: block;
  padding: 0.5rem 1rem;
}
:host ::slotted(.anj-tab):hover,
:host .anj-tab:hover {
  color: var(--anj-highlight);
  text-decoration: none;
}
:host ::slotted(.anj-tab):focus,
:host .anj-tab:focus {
  outline: none;
  text-decoration: none;
}