.videos-list-skeleton {
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    background:
        radial-gradient(circle at top left, var(--color-violet-20), transparent 26%),
        radial-gradient(circle at top right, var(--color-orange-10), transparent 32%),
        linear-gradient(180deg, rgba(16, 16, 16, 0.94) 0%, rgba(16, 16, 16, 0.99) 100%);
}

.videos-list-skeleton__header {
    display: grid;
    gap: 0.55rem;
    max-width: 30rem;
}

.videos-list-skeleton__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.9rem;
    min-height: 0;
}

.videos-list-skeleton__card {
    display: grid;
    grid-template-rows: auto auto;
    min-height: 0;
}

.videos-list-skeleton__thumb {
    aspect-ratio: 16 / 9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.videos-list-skeleton__body {
    display: grid;
    gap: 0.55rem;
    padding: 0.8rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.videos-list-skeleton__meta {
    width: 5.5rem;
}

.videos-list-skeleton__action {
    width: 7.5rem;
    height: 2.2rem;
    margin-top: 0.25rem;
}

@media (max-width: 576px) {
    .videos-list-skeleton__grid {
        grid-template-columns: 1fr;
    }
}