<script setup lang="ts"></script>
<template>
  <Teleport to="body">
    <div
      class="fixed inset-0 z-[9999] flex items-center justify-center bg-black/80 backdrop-blur-sm"
      aria-busy="true"
      aria-live="assertive"
    >
      <div class="pointer-events-none absolute inset-0"></div>
      <div class="w-[50%] sm:w-[15%]">
        <ClientOnly>
          <Lottie name="loading" />
        </ClientOnly>
      </div>
    </div>
  </Teleport>
</template>
