.spectrum-bar .container {
  position: relative;
  width: 90%;
  margin-left: 5%;
  height: 20px;
  background: linear-gradient(to right, white, #55306b);
  border-radius: 10px;
}

.spectrum-bar .indicator {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background-color: black;
  border-radius: 50%;
  border: 2px solid white;
}

.spectrum-bar.morality-spectrum .container {
  background: linear-gradient(to right, black, white);
}

.spectrum-bar.morality-spectrum .indicator {
  background-color: #55306b;
}