.wcag-black-yellow-contrast,
.wcag-black-yellow-contrast *:not(#map, .ol-viewport, .ol-viewport *, .slider) {
  background: #000 !important;
  color: var(--fancy-orange-color) !important;
}

.wcag-black-yellow-contrast img {
  background: transparent !important;
}

.wcag-black-yellow-contrast a,
.wcag-black-yellow-contrast b,
.wcag-black-yellow-contrast span,
.wcag-black-yellow-contrast span *,
.wcag-black-yellow-contrast .btn,
.wcag-black-yellow-contrast .slider,
.wcag-black-yellow-contrast .slider::-moz-range-thumb {
  background: var(--fancy-orange-color) !important;
  color: #000 !important;
  opacity: unset;
}

.wcag-black-yellow-contrast .bootstrap-tagsinput > span {
  border: 1px solid var(--fancy-orange-color);
}

.wcag-black-yellow-contrast .close,
.wcag-black-yellow-contrast .btn.disabled,
.wcag-black-yellow-contrast .btn[disabled],
.wcag-black-yellow-contrast fieldset[disabled] .btn {
  opacity: unset;
}

.wcag-black-yellow-contrast .slider::before {
  background: #000;
}

.wcag-black-yellow-contrast .ol-control button,
.wcag-black-yellow-contrast .ol-scale-line {
  background: #000 !important;
  color: var(--fancy-orange-color) !important;
}

#wcag-container {
  margin: 18px 0 0 0;
}

#wcag-tools {
  vertical-align: middle;
}

#wcag-tools button {
  background: none;
  border: none;
  border-radius: 15px;
  padding: 0;
}

#wcag-black-yellow-contrast svg:last-child {
  display: none;
}

.wcag-black-yellow-contrast svg path {
  fill: var(--fancy-orange-color) !important;
  stroke: #000;
}

.wcag-black-yellow-contrast #wcag-tools svg path[fill="white"] {
  fill: #000 !important;
  stroke: #000;
}

.wcag-disabled svg path:first-child {
  fill: var(--grey-color);
}