/* two lines burger */
.header__burger {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  pointer-events: initial;
  vertical-align: middle;
}

.header__burger-line {
  width: 100%;
  height: 2px;
  background-color: var(--color-dark-2);
  margin-top: 3px;
  margin-bottom: 3px;
  transform: rotate(0deg) translateY(0px);
  will-change: transform;
  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.header__burger_opened .header__burger-line:nth-child(1) {
  transform: rotate(-45deg) translate(-4px, 1px);
}

.header__burger_opened .header__burger-line:nth-child(2) {
  transform: rotate(45deg) translate(-4px, -2px);
}