:host {
  display: block;
  font-size: 0.875rem;
  font-family: var(--anj-font-family);
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  background-color: inherit;
  color: var(--anj-text-medium);
  padding: 0 1rem;
  transition: height 0.4s ease;
}
:host, :host::before, :host::after {
  box-sizing: border-box;
  outline: none;
}
:host:focus, :host:active, :host *:focus, :host *:active {
  outline: none;
}
:host .anj-tray-header {
  display: flex;
  flex: 1;
  flex-flow: row;
  padding-top: 0.5rem;
}
:host .anj-tray-header > div {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
}
:host .anj-tray-header > div:last-child {
  justify-content: flex-end;
}
:host .anj-tray-header > div.anj-tray-toggle {
  display: none;
}
@media (min-width: 768px) {
  :host .anj-tray-header {
    flex-flow: row wrap;
  }
  :host .anj-tray-header > div {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  :host .anj-tray-header > div.anj-tray-toggle {
    display: flex;
    justify-content: center;
  }
}
:host .anj-tray-header .anj-tray-toggle anj-button {
  left: 50%;
  position: absolute;
  top: -0.75rem;
}
:host .anj-tray-content {
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.75rem;
  scroll-behavior: smooth;
}