.search-posts__bar{margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border);align-items:center;transition:border-color .2s;display:flex;position:relative}.search-posts__bar:focus-within{border-color:var(--color-text)}.search-posts__icon{color:var(--color-accent);pointer-events:none;flex-shrink:0;position:absolute;left:0}.search-posts__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(18px + var(--space-2));font-size:var(--text-base);font-family:var(--font-primary);color:var(--color-text);appearance:none;background:0 0;border:none;outline:none}.search-posts__input::placeholder{color:var(--color-text-muted)}.search-posts__input::-webkit-search-cancel-button{display:none}.search-posts__clear{right:var(--space-4);cursor:pointer;color:var(--color-text-muted);padding:0 var(--space-1);background:0 0;border:none;font-size:1.25rem;line-height:1;transition:color .15s;position:absolute}.search-posts__clear:hover{color:var(--color-text)}.search-posts__count{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.search-posts__empty{padding:var(--space-10) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-base)}