.m-fea6bf1a {
  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
  --burger-size-md: calc(1.5rem * var(--mantine-scale));
  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));

  --burger-size: var(--burger-size-md);

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}

  :where([data-mantine-color-scheme='light']) .m-fea6bf1a {
    --burger-color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='dark']) .m-fea6bf1a {
    --burger-color: var(--mantine-color-white);
}

.m-d4fb9cad {
  position: relative;
  user-select: none;
}

.m-d4fb9cad,
  .m-d4fb9cad::before,
  .m-d4fb9cad::after {
    display: block;
    width: var(--burger-size);
    height: calc(var(--burger-size) / 12);
    background-color: var(--burger-color);
    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transition-property: background-color, transform;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m-d4fb9cad::before,
  .m-d4fb9cad::after {
    position: absolute;
    content: '';
    inset-inline-start: 0;
  }

.m-d4fb9cad::before {
    top: calc(var(--burger-size) / -3);
  }

.m-d4fb9cad::after {
    top: calc(var(--burger-size) / 3);
  }

.m-d4fb9cad[data-opened] {
    background-color: transparent;
  }

.m-d4fb9cad[data-opened]::before {
      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
    }

.m-d4fb9cad[data-opened]::after {
      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
    }