.fullscreen-container {
  position: relative;
  display: inline-block;
}
.sticky-toolbar {
  box-sizing: border-box;
  padding: 15px;
}
#grayscaleComparison canvas {
  background-color: #000000;
}
#grayLevelSlider {
  width: 420px;
}

:fullscreen>.sticky-toolbar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 300;
  width: 100%;
  color: #ffffff;
  text-shadow: 1px 0px 3px #000000;
}
@media (max-width: 420px) and (min-resolution: 2dppx) {
  :fullscreen #grayLevelSlider {
    zoom: 0.66666;
  }
}

@supports not selector(:fullscreen) {
  #enterFullscreen {
    display: none;
  }
}
.fullscreen-container:fullscreen #enterFullscreen {
  display: none;
}

.fullscreen-container label[for] {
  user-select: none;
}