:host {
  display: block;
  font-size: 0.875rem;
  font-family: var(--anj-font-family);
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  color: var(--anj-neutral-light);
  height: 28px;
  padding-right: 1.5rem;
  width: 19px;
}
:host, :host::before, :host::after {
  box-sizing: border-box;
  outline: none;
}
:host:focus, :host:active, :host *:focus, :host *:active {
  outline: none;
}
:host .toggle-icon {
  display: block;
  line-height: 1;
  margin: -1px auto;
  transition: color 0.2s ease;
  text-align: center;
}
:host .toggle-icon:first-child {
  position: relative;
  margin-bottom: -7px;
  z-index: 1;
}
:host .toggle-icon:last-child {
  margin-top: -3px;
}
:host .toggle-icon:hover {
  color: var(--anj-neutral);
}
:host .toggle-icon:active {
  color: var(--anj-highlight);
}

:host-context(td) {
  margin-top: -3px;
}