html, html[data-theme="default"] {
  --col-background: #fff;
  --col-text: #000;
  --col-prim: #003c69;
  --col-bg-alt: #f2f3f6;
}

html[data-theme="inverse"] * {
  color: white !important;
  fill: white !important;
  background-color: #111 !important;
  border-color: #ddd !important;
  --col-bg-alt: #111;
}

html[data-theme="x1"] *,
html[data-theme="x1"] .menu-line
 {
  color: #111 !important;
  fill: #111 !important;
  background-color: #ffc !important;
  border-color: #ddd !important;
  --col-bg-alt: #ffc;
}
html[data-theme="x2"] *,
html[data-theme="x2"] .menu-line
 {
  color: #ffc !important;
  fill: #ffc !important;
  background-color: #111 !important;
  border-color: #ddd !important;
  --col-bg-alt: #111;
}


html[data-theme="inverse"] .default-colors *,
html[data-theme="x1"] .default-colors *,
html[data-theme="x2"] .default-colors *
{
  color: initial !important;
  fill: initial !important;
  background-color: initial !important;
  border-color: initial !important;
  --col-bg-alt: #f2f3f6;
}

html[data-theme="inverse"] .swiper.default-colors *,
html[data-theme="x1"] .swiper.default-colors *,
html[data-theme="x2"] .swiper.default-colors *
{
  color: white !important;
}


#map .leaflet-bottom,
html img.leaflet-marker-icon {
  background-color: transparent !important;
  background: none !important;
}

html .theme-chooser button[data-theme=default] *,
html .theme-chooser button[data-theme=default] {
  background: white !important;
  border-color: #111 !important;
  color: #111 !important;
  fill: #111 !important;
}

html .theme-chooser button[data-theme="inverse"] *,
html .theme-chooser button[data-theme="inverse"] {
  color: white !important;
  fill: white !important;
  background-color: #111 !important;
  border-color: #ddd !important;
}

html .theme-chooser button[data-theme="x1"] *,
html .theme-chooser button[data-theme="x1"] {
  color: #111 !important;
  fill: #111 !important;
  background-color: #ffc !important;
  border-color: #111 !important;
}
html .theme-chooser button[data-theme="x2"] *,
html .theme-chooser button[data-theme="x2"] {
  color: #ffc !important;
  fill: #ffc !important;
  background-color: #111 !important;
  border-color: #ddd !important;
}

html[data-theme="x1"] .accessibility-menu button.selected {
  border-color: #111 !important;
}