@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .psc-login-page {
        @apply relative bg-no-repeat;
        background-image: radial-gradient(
                circle at top,
                theme('colors.psc.50'),
                theme('colors.white') 50%
        );
    }
    .psc-login-page form::before {
        @apply absolute inset-x-0 mx-auto h-px w-2/3 bg-gradient-to-r from-gray-200 via-psc-300 to-gray-200;
        content: '';
        z-index: 1;
        top: -1px;
    }

}