.overlay {
  display:                    none;
  font-size:                  1.5vh;
  min-width:                  20vw;
  position:                   fixed;
  right:                      2vw;
  bottom:                     2vh;
  z-index:                    1;
  overflow:                   hidden;
}

.overlay-header {
  color:                      var(--mcol);
  background:                 var(--icol);
  font-size:                  1.5vh;
  font-weight:                bold;
  opacity:                    var(--mopa);
  padding-bottom:             1vh;
  padding-top:                1vh;
  text-align:                 center;
}

.overlay-content {
  background:                 var(--bcol);
  color:                      var(--mcol);
  font-size:                  1.5vh;
  max-height:                 80vh;
  max-width:                  50vw;
  opacity:                    var(--mopa);
  padding-bottom:             1vh;
  padding-left:               0.5vw;
  padding-right:              0.2vw;
  padding-top:                1vh;
  overflow-y:                 auto;
}

.overlay-close-button {
  color:                      var(--bcol);
  cursor:                     pointer;
  font-size:                  4vh;
  position:                   absolute;
  top:                        -1vh;
  right:                      1vw;
}

.overlay-close-button:hover {
  color:                      var(--mcol);
}