.title-header {
  font-size: 36px;
  font-weight: bold;
}

.no-padding {
  padding: 0px;
}

.invisible {
  background-color: transparent;
}

.shadow {
  box-shadow: 5px 5px 5px var(--shade-color);
}


.hue-slider trough {
  background: linear-gradient(90deg,
      rgba(255, 0, 0, 1) 0%,
      rgba(255, 255, 0, 1) 16.66%,
      rgba(0, 255, 0, 1) 33.33%,
      rgba(0, 255, 255, 1) 50%,
      rgba(0, 0, 255, 1) 66.66%,
      rgba(255, 0, 255, 1) 83.33%,
      rgba(255, 0, 0, 1) 100%);
  padding: 6px;
}

.saturation-slider trough {
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 1) 0%,
      var(--saturation-color) 100%);
  padding: 6px;
}

.value-slider trough {
  background: linear-gradient(90deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(255, 255, 255, 1) 100%);
  padding: 6px;
}
