:root {
  --menu-color:rgb(2, 132, 199);
  --menu-background-color:rgba(255, 255, 255, 0.62);
  --menu-background-image:none;
  --menu-border-color:rgba(255, 255, 255, 0.92);
  --menu-shadow:rgba(100, 140, 170, 0.09) 0px 8px 24px 0px;
  --menu-text-shadow:none;
  --menu-active-color:rgb(2, 132, 199);
  --menu-active-background-color:rgba(224, 242, 254, 0.94);
  --menu-active-background-image:none;
  --menu-active-border-color:rgba(255, 255, 255, 0.92);
  --menu-active-shadow:rgba(14, 165, 233, 0.12) 0px 0px 0px 1px, rgba(14, 165, 233, 0.15) 0px 10px 30px 0px;
  --menu-active-text-shadow:none;
}
html[data-theme="dark"],body[data-theme="dark"] {
  --menu-color:rgb(154, 246, 255);
  --menu-background-color:rgba(0, 0, 0, 0);
  --menu-background-image:linear-gradient(145deg, rgba(7, 30, 48, 0.88), rgba(8, 22, 38, 0.72));
  --menu-border-color:rgba(103, 232, 249, 0.34);
  --menu-shadow:rgba(0, 240, 255, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.26) 0px 10px 28px 0px, rgba(0, 240, 255, 0.043) 0px 0px 18px 0px inset;
  --menu-text-shadow:rgba(0, 240, 255, 0.22) 0px 0px 12px;
  --menu-active-color:rgb(232, 254, 255);
  --menu-active-background-color:rgba(0, 0, 0, 0);
  --menu-active-background-image:linear-gradient(145deg, rgba(0, 104, 125, 0.42), rgba(6, 37, 55, 0.92));
  --menu-active-border-color:rgba(0, 240, 255, 0.62);
  --menu-active-shadow:rgba(0, 240, 255, 0.18) 0px 0px 18px 0px, rgba(0, 240, 255, 0.08) 0px 0px 20px 0px inset;
  --menu-active-text-shadow:rgba(0, 240, 255, 0.22) 0px 0px 12px;
}
/* All three menu buttons share their idle and expanded palette. */
#searchToggle,#sortToggle,#settingsToggle {
  color:var(--menu-color);
  background-color:var(--menu-background-color);
  background-image:var(--menu-background-image);
  border:1px solid var(--menu-border-color);
  box-shadow:var(--menu-shadow);
  text-shadow:var(--menu-text-shadow);
}
#searchToggle[aria-expanded="true"],#sortToggle[aria-expanded="true"],#settingsToggle[aria-expanded="true"] {
  color:var(--menu-active-color);
  background-color:var(--menu-active-background-color);
  background-image:var(--menu-active-background-image);
  border-color:var(--menu-active-border-color);
  box-shadow:var(--menu-active-shadow);
  text-shadow:var(--menu-active-text-shadow);
}
#searchToggle .ui-icon,#sortToggle .ui-icon,#settingsToggle .ui-icon {
  color:inherit;
  stroke:currentColor;
}