[data-theme=Light], [data-theme=""] {
  --contrast-background-color: #E7E7E7;
  --contrast-background-color-hover: #F3F3F3;
  --contrast-background-color-active: #FAFAFA;
  --contrast-background-svg: url("/Images/Contrast/Light.svg");
}

[data-theme=Dark] {
  --contrast-background-color: #606060;
  --contrast-background-color-hover: #808080;
  --contrast-background-color-active: #949494;
  --contrast-background-svg: url("/Images/Contrast/Dark.svg");
}

[data-theme=High] {
  --contrast-background-color: #303030;
  --contrast-background-color-hover: #404040;
  --contrast-background-color-active: #606060;
  --contrast-background-svg: url("/Images/Contrast/High.svg");
}

button.ContrastButton {
  background-color: var(--contrast-background-color) !important;
  background: var(--contrast-background-svg) no-repeat;
  background-size: 2em;
  background-position: center;
  height: 1.75em;
  width: 1.75em;
  border: 1px solid var(--contrast-background-color-hover);
  border-radius: 50%;
  outline: none;
  vertical-align: central;
  margin-top: 0.05em;
}

button.ContrastButton:hover, button.ContrastButton:focus {
  background-color: var(--contrast-background-color-hover) !important;
}

button.ContrastButton:active {
  background-color: var(--contrast-background-color-active) !important;
}