
.header {
  position: relative;
  height: 34px;

  margin: 20px 20px -20px 20px;
  @media screen and (max-width: 860px) {
    margin: 0;
  }
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header .mat-mdc-icon-button {
  --icon-button-color: var(--primary-hover);
  --icon-button-hover-color: var(--primary-active);
}

.header .mat-mdc-icon-button.filter-active {
  --icon-button-color: var(--danger);
  --icon-button-hover-color: var(--danger);
  cursor: not-allowed;
}
