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

.skeleton {
    display: inline-block;
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
    width: 100%;
    max-width: 100%;
    height: 12px;
}

.default {
    border-radius: var(--border-radius-xs);
    background: linear-gradient(90deg, #F1EFEF -24.18%, #F9F8F8 50.26%, #E7E5E5 114.84%), var(--color-bg-fill-brand-inverse);
}

.banner {
    border-radius: var(--border-radius-sm);
    opacity: 0.5;
    background: linear-gradient(270deg, #F1EFEF -15.93%, #F9F8F8 58.5%, #E7E5E5 123.08%);
}
