.searchbar[data-v-1ecc2cca]{inline-size:100%;display:block}.searchbar__field[data-v-1ecc2cca]{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-5);background-color:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-subtle);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);display:flex}.searchbar__field[data-v-1ecc2cca]:hover{box-shadow:var(--shadow-md)}.searchbar__field[data-v-1ecc2cca]:focus-within{border-color:var(--c-ink);box-shadow:var(--shadow-focus),var(--shadow-subtle)}.searchbar__icon[data-v-1ecc2cca]{color:var(--c-ink);flex-shrink:0}.searchbar__input[data-v-1ecc2cca]{min-block-size:3rem;min-inline-size:0;font-size:var(--fs-sm);color:var(--c-ink);background:0 0;border:none;flex:1}.searchbar__input[data-v-1ecc2cca]:focus{outline:none}.searchbar__input[data-v-1ecc2cca]::-webkit-search-cancel-button{display:none}.searchbar__clear[data-v-1ecc2cca]{flex-shrink:0;block-size:2rem;inline-size:2rem}.searchbar__submit[data-v-1ecc2cca]{border-radius:var(--r-pill);flex-shrink:0;min-block-size:3rem}@media (width<=479px){.searchbar__submit[data-v-1ecc2cca],.searchbar__submit span[data-v-1ecc2cca]{padding-inline:var(--sp-4)}}