uwc-input[type="range"] {
  display: flex;
  height: 1rem;

  > [part="root"] {
    align-self: center;
    margin: 3px;

    [part="track"] {
      height: 0.3lh;
      line-height: 1lh;
      overflow: hidden;
      border-radius: 0.5lh;
      border: 1px solid #b5b5b5;
      background: #f3f3f3;
      min-width: 125px;
      position: relative;

      [part="cover"] {
        position: absolute;
        height: 100%;
        background-color: dodgerblue;
        pointer-events: none;
      }
    }

    .thumb {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 1rem;
      width: 1rem;
      border-radius: 100%;
      background-color: dodgerblue;
    }
  }
}