.blog-search-bar[data-astro-cid-okocuvm5]{position:relative;display:flex;align-items:center;gap:.35rem;min-width:0;transition:box-shadow .15s ease,border-color .15s ease}.blog-search-bar[data-astro-cid-okocuvm5]:focus-within{border-color:color-mix(in oklab,var(--color-accent) 55%,var(--color-rule));box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 28%,transparent),var(--shadow-card)}.blog-search-bar__label[data-astro-cid-okocuvm5]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-search-bar__icon[data-astro-cid-okocuvm5]{display:inline-flex;flex:none;width:1rem;height:1rem;color:var(--color-ink-faint);pointer-events:none}.blog-search-bar__icon[data-astro-cid-okocuvm5] svg[data-astro-cid-okocuvm5]{width:100%;height:100%}.blog-search-bar__input[data-astro-cid-okocuvm5]{flex:1;min-width:0;margin:0;padding:.35rem .15rem;border:none;background:transparent;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-ink);outline:none}.blog-search-bar__input[data-astro-cid-okocuvm5]::placeholder{color:var(--color-ink-faint)}.blog-search-bar__input[data-astro-cid-okocuvm5]::-webkit-search-decoration,.blog-search-bar__input[data-astro-cid-okocuvm5]::-webkit-search-results-button,.blog-search-bar__input[data-astro-cid-okocuvm5]::-webkit-search-results-decoration{display:none}.blog-search-bar__input[data-astro-cid-okocuvm5]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:.9rem;height:.9rem;margin-left:.2rem;background:center / .9rem .9rem no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.2 4.2l7.6 7.6M11.8 4.2l-7.6 7.6' stroke='%23888c96' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");cursor:pointer}.blog-search-bar__submit[data-astro-cid-okocuvm5]{flex:none;padding:.32rem .7rem;border:1px solid transparent;border-radius:999px;background:var(--accent-btn-bg);box-shadow:var(--accent-btn-shadow-sm);font-size:.75rem;font-weight:600;color:#fff;cursor:pointer}.blog-search-bar__submit[data-astro-cid-okocuvm5]:hover{box-shadow:var(--accent-btn-shadow)}.blog-search-bar__input[data-astro-cid-okocuvm5]:focus,.blog-search-bar__input[data-astro-cid-okocuvm5]:focus-visible,.blog-search-bar__submit[data-astro-cid-okocuvm5]:focus,.blog-search-bar__submit[data-astro-cid-okocuvm5]:focus-visible{outline:none}.blog-search-bar--nav[data-astro-cid-okocuvm5]{padding:.15rem .2rem .15rem .55rem;border:1px solid var(--color-rule);border-radius:999px;background:color-mix(in oklab,var(--color-warm) 55%,var(--color-card))}.blog-search-bar--nav[data-astro-cid-okocuvm5] .blog-search-bar__input[data-astro-cid-okocuvm5]{width:8.5rem}@media(min-width:920px){.blog-search-bar--nav[data-astro-cid-okocuvm5] .blog-search-bar__input[data-astro-cid-okocuvm5]{width:11rem}}.blog-search-bar--page[data-astro-cid-okocuvm5]{width:100%;max-width:28rem;margin-inline:auto;padding:.45rem .4rem .45rem .85rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-card);box-shadow:var(--shadow-card)}.blog-search-bar--page[data-astro-cid-okocuvm5] .blog-search-bar__input[data-astro-cid-okocuvm5]{font-size:.9375rem;padding:.35rem}.blog-search-bar--page[data-astro-cid-okocuvm5] .blog-search-bar__icon[data-astro-cid-okocuvm5]{width:1.1rem;height:1.1rem}.blog-search-bar--page[data-astro-cid-okocuvm5] .blog-search-bar__submit[data-astro-cid-okocuvm5]{padding:.45rem .95rem;font-size:.8125rem}.blog-search-bar--library[data-astro-cid-okocuvm5]{width:100%;height:2.5rem;padding:0 .9rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-card);box-sizing:border-box}.blog-search-bar--library[data-astro-cid-okocuvm5] .blog-search-bar__input[data-astro-cid-okocuvm5]{font-size:.875rem;font-weight:600;line-height:1.25;padding:0}.blog-search-bar--library[data-astro-cid-okocuvm5] .blog-search-bar__icon--trailing[data-astro-cid-okocuvm5]{width:.95rem;height:.95rem;margin-left:.15rem}.blog-search-bar__submit--sr[data-astro-cid-okocuvm5]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}