.zoomSlider {
	-webkit-appearance: slider-vertical;
    display: inline-block;
    box-sizing: initial;
    padding: 0;
    background-color: ghostwhite;
    border: 0.2em inset #f0f0f0;
    box-shadow: inset -1px 1px 3px 0px #bab0dd;
    align-self: center;
    margin: 0 .5em 0 0;
}

.zoomRangeInput {
  margin: 0;
  padding: 0 .5em;
  outline: none;
  border: none;
  transition: opacity .2s;
  background: transparent;
  -webkit-appearance: none;
  width: 100%;
  /*vertical-align: baseline;*/
}

/* Set up additional styling to ensure consistenty across browsers */
.zoomRangeInput::-webkit-slider-runnable-track {
  box-sizing: border-box;
  margin: 0;
  border: 1px solid indigo;
  width: 100%;
  height: .5rem;
  background: MediumPurple;
  border-radius: .2rem;
  margin-bottom: .3em;
}
.zoomRangeInput::-moz-range-track {
  box-sizing: border-box;
  align-self: center;
  margin:0;
  border: 1px solid indigo;
  width: 100%;
  height: .5rem;
  background: MediumPurple;
  border-radius: .2rem;
}
.zoomRangeInput::-ms-track {
  box-sizing: border-box;
  margin:0;
  border: 1px solid indigo;
  width: 100%;
  height: .5rem;
  background: MediumPurple;
  color: transparent;
  border-radius: .2rem;
  margin-bottom: .3em;
}
.zoomRangeInput::-webkit-slider-thumb {
  -webkit-appearance: none; 
  margin-top:-.1em;
  box-sizing: border-box;
  width: .6rem;
  height: .6rem;
  border: .1rem solid lavender;
  outline: .1rem solid indigo;
  border-radius: 50%; 
  background-color:indigo;
}
.zoomRangeInput::-moz-range-thumb {
  box-sizing: border-box;
  margin-top:-.1em;
  box-sizing: border-box;
  width: .6rem;
  height: .6rem;
  border: .1rem solid lavender;
  outline: .1rem solid indigo;
  border-radius: 50%; 
  background-color:indigo;
}
.zoomRangeInput::-ms-thumb {
  box-sizing: border-box;
  margin-top:-.1em;
  box-sizing: border-box;
  width: .6rem;
  height: .6rem;
  border: .1rem solid lavender;
  outline: .1rem solid indigo;
  border-radius: 50%; 
  background-color:indigo;
}
.zoomRangeInput::-ms-tooltip,
.zoomRangeInput::-ms-fill-lower,
.zoomRangeInput::-ms-fill-upper {
  display: none;
}