.module-menu-group {
  border-radius: .75rem;
  transition: background-color .18s ease;
}

.module-menu-group > summary.context-link {
  min-height: 2.65rem;
  margin-bottom: .3rem;
  padding: .55rem .7rem;
}

.module-menu-group > summary::-webkit-details-marker {
  display: none;
}

.module-menu-group > div {
  margin-left: .7rem !important;
  padding-left: .55rem !important;
  border-color: color-mix(in srgb, var(--ui-accent), transparent 65%) !important;
}

.module-menu-group > div > .context-link {
  min-height: 2.3rem;
  margin-bottom: .25rem;
  padding: .46rem .6rem;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none;
  font-size: .8rem;
}

.module-menu-group > div > .context-link:hover {
  background: var(--ui-soft) !important;
  transform: translateX(2px);
}

.module-menu-group > div > .context-link.active {
  background: var(--ui-accent) !important;
  color: var(--ui-accent-text) !important;
}

.module-menu-group[open] > summary.context-link {
  border-color: color-mix(in srgb, var(--ui-accent), var(--ui-border) 45%) !important;
  background: color-mix(in srgb, var(--ui-accent), var(--ui-surface) 90%) !important;
  color: var(--ui-accent) !important;
  font-weight: 800;
}

.module-menu-group[open] > summary.context-link > i:first-child {
  color: var(--ui-accent) !important;
}

.module-menu-group:not([open]) > div {
  display: none;
}

.module-menu-group summary {
  list-style: none;
}