/***** Drawer Animation ********/
/* Disable MudBlazor's default animations */
.custom-wrapper-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) {
    animation: none !important; /* Disable default open animation */
}

.custom-wrapper-drawer.mud-drawer-temporary.mud-drawer-pos-right:not(.mud-drawer--open) {
    animation: none !important; /* Disable default close animation */
}

/* Add custom open animation (slide down) */
@keyframes custom-drawer-slide-in {
    0% {
        /*opacity: 0;*/
        transform: translateY(-20%);
    }

    100% {
        /*opacity: 1;*/
        transform: translateY(0);
    }
}

.custom-wrapper-drawer.mud-drawer--open {
    animation: custom-drawer-slide-in 0.5s ease-out forwards;
}

/* Add custom close animation (slide up) */
@keyframes custom-drawer-slide-out {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20%);
    }
}

.custom-wrapper-drawer:not(.mud-drawer--open) {
    animation: custom-drawer-slide-out 0.5s ease-out forwards;
}
/***** Drawer Animation ********/