.flashcardCategorySurface{box-sizing:border-box;min-width:0;max-width:100%;color:var(--lms-color-ink-strong);flex-direction:column;gap:1.5rem;padding:2rem 1.25rem 3.75rem;display:flex;overflow-x:clip}.flashcardCategoryGrid{grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.flashcardCategoryErrorState{flex-direction:column;gap:.75rem;display:flex}.flashcardCategoryErrorActions{display:flex}.flashcardCategoryCard[data-slot=button]{--lms-button-bg:var(--lms-color-surface-card);--lms-button-border:var(--lms-color-border-subtle);--lms-button-fg:var(--lms-color-ink-strong);--lms-button-hover-bg:var(--lms-color-surface-warm);--lms-button-hover-fg:var(--lms-color-ink-strong);text-align:left;white-space:normal;border:1px solid var(--lms-button-border);border-radius:var(--lms-radius-xl);width:100%;height:auto;min-height:100%;box-shadow:var(--lms-shadow-surface);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.flashcardCategoryCard[data-slot=button]:hover{border-color:var(--lms-color-border-strong)}.flashcardCategoryCard[data-slot=button]:focus-visible{border-color:var(--lms-color-focus-ring)}.flashcardCategoryCardImage{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.flashcardCategoryCardPlaceholder{aspect-ratio:3/2;min-height:0;color:var(--lms-color-ink-muted);background:var(--lms-color-surface-warm);place-items:center;display:grid}.flashcardCategoryCardPlaceholder svg{width:44px;height:44px}.flashcardCategoryCardBody{gap:.375rem;min-width:0;padding:1rem;display:grid}.flashcardCategoryCardTitle{color:var(--lms-color-ink-strong);font-size:1.25rem;font-weight:800;line-height:1.25}.flashcardCategoryCardDescription{color:var(--lms-color-ink-muted);overflow-wrap:anywhere;font-size:.875rem;font-weight:400;line-height:1.55}@media (width>=900px){.flashcardCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.flashcardCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1536px){.flashcardCategoryGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=599px){.flashcardCategorySurface{padding:1.5rem .75rem 3rem}}.legacyCompatScreenHost[data-screen="3"]{width:100%;max-width:none;margin:0;padding:0}.flashcardsFeatureShell{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0;overflow-x:clip}