Dividers

<div class="w-full space-y-4">
  <p class="type-scale-1 opacity-60">Default</p>
  <hr class="hr" />
  <p class="type-scale-1 opacity-60">border-t-2</p>
  <hr class="hr border-t-2" />
  <p class="type-scale-1 opacity-60">border-t-4</p>
  <hr class="hr border-t-4" />
  <p class="type-scale-1 opacity-60">border-t-8</p>
  <hr class="hr border-t-8" />
</div>

<div class="grid h-20 grid-cols-[1fr_auto_auto_auto_auto_1fr] items-center gap-4">
  <p class="type-scale-1 opacity-60">Default &rarr;</p>
  <span class="vr"></span>
  <span class="vr border-l-2"></span>
  <span class="vr border-l-4"></span>
  <span class="vr border-l-8"></span>
  <p class="type-scale-1 opacity-60">&larr; border-l-8</p>
</div>