@charset "UTF-8";

/* 스켈레톤 공통 base */
.skeleton {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ececec;
    border-radius: 2px;
}
.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120px;
    width: 80px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    animation: shimmer 1.4s infinite;
}
.skeleton.round { border-radius: 999px; }
.skeleton.circle { border-radius: 50%; }
@keyframes shimmer {
    0% { left: -120px; }
    100% { left: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton::after { animation: none; }
}