/* Currency menus are assigned an explicit theme after React hydration. */
html body [data-venclo-currency-theme="dark"] {
  border-color: rgba(255,255,255,.16) !important;
  background: #272d2d !important;
  background-color: #272d2d !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body [data-venclo-currency-theme="dark"] :is(ul,li) {
  background: #272d2d !important;
  background-color: #272d2d !important;
}

html body [data-venclo-currency-theme="dark"] :is(button,a,[role="menuitem"]),
html body [data-venclo-currency-theme="dark"] :is(button,a,[role="menuitem"]) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body [data-venclo-currency-theme="light"] {
  border-color: #f8f8f8 !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body [data-venclo-currency-theme="light"] :is(ul,li) {
  background: #fff !important;
  background-color: #fff !important;
}

html body [data-venclo-currency-theme="light"] :is(button,a,[role="menuitem"]),
html body [data-venclo-currency-theme="light"] :is(button,a,[role="menuitem"]) * {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body [data-venclo-currency-theme] [role="menuitem"] {
  transition: background-color .16s ease !important;
}

html body [data-venclo-currency-theme="light"] [role="menuitem"]:is(:hover,:focus-visible) {
  background: rgba(39,45,45,.032) !important;
  background-color: rgba(39,45,45,.032) !important;
}

html body [data-venclo-currency-theme="light"] [role="menuitem"][class*="bg-[#f8f8f8]"],
html body [data-venclo-currency-theme="light"] [role="menuitem"][class*="bg-[#f8f8f8]"]:is(:hover,:focus-visible) {
  background: rgba(39,45,45,.10) !important;
  background-color: rgba(39,45,45,.10) !important;
}

html body [data-venclo-currency-theme="dark"] [role="menuitem"]:is(:hover,:focus-visible) {
  background: rgba(255,255,255,.045) !important;
  background-color: rgba(255,255,255,.045) !important;
}

html body [data-venclo-currency-theme="dark"] [role="menuitem"][class*="bg-[#f8f8f8]"],
html body [data-venclo-currency-theme="dark"] [role="menuitem"][class*="bg-[#f8f8f8]"]:is(:hover,:focus-visible) {
  background: rgba(255,255,255,.12) !important;
  background-color: rgba(255,255,255,.12) !important;
}