 customized styles only shows for screens larger than the <code class="highlighter-rouge">m</code> width breakpoint.
The styles only work for Webkit browsers and Edge browsers
since Firefox doesnâ€™t support customizing scrollbar appearances in CSS.</p>

<h2 id="example">Example</h2>

<p>In the below example, customized scrollbar styles shows
on middle size screens and large screens.</p>

<div style="height:10rem" class="example bc-dark of-auto">
  <div style="width:100vw;height:20rem"></div>
</div>

<