/*
  Ikony ze sprite'a static/icons/sprite.svg
  (<svg class="icon …"><use href="…#nazwa">).
  Symbol nie niesie rozmiaru ani koloru:
  rozmiar daje klasa, kolor główny `color` (fill="currentColor"),
  kolor drugi zmienna --icon-secondary-color.
*/
.icon {
  display: inline-block;
  height: 1em;
  width: 1em;
}

.user-icon {
  color: var(--white-color);
  height: 33px;
  width: 33px;
}

.wcag-icon {
  height: 30px;
  width: 30px;
}

.menu-icon {
  color: var(--theme-icon-color);
  height: 22px;
  margin-right: 6px;
  width: 24px;
}

.menu-icon-add {
  color: var(--menu-icon-add-color);
}

.menu-icon-edit {
  color: var(--menu-icon-edit-color);
}

.menu-icon-settings {
  color: var(--menu-icon-settings-color);
}

.menu-icon-archive {
  color: var(--menu-icon-archive-color);
}

.sub-icon {
  color: var(--theme-icon-color);
  cursor: pointer;
  height: 23px;
  width: 23px;
}