<template>
  <div class="d-flex flex-column ga-2 text-body-small pa-4">
    <div class="d-flex align-end bg-surface-variant pa-2 rounded w-25">.w-25</div>

    <div class="d-flex align-end bg-surface-variant pa-2 rounded w-33">.w-33</div>

    <div class="d-flex align-end bg-surface-variant pa-2 rounded w-50">.w-50</div>

    <div class="d-flex align-end bg-surface-variant pa-2 rounded w-66">.w-66</div>

    <div class="d-flex align-end bg-surface-variant pa-2 rounded w-75">.w-75</div>

    <div class="d-flex align-end bg-surface-variant pa-2 rounded w-100">.w-100</div>
  </div>
</template>
