.search-field[data-v-b783b1a8]{align-items:center;border:2px solid var(--onBackground);box-sizing:border-box;display:flex;max-width:100%;padding:.5rem;transition:width .3s ease-in-out,border-color .3s ease-in-out;width:415px}.search-field[data-v-b783b1a8]:focus,.search-field[data-v-b783b1a8]:focus-within,.search-field[data-v-b783b1a8]:has(.search-input-field.--has-value){width:100%}.search-field[data-v-b783b1a8]:has(.search-input-field:focus){border-color:var(--highlight)}.search-field .search-input-field[data-v-b783b1a8]{background-color:transparent;border:none;color:var(--highlight);flex-grow:1;font-family:Simple HBS,sans-serif;font-size:1.125rem;text-transform:uppercase}.search-field .search-input-field[data-v-b783b1a8]::-moz-placeholder{color:var(--highlight);-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.search-field .search-input-field[data-v-b783b1a8]::placeholder{color:var(--highlight);transition:opacity .3s ease-in-out}.search-field .search-input-field[data-v-b783b1a8]:focus-visible{outline:none}.search-field .search-input-field[data-v-b783b1a8]:focus::-moz-placeholder{opacity:.4}.search-field .search-input-field[data-v-b783b1a8]:focus::placeholder{opacity:.4}.search-field .delete-button[data-v-b783b1a8],.search-field .search-button[data-v-b783b1a8]{align-items:center;display:flex;height:1.125rem;margin-left:.5rem;width:1.125rem}.search-field .delete-icon[data-v-b783b1a8],.search-field .search-icon[data-v-b783b1a8]{color:var(--highlight);flex-shrink:0;height:100%;width:100%}.search-field .delete-icon[data-v-b783b1a8]{transform:rotate(45deg)}