#educaHeartbeatLoader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(247,250,245,.78);
    backdrop-filter: blur(5px);
}

#educaHeartbeatLoader.active {
    display: flex !important;
}

.educa-loader-box {
    width: 116px;
    height: 116px;
    border-radius: 28px;
    background: rgba(255,255,255,.97);
    display: flex;
    align-items: center;
    justify-content: center;

    border: 3px solid #7caf39;
    box-shadow: 0 0 12px rgb(184 227 128 / 35%);

    animation: educaLoaderPulse 0.8s infinite;
}

.educa-loader-box img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 16px;

    animation: educaHeartbeat 0.8s infinite;
}

@keyframes educaHeartbeat {
    0%, 100% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.15);
    }
    30% {
        transform: scale(1);
    }
    45% {
        transform: scale(1.20);
    }
    60% {
        transform: scale(1);
    }
}


@keyframes educaLoaderPulse {
    0%, 100% {
        border-color: rgb(184 227 128 / 35%);
        box-shadow: 0 0 5px rgba(124,175,57,.15);
    }

    15% {
        border-color: #7caf39;
        box-shadow: 0 0 22px rgba(124,175,57,1);
    }

    30% {
        border-color: rgb(184 227 128 / 35%);
        box-shadow: 0 0 3px rgba(124,175,57,.1);
    }

    45% {
        border-color: #7caf39;
        box-shadow: 0 0 28px rgba(124,175,57,1);
    }

    60% {
        border-color: rgb(184 227 128 / 35%);
        box-shadow: 0 0 3px rgba(124,175,57,.1);
    }
}