@tailwind components;

@layer components {
    .ErrorOverlay {
        @apply fixed top-0 bottom-0 left-0 right-0 z-50 w-full h-screen overflow-hidden;
        @apply flex justify-center bg-slate-700 opacity-75;
    }

    .ErrorOverlay__container {
        @apply flex flex-col items-center justify-center max-w-xs;
    }

    .ErrorOverlay__title {
        @apply mt-6 text-xl font-semibold text-center text-white;
    }

    .ErrorOverlay__subtitle {
        @apply text-center text-white;
    }
}
