.video-list-stacked{flex-direction:column;gap:1rem;display:flex}.video-list-stacked .video-card{border:1px solid #ddd;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;padding:1rem;transition:background-color .2s;display:flex}.video-list-stacked .video-card:hover{color:#000;background-color:#fafafa}.video-list-stacked .video-thumbnail{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:90vw;height:60vw}.video-list-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;padding:1rem;display:grid}@media (min-width:640px){.video-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.video-list-grid{grid-template-columns:repeat(3,1fr)}}.video-list-grid .video-card{color:#000;background-color:#fff;border-radius:.5rem;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000000d}.video-list-grid .video-card:hover{box-shadow:0 4px 12px #0000001a}.video-list-grid .video-thumbnail{aspect-ratio:16/9;object-fit:cover;flex-shrink:0;width:100%}.video-list-grid .video-details{padding:.75rem}