.synth-detector-label {
  position: absolute;
  width: 200px;
  height: 100px;
  z-index:9999;
}
.synth-detector-error {
  position: absolute;
  width: 300px;
  height: 50px;
  z-index:9999;
  font-size:14px;
  margin:0px;
  padding:3px;
  padding-left:6px;
  color:white;
  font-family: Arial, Helvetica, sans-serif;
  filter: drop-shadow(0 0 3px rgb(0, 0, 0));
}
.synth-detector-image {
  position: relative;
  top: 0px;
  left: 0px;
}
.synth-detector-image-synth {
  filter: drop-shadow(0 0 3px rgb(158, 30, 30));
  position: absolute;
  top: 0px;
  left: 50px;
  width: 50px;
  z-index: 9999;
  transition: opacity 0.15s;
}
.synth-detector-image-synth:hover {
  opacity: 1;
  filter: drop-shadow(0 0 5px rgb(241, 24, 24));
  background-color: transparent;
}
.synth-detector-image-non-synth {
  filter: drop-shadow(0 0 3px rgb(39, 139, 35));
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  z-index: 9999;
  transition: opacity 0.15s;
}
.synth-detector-image-non-synth:hover {
  opacity: 1;
  filter: drop-shadow(0 0 5px rgb(9, 255, 0));
  background-color: transparent;
}
.synth-detector-image-facebox {
  filter: drop-shadow(0 0 4px rgb(0, 0, 0));
  background-color: transparent;
  position: absolute;
  padding: 3px;
  border: 1px dashed white;
}
.synth-detector-image-facebox p {
  margin: 0px;
  padding: 0px;
  color:white;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif
}
.synth-detector-image-highlight {
  /*border: 4px dotted orange;*/
  filter: brightness(150%);
}
#synth-detector-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); 
  z-index: 9999; 
}
.synth-detector-tooltip {
  visibility: none;
  position: absolute;
  top: 60px;
  left: 10px;
  width: 200px;
  z-index: 9999;
  padding: 3px;
  color:rgb(255, 255, 255);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  filter: drop-shadow(0 0 3px rgb(0, 0, 0));
}
.synth-detector-selection {
  position: absolute;
  z-index:9999;
  font-size:20px;
  margin:0px;
  padding:3px;
  padding-left:6px;
  text-align: center;
  color:white;
  font-family: Arial, Helvetica, sans-serif;
  filter: drop-shadow(0 0 3px rgb(0, 0, 0));
}
.synth-detector-loader {
  position: absolute;
  display: flex;
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically */  
  z-index:9999;
  margin:0px;
}