:host {
  display: inline-block;
}
:host > div {
  display: inline-flex;
}
:host > div label.switch {
  position: relative;
  height: 3.6rem;
  width: 6.5rem;
  border-radius: 3rem;
  cursor: pointer;
  margin: 0;
  background-color: var(--highlight-color, orange);
}
:host > div label.switch .slider {
  position: absolute;
  content: "";
  height: 2.8rem;
  width: 2.8rem;
  right: 0.6rem;
  bottom: 0.4rem;
  background-color: white;
  border-radius: 100%;
}
:host > div label.switch.not-selected {
  background-color: lightgrey;
}
:host > div label.switch.not-selected .slider {
  left: 0.6rem;
}