.posts .grid{--cols:3}.posts .filters{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(8px,1.25vw,24px) clamp(16px,1.667vw,32px);display:flex}.posts .tags{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.posts .tags .tag{border-radius:var(--radius-sm);background:var(--color-secondary);color:var(--color-main);font-size:clamp(12px,.729vw,14px);font-family:var(--font-mont);padding:clamp(6px,.417vw,8px) clamp(14px,.833vw,16px);font-weight:500}@media (hover:hover){.posts .tags .tag:hover:not(:disabled){background:#1c436b1f}}.posts .tags .tag.active{color:var(--color-white);background:var(--color-main);pointer-events:none;font-weight:600}.posts .search{flex:none;position:relative}.posts .search-icon{background:var(--color-muted-foreground);aspect-ratio:1;width:clamp(18px,1.042vw,20px);position:absolute;top:50%;left:.8rem;transform:translateY(-50%);-webkit-mask:url(../img/search.svg) 50%/cover no-repeat;mask:url(../img/search.svg) 50%/cover no-repeat}.posts .search-input{border-radius:var(--radius-md);background:var(--color-secondary);transition:var(--transition);color:var(--color-main);border:2px solid #0000;outline:none;padding:clamp(12px,.833vw,16px) clamp(36px,2.083vw,40px);font-size:16px}.posts .search-input::placeholder{color:var(--color-muted-foreground)}.posts .search-input:focus-visible{border-color:var(--color-border);background:#fff}@media (width<=768px){.posts .search,.posts .search-input{width:100%}.posts .grid{--cols:1}.posts .filters{flex-direction:column;gap:24px;padding:16px}}