Made with Prechoster ( https://cloudwithlightning.net/random/chostin/prechoster/ )

main.svelte

<script>
  const html = String.raw;
  const spinner = "߷";

  function createDetails(n) {
    if (n <= 0) {
      return "<div class='end'>End</div>";
    }
    return html`<details>
      <summary>${spinner}</summary>
      <div class='content'>${createDetails(n - 1)}</div>
    </details>`;
  }

  export const details = createDetails(100);
</script>

<div class="container">
{@html details}
</div>

style.css

details {
  font-size: 8rem;
  user-select: none;
  position: relative;
  color: black;
  background: rgb(255 255 255 / 75%);
}
summary {
  list-style: none;
  pointer-events: initial;
  color: rgb(0 0 0 / 85%);
}
.container {
  margin-left: 4rem;
}
.content {
  animation: 500ms spin ease;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgb(255 255 255 / 15%);
}
.end {
  color: red;
  background: white;
  pointer-events: initial;
}