/*
 * 51ziy-zibll-beautify 通用动画文件
 * 51ziy.com版权所有，未经允许请勿复制！
 * 此文件包含项目中常用的动画定义，避免重复
 */

/* 淡入淡出动画 */
@keyframes mcp-fade-in-down {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes mcp-fade-out-up {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
}

@keyframes mcp-fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes mcp-item-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 通用动画类 */
.mcp-fade-in {
    animation: mcp-fade-in-down 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

.mcp-fade-out {
    animation: mcp-fade-out-up 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

.mcp-fade-in-down-animation {
    animation: mcp-fadeInDown 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mcp-item-fade-animation {
    opacity: 0;
    animation: mcp-item-fade-in 0.5s ease-out forwards;
}