.blog-search-bar{position:sticky;top:5.5rem;z-index:30;display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:.85rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 4px 16px #0000000a}.blog-search-field{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.blog-search-field svg{flex-shrink:0;opacity:.6}.blog-search-field input{width:100%;min-width:0;padding:.4rem;background:transparent;font-size:1rem}.blog-search-field input::-webkit-search-cancel-button{display:none}.blog-search-field input:focus-visible{outline:2px solid var(--color-brand, #244aca);outline-offset:2px;border-radius:.25rem}.blog-search-count{flex-shrink:0;font-size:.8rem;opacity:.65;font-variant-numeric:tabular-nums}.blog-search-clear{padding:.5rem;border-radius:.25rem}.blog-search-clear:hover{background:var(--muted)}.blog-search-clear:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:1279px){.blog-search-bar{top:4.5rem}}@media(max-width:480px){.blog-search-bar{gap:.5rem;padding:.65rem;flex-wrap:wrap}.blog-search-count{width:100%;padding-left:2.4rem}}