@charset "utf-8";

/* 스켈레톤 */
.skeleton {background-image: linear-gradient(225deg, #ffaa4a, #dae884, #a0d1eb) !important; background-size: 200% 200% !important; animation: MoveGrad 5s ease infinite; color: transparent !important;border-radius: 10px; z-index : 9; opacity: 1; transition: opacity 0.3s ease; /* animation: skeleton-loading 1.5s infinite; */}
/* .skeleton.ready {opacity: 0;} */
.colorTransparent {color: transparent !important;}

/* 배경 그라데이션 */
@keyframes MoveGrad {
    0%{background-position:0% 30%}
    50%{background-position:70% 50%}
    100%{background-position:0% 100%}
}

/* 타이핑 이펙트 */
[data-ai-site-effect-view] .piece {display: inline-block; font-size: 24px;}
.skeleton-fade-in {
    animation: fadeIn 0.5s ease-in;
    opacity: 0;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}