.header {
  color: white;
  padding: 0.7rem 0;

  background-color: rgba(0, 0, 0, 0.5);

  &[class~="collapsed"] {
    background-color: var(--color-4);
  }

  &[class~="light"] {
    color: var(--black);
    background-color: var(--white);
    box-shadow: 0px 2px 4px rgba(15, 121, 134, 0.19);
  }

  [class~="main-logo"] {
    width: 5rem;
    height: 4.3125rem;
  }

  [class~="flag-icon"] {
    width: 3.5625rem;
    height: 2.375rem;
  }

  [class~="vision-icon"] {
    width: 6.4375rem;
    height: 4.3125rem;
  }

  [class~="menu-icon"] {
    width: 1.75rem;
    height: 1.375rem;
  }
}