.error {
	background-color: #ffebee;
	color: #b71c1c;
}
.warning{
	background-color: #fff8e1;
	color: #994300;
}
.succ {
	background-color: #e8f5e9;
	color: #1b5e20;
}

/* no background on leaflet marker */
.leaflet-container [role="button"],
.leaflet-container [type="button"], 
.leaflet-container [type="file"]::file-selector-button,
.leaflet-container [type="reset"],
.leaflet-container [type="submit"], 
.leaflet-container button {
	background: unset;
	border: unset;
	box-shadow: unset;
}

[data-theme="light"],
:root:not([data-theme="dark"]),
:host(:not([data-theme="dark"])) {
  .logo {display:block};
  .logo-inv {display:none};
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]),
  :host(:not([data-theme])) {
    .logo {display:none};
    .logo-inv {display:block};
  }
}

[data-theme="dark"] {
  .logo {display:none};
  .logo-inv {display:block};
}