/*
 * BURGER
 */

.c_burger {
  cursor: pointer;
  padding: 9px 0px;
  position: relative;
}

.c_burger .c_burger-icon {
  background: #000;
  display: block;
  position: relative;
  height: 2px;
  width: 24px;
  transition: background-color .2s ease-out;
}

.c_burger .c_burger-icon::before,
.c_burger .c_burger-icon::after {
  content: '';
  background: #000;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: all .2s ease-out;
}

.c_burger .c_burger-icon::before {
  top: 8px;
}

.c_burger .c_burger-icon::after {
  top: -8px;
}

.c_burger-btn {
  display: none;
}

.c_burger-btn:checked ~ .c_burger .c_burger-icon {
  background: transparent;
}

.c_burger-btn:checked ~ .c_burger .c_burger-icon::before {
  transform: rotate(-45deg);
}

.c_burger-btn:checked ~ .c_burger .c_burger-icon::after {
  transform: rotate(45deg);
}

.c_burger-btn:checked ~ .c_burger:not(.steps) .c_burger-icon::before,
.c_burger-btn:checked ~ .c_burger:not(.steps) .c_burger-icon::after {
  top: 0;
}

/*
 * OVERLAY
 */

 #overlay {
  background: rgba(0, 0, 0, .6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
  display: none;
}