portfolio_leptos/style/loading.css

@layer components {
    .loading {
        @apply bg-surface dark:bg-dark_surface text-on_surface dark:text-dark_on_surface;
        @apply min-h-screen p-5;
        @apply flex flex-col justify-center;

        & svg {
            @apply mx-auto w-12 h-12;
        }

        & p {
            @apply text-center;
        }
    }
}