.base-search-input[data-v-ab374b5b]{background:var(--dra-footer-bg,#ffffffb3);border:1px solid var(--dra-rune-color);box-sizing:border-box;border-radius:999px;align-items:center;width:100%;height:36px;padding:0 14px;transition:border-color .2s;display:inline-flex}.base-search-input[data-v-ab374b5b]:focus-within{border-color:var(--dra-accent-ink-prose)}.base-search-input[data-v-ab374b5b]:has(.base-search-input__field:focus){outline-offset:-2px;outline:2px solid var(--dra-accent-ink-prose)!important}.base-search-input__icon[data-v-ab374b5b]{color:var(--dra-text-muted);flex-shrink:0;margin-right:8px;font-size:.76563rem}.base-search-input__field[data-v-ab374b5b]{appearance:none;color:var(--dra-text-primary);background:0 0;border:none;flex:1;min-width:0;height:100%;font-size:.76563rem}.base-search-input__field[data-v-ab374b5b]::placeholder{color:var(--dra-text-muted)}.base-search-input__field[data-v-ab374b5b]::-webkit-search-cancel-button{display:none}.base-search-input__clear[data-v-ab374b5b]{appearance:none;width:24px;height:24px;margin:0 -6px 0 var(--dra-space-1);color:var(--dra-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.6825rem;display:inline-flex}.base-search-input__clear[data-v-ab374b5b]:hover{color:var(--dra-text-primary)}@media screen and (width<=640px){.base-search-input__field[data-v-ab374b5b]{font-size:16px}.base-search-input__field[data-v-ab374b5b]::placeholder{font-size:.76563rem}}