.course-blocks-renderer{flex-direction:column;gap:1.5rem;display:flex}.course-blocks-lazy{width:100%;margin-inline:auto;padding:1.5rem 1rem}.course-blocks-renderer__skeleton{border-radius:.375rem;width:100%}.course-blocks-renderer__skeleton--sm{min-height:4rem}.course-blocks-renderer__skeleton--md{min-height:6rem}.course-blocks-renderer__skeleton--lg{min-height:7.5rem}.course-blocks-renderer__skeleton--xl{min-height:12.5rem}.course-blocks-renderer__lazy-skeleton{min-height:7.5rem}.course-blocks-renderer__course-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.course-blocks-renderer__course-link{background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;transition:box-shadow .16s;display:block;overflow:hidden}.course-blocks-renderer__course-link:hover{box-shadow:0 12px 28px #0f172a14}.dark .course-blocks-renderer__course-link{background:#171717;border-color:#404040}.course-blocks-renderer__course-image{aspect-ratio:16/9;object-fit:cover;width:100%}.course-blocks-renderer__course-body{padding:1rem}.course-blocks-renderer__course-title{-webkit-line-clamp:2;color:#171717;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;transition:color .16s;display:-webkit-box;overflow:hidden}.course-blocks-renderer__course-link:hover .course-blocks-renderer__course-title{color:hsl(var(--primary))}.dark .course-blocks-renderer__course-title{color:#f5f5f5}.dark .course-blocks-renderer__course-link:hover .course-blocks-renderer__course-title{color:hsl(var(--primary)/.8)}.course-blocks-renderer__course-description{-webkit-line-clamp:2;color:#525252;-webkit-box-orient:vertical;margin:.25rem 0 0;font-size:.875rem;display:-webkit-box;overflow:hidden}.dark .course-blocks-renderer__course-description{color:#a3a3a3}.course-blocks-renderer__course-meta{color:#737373;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;font-size:.75rem;display:flex}.dark .course-blocks-renderer__course-meta{color:#a3a3a3}.course-blocks-renderer__unknown{color:#64748b;border:1px solid #e2e8f0;border-radius:.25rem;padding:.5rem;font-size:.75rem;overflow:auto}.dark .course-blocks-renderer__unknown{color:#94a3b8;border-color:#334155}@media (min-width:640px){.course-blocks-renderer__course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.course-blocks-renderer__course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}