.noUi-tooltip {
  position: absolute;
  display: block;
  padding: $nouislider-tooltips-padding;
  font-size: $nouislider-tooltips-font-size;
  font-weight: $nouislider-tooltips-font-weight;
  color: $nouislider-tooltips-color;
  text-align: center;
  white-space: nowrap;
  background: $nouislider-tooltips-background-color;
  border: $nouislider-tooltips-border-width solid $nouislider-tooltips-border-color;
  border-radius: $nouislider-tooltips-border-radius;
}

.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%, 0);
}

.noUi-vertical .noUi-tooltip {
  top: 50%;
  right: 120%;
  transform: translate(0, -50%);
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: 10px;
  left: auto;
  transform: translate(50%, 0);
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  top: auto;
  right: 28px;
  transform: translate(0, -18px);
}
