@import "mixin/skeleton.pcss";

@for $i from 10 to 100 by 10 {
    .monster-skeleton-col-$(i) {
        @mixin skeleton $(i)%, var(--monster-color-pink-2);
    }
}

.monster-skeleton-animated {
    animation: shimmer 4.25s linear infinite forwards;
    border-radius: 4px;
}


@keyframes shimmer {
    0%, 100% {
        filter: brightness(0.81);
    }
    50% {
        filter: brightness(0.45);
    }
}