.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.material-card{display:flex;flex-direction:column;min-height:220px}.material-card h3{margin:12px 0 6px}.material-card p{color:#475467;line-height:1.5}.material-icon{font-size:24px}.material-meta{display:flex;gap:7px;flex-wrap:wrap;color:#667085;font-size:12px}.material-meta span{background:#f2f4f7;padding:5px 8px;border-radius:999px}.material-filters{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr auto;gap:10px;align-items:end}.materials-compose{max-width:1000px}@media(max-width:900px){.material-filters{grid-template-columns:1fr 1fr}.material-filters button{width:100%}}@media(max-width:560px){.material-filters{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr}}