Untitled

img {
  padding: 40px;
}

.menu-content {
  --background: transparent;
}

.menu-toolbar {
  --background: transparent;
}

ion-content {
  // --background: var(--ges-surface-b) !important;

  .icon {
    color: var(--ion-item-icon-color);
    font-size: 20px;
    margin-right: 10px;
    padding-top: 2px;
  }

  // .submenu {
  //   background: var(--ges-surface-a) !important;
  // }

  .opened {
    transform: rotate(270deg);
  }
}

.gestamp-menu {
  --background: var(--ges-background-gradient);
}

.menu-list {
  background: transparent;
}

.menu-list-item, .submenu-list-item {
  --color: var(--ges-white)
}

.menu-list-item {
  --background: transparent;
}

.submenu {
  background-color: rgba(0, 0, 0, .12);
  box-shadow: inset 0 0px 4px rgba(0, 0, 0, .4);
}

.submenu-list-item {
  --background: transparent;
}

// .menu-list-item::part(native), .submenu-list-item::part(native) {
//   --color: var(--ges-white)
// }


.logout-button::part(native) {
  border-top: 1px inset rgba(0, 0, 0, .2);
}

.logout-button {
  color: rgba(255, 150, 150, 1) !important;

  i {
    color: rgba(255, 150, 150, 1) !important;
  }
}