/* Animation: usr 공통 기능 스타일 */

@keyframes doorOpen--loading {

    0%,
    100% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(-35deg);
    }
}

@keyframes lightPulse--loading {

    0%,
    100% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.8;
    }
}

@keyframes floatFood--loading {

    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-18px) scale(1.12);
    }
}

@keyframes dots--loading {
    0% {
        content: "";
    }

    33% {
        content: ".";
    }

    66% {
        content: "..";
    }

    100% {
        content: "...";
    }
}

@keyframes modalUp--aiRecipe {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@keyframes floatFood--signin {
    0% {
        transform: translateY(0) rotate(0deg) scale(0.9);
        opacity: 0;
    }

    12% {
        opacity: 0.14;
    }

    70% {
        opacity: 0.12;
    }

    100% {
        transform: translateY(-120vh) rotate(18deg) scale(1.08);
        opacity: 0;
    }
}

@keyframes modalUp--subscriptionPlanList {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}