.nextra-hamburger svg {
  g,
  path {
    @apply motion-reduce:!_transition-none;
  }
  --transition: transform 0.15s cubic-bezier(0.25, 1, 0.5, 1);

  g {
    @apply _origin-center;
    transition: var(--transition);
  }
  path {
    opacity: 1;
    transition:
      var(--transition) 0.15s,
      opacity 0.15s ease 0.15s;
  }

  &.open {
    path {
      transition:
        var(--transition),
        opacity 0s ease 0.15s;
    }
    g {
      transition: var(--transition) 0.15s;
    }
  }

  &.open > {
    path {
      opacity: 0;
    }
    g:nth-of-type(1) {
      transform: rotate(45deg);
      path {
        transform: translate3d(0, 6px, 0);
      }
    }
    g:nth-of-type(2) {
      transform: rotate(-45deg);
      path {
        transform: translate3d(0, -6px, 0);
      }
    }
  }
}
