.title{text-align:center;margin-bottom:20px;font-size:2rem}.search-bar-container{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.search-bar{flex-grow:1;align-items:center;margin-left:10px;display:flex}.search-button:hover{background-color:#08c}.filter-buttons{gap:10px;display:flex}.filter-dropdown{color:#fff;background-color:#2a2a3e;border:1px solid #444;border-radius:5px;padding:10px}.filter-tags{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tag{-webkit-line-clamp:1;text-overflow:ellipsis;white-space:nowrap;outline-style:solid;outline-color:rgb(var(--primary-active)/.1);background-color:#ffffff0d;border-radius:55px;-webkit-box-orient:vertical;max-width:100px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;display:-webkit-box;overflow:hidden}.tag:hover{opacity:.8}@media (min-width:768px){.tag{max-width:150px;font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.tag{padding:.75rem 1.5rem}}@media (min-width:1280px){.tag{max-width:200px}}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{text-align:center;background-color:#2a2a3e;border-radius:10px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:300px}.favorite-button{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;left:10px}.card-title{margin:0;padding:10px;font-size:1rem}.load-more{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #444;border-radius:5px;margin:0 auto;padding:10px 20px;display:block}.load-more:hover{background-color:#444}