/*
  Contains spacing variables for the layout
*/
:host {
  color: var(--tds-white);
}
:host tds-header-item {
  display: block;
}
:host .icon {
  position: relative;
  margin-left: -6px;
  left: 3px;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

@media screen and (min-width: 992px) {
  :host tds-header-item {
    display: none;
  }
  :host([persistent]) tds-header-item {
    display: block;
  }
}