.x-range {
  :where(input) {
    &:not(:only-of-type) {
      --x-range-track-background:
        linear-gradient(
          to right,
          transparent 0%,
          transparent var(--x-range-track-start),
          var(--x-range-track-background-color) var(--x-range-track-start),
          var(--x-range-track-background-color) var(--x-range-track-end),
          transparent var(--x-range-track-end),
          transparent 100%
        );

      pointer-events: none;

      ~ input {
        background: transparent;
      }
    }
  }
}