/* oublie pas de faire le Watch CSS */
.block-burger {
  --open_color:white;
  --easeocub: cubic-bezier(.215,.61,.355,1);
  --easeiocub: cubic-bezier(.645,.045,.355,1);
  --easeoutback: cubic-bezier(.34,1.56,.64,1);
  --easeoutquint: cubic-bezier(.22,1,.36,1);
  --ease: var(--easeoutquint);
  cursor: pointer;
  z-index: 10013;
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
}
.block-burger small {
  display: none;
}
.block-burger svg {
  transition: all 0.48s var(--ease), transform 0.68s var(--easeoutback);
  transform: scaleX(-1);
  width: 2.4em;
  height: 2.4em;
}
.block-burger svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  --length: 25;
  --offset: -38;
  stroke-dasharray: var(--length) var(--total-length);
  stroke-dashoffset: var(--offset);
  transition: all 1s var(--ease);
}
.block-burger svg .line--1,
.block-burger svg .line--3 {
  --total-length: 126.64183044433594;
}
.block-burger svg .line--2 {
  transition-duration: 0.5s;
  --total-length: 70;
}
.block-burger.active svg {
  transform: rotate(-180deg);
}
.block-burger.active svg .line--1,
.block-burger.active svg .line--3 {
  --offset: -93;
  stroke: var(--open_color);
}
.block-burger.active svg .line--2 {
  --offset: -50;
  --length: 0;
  opacity: 0;
  stroke: var(--open_color);
}/*# sourceMappingURL=block-burger.css.map */