<template>
  <div class="absolute z-150 inset-0 w-full h-full bg-white overflow-hidden">
    <div class="flex items-center justify-center min-h-screen bg-white max-h-screen">
      <svg class="size-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><circle stroke-dasharray="164.93361431346415 56.97787143782138" r="35" stroke-width="10" stroke="#0284c7" fill="none" cy="50" cx="50">
        <animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="1s" repeatCount="indefinite" type="rotate" attributeName="transform"></animateTransform>
      </circle><g></g></g></svg>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>