.blog-search{position:relative;max-width:600px;margin:0 auto 2rem}.blog-search-input{width:100%;padding:.875rem 3rem .875rem 1rem;font-size:1rem;font-family:Outfit,sans-serif;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);transition:border-color .3s}.blog-search-input:focus{outline:none;border-color:var(--color-primary)}.blog-search-input::placeholder{color:var(--color-text-secondary)}[data-theme=light] .blog-search-input{border-color:var(--color-border);background-color:var(--color-surface)}.blog-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s}.blog-search-clear:hover{color:var(--color-text)}