.animatikon-skeleton {
    --animatikon-skeleton-color: rgb(132, 132, 132);
    --animatikon-skeleton-radius: 8px;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: var(--animatikon-skeleton-color);
        visibility: visible;
        z-index: 1;
        border-radius: var(--animatikon-skeleton-radius);
    }

    &::after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: color-mix(in srgb, var(--animatikon-skeleton-color), black 25%);
        visibility: visible;
        z-index: 2;
        opacity: 0;
        animation: animatikon-skeleton-pulse 1.5s ease-in-out infinite;
        border-radius: var(--animatikon-skeleton-radius);
    }
}

@keyframes animatikon-skeleton-pulse {
    50% { opacity: 1; }
}