.fullscreen-container {
  position: relative;
  display: inline-block;
  touch-action: pan-x pan-y;
}
.sticky-toolbar {
  box-sizing: border-box;
  padding: 15px;
}
#spectrumComparison canvas {
  background-color: #000000;
}
#wavelengthSlider {
  width: 410px;
}
@media (any-pointer: coarse) and (min-resolution: 2dppx) {
  #wavelengthSlider {
    margin-left: 15px;
  }
}
.fullscreen>.sticky-toolbar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 300;
  width: 100%;
  color: #ffffff;
  text-shadow: 1px 0px 3px #000000;
}
.fullscreen {
  touch-action: none;
}
.fullscreen::backdrop {
  background-color: #121212;
}
@media (max-width: 540px) and (min-resolution: 2dppx) {
  .fullscreen #wavelengthSlider {
    zoom: 1;
    max-width: 100%;
  }
}
.fullscreen-container label[for] {
  user-select: none;
}