/* ===========================================
   HighEndProtection Animations v1.0
   =========================================== */

/* الحركة العامة */

* {
    transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* البطاقات */

.hep-app-card {
    animation: hepFadeIn .45s ease;
}

    .hep-app-card:hover {
        transform: translateY(-6px) scale(1.02);
    }

/* الأزرار */

.mud-button-root:hover {
    transform: translateY(-2px);
}

.mud-button-root:active {
    transform: scale(.97);
}

/* عناصر القائمة */

.mud-nav-link:hover {
    padding-right: 18px;
}

.mud-nav-link.active {
    animation: hepPulse .30s ease;
}

/* أيقونات التطبيقات */

.hep-app-card:hover .mud-icon-root {
    transform: scale(1.12) rotate(-5deg);
}

/* ظهور الصفحة */

.hep-main-content {
    animation: hepPage .35s ease;
}

/* ظهور النوافذ */

.mud-dialog {
    animation: hepDialog .25s ease;
}

/* ============================= */

@keyframes hepFadeIn {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hepPage {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hepDialog {

    from {
        opacity: 0;
        transform: scale(.94);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hepPulse {

    0% {
        transform: scale(.96);
    }

    50% {
        transform: scale(1.02);
    }

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