@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* #loadingOverlay{
    z-index: 3000;
    
} */

.pulse-ring {
    animation: pulse-ring 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.pulse-dot {
    animation: pulse-dot 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}

.fade-in {
    animation: fade-in 0.3s ease-out;
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.28);
        opacity: 1;
    }

    80%,
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}