/*
*   Styles linked to the QuestionTransformation class.
*/
/* Variables from the library. See RadioSlider documentation page. */
.radioslider {
  margin: 0;
  padding: 0;
  /* Color variables */
  --fill-color: #cfe2fe;
  --fill-color-inverse: #e6664d;
  --handle-color: rgb(0, 17, 255);
  /* Size variables */
  --dot-size: 1em;
  /*--bar-padding: 0.25em;*/
  /*--bar-thickness: calc(var(--bar-padding) * 2 + var(--dot-size));*/
}
/* Custom selectors. */
.tr_rs_outer {
  padding: 10px 0px 10px 0px;
}
.tr_rs_inner {
  padding: 0;
  margin: 0;
}
.td_rs {
  padding: 0 !important;
  /* Next 2 lines: Align the slider vertically inside its table cell */
  text-align: center !important;
  vertical-align: middle !important;
}
/* Overrides from base RadioSlider library */
.radioslider__bar {
  background-color: transparent;
}
.radioslider__item {
  border-right: 1px solid rgb(182, 182, 182);
}
.radioslider__item:last-of-type {
  border-right: none;
}
.radioslider_horizontal .radioslider__label {
  flex-flow: row;
}
/* Bigger surface area for clicks. */
.radioslider__label {
  margin-bottom: 0px !important;
  width: 100%;
  justify-content: center;
}
.radioslider__bar {
  text-align: left;
}
.radioslider__dot {
  position: relative;
  /* background-color: red; */
  border: 1px solid black;
}