/* datalist for labeling range sliders */
datalist {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  width: 100%;
  option { /* align individual elements horizontally */
    transform:rotate(-90deg) translateX(5px);
    padding: 0;
  }
}

input[type="range"] {
  width: 100%;
  margin: 0;
}

/* see https://stackoverflow.com/questions/10752189/how-do-i-set-the-width-in-pixels-of-an-input-slider */
/*.slider-width100
{
  width: 100% !important;
}*/