.blog-search{max-width:560px;width:100%}.blog-search__wrap{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;display:flex;overflow:hidden;transition:border-color .15s}.blog-search__wrap:focus-within{border-color:var(--ink-2)}.blog-search__icon{color:var(--ink-3);flex-shrink:0;height:16px;margin:0 12px;width:16px}.blog-search__input{-webkit-appearance:none;background:transparent;border:none;color:var(--ink);flex:1;font-family:inherit;font-size:.95rem;outline:none;padding:11px 0}.blog-search__input::placeholder{color:var(--ink-3)}.blog-search__btn{background:var(--ink);border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;height:42px;padding:0 20px;transition:background .15s;white-space:nowrap}.blog-search__btn:hover{background:var(--ink-2)}.sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}