/* Catalog layout inherits colors from the selected board theme. */
.catalog-start { text-align:center; font-size:22px; font-weight:bold; margin:14px 0; }
.catalog-nav { margin:8px 0; }
.catalog-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; font-size:12px; }
.catalog-search { margin-left:auto; }
.catalog-grid { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:18px 12px; margin:20px auto; }
.catalog-card { width:150px; text-align:center; font-size:11px; overflow-wrap:anywhere; }
.catalog-thumb { height:150px; display:flex; align-items:center; justify-content:center; text-decoration:none; }
.catalog-thumb img { max-width:150px; max-height:150px; width:auto; height:auto; border:1px solid currentColor; box-sizing:border-box; }
.catalog-thumb:hover img { opacity:.85; }
.catalog-counts { font-size:10px; margin:3px 0; }
.catalog-comment { line-height:1.25; max-height:110px; overflow:hidden; white-space:pre-line; }
.catalog-placeholder { border:1px dashed currentColor; opacity:.65; padding:25px 10px; }
.catalog-large .catalog-card { width:250px; }
.catalog-large .catalog-thumb { height:250px; }
.catalog-large .catalog-thumb img { max-width:250px; max-height:250px; }
.catalog-no-comments .catalog-comment { display:none; }
.catalog-card[hidden], #catalog-empty[hidden] { display:none; }
#catalog-empty { text-align:center; }
@media(max-width:480px) { .catalog-search { margin-left:0; } .catalog-grid { gap:15px 8px; } .catalog-card { width:140px; } .catalog-thumb img { max-width:140px; } }