title: Scrollbar track thinner than thumb
body: <p>I am trying to style a scrollbar using CSS. I want to achieve the following look (ignore the background):</p>
  <p><a href="https://i.stack.imgur.com/WwcAF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WwcAF.png" alt="enter image description here" /></a></p>
  <p>In other words, I want the thumb to be thicker than the track, which I only want to be a line.</p>
  <p>I have researched this and found solutions for people wanting to do the opposite. That is a thumb smaller than the track, but no way of achieving what I want.</p>
  <p>As an alternative option, I have thought of using the border-right property with negative offset, but again no luck. The only outline has offset and outline four-sided.</p>
  <p>Any suggestions will be appreciated.</p>