[data-bs-theme="light"] .skeleton {
    position: relative;
    overflow: hidden;
    background: #e5e7eb !important;
    border-radius: 10px;
    margin-bottom: 2px;
    color: transparent !important;
}

[data-bs-theme="light"] .skeleton * {
    visibility: hidden !important;
}

[data-bs-theme="light"] .skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.6),
        transparent
    );
    animation: shimmer 1.4s infinite;
}

[data-bs-theme="dark"] .skeleton {
    position: relative;
    overflow: hidden;
    background: #ffffff1c !important;
    border-radius: 10px;
    margin-bottom: 2px;
    color: transparent !important;
}

[data-bs-theme="dark"] .skeleton * {
    visibility: hidden !important;
}

[data-bs-theme="dark"] .skeleton::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.06) 50%,
        transparent 100%
    );

    background-size: 200% 100%;
    background-position: -100% 0;

    animation: shimmer-bg 1.4s infinite;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

@keyframes shimmer-bg {
    100% {
        background-position: 100% 0;
    }
}