/* Keep the Cloudlight dropdown motion and panel with monochrome Qevra icons. */
header li.relative > div ul a > span[aria-hidden="true"],
nav[aria-label="Mobile"] li ul a > span[aria-hidden="true"] {
  display: flex !important;
  width: 34px;
  height: 34px;
  flex: none;
  border: 1px solid rgb(0 0 0 / 24%);
  border-radius: 50%;
  background: transparent !important;
  color: #111 !important;
  box-shadow: none;
}

html.dark header li.relative > div ul a > span[aria-hidden="true"],
html.dark nav[aria-label="Mobile"] li ul a > span[aria-hidden="true"] {
  border-color: rgb(255 255 255 / 28%);
  color: #f6f7f8 !important;
}

header li.relative > div > div {
  width: 310px;
  padding: .5rem;
}

header li.relative > div ul a,
nav[aria-label="Mobile"] li ul a {
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
}

header li.relative > div ul li + li {
  border-top: 1px solid rgb(0 0 0 / 7%);
}

html.dark header li.relative > div ul li + li {
  border-top-color: rgb(255 255 255 / 9%);
}

header li.relative > div ul a > span.min-w-0,
nav[aria-label="Mobile"] li ul a > span.min-w-0 {
  display: block;
  width: auto;
  flex: 1;
}

header li.relative > div ul a > span.min-w-0 > span:last-child,
nav[aria-label="Mobile"] li ul a > span.min-w-0 > span:last-child {
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}