.search-field[data-v-1f411d93]{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-1f411d93]:focus,.search-field[data-v-1f411d93]:focus-within,.search-field[data-v-1f411d93]:has(.search-input-field.--has-value){width:100%}.search-field[data-v-1f411d93]:has(.search-input-field:focus){border-color:var(--highlight)}.search-field .search-input-field[data-v-1f411d93]{background-color:transparent;border:none;color:var(--onBackground);flex-grow:1;font-size:1.125rem}.search-field .search-input-field[data-v-1f411d93]::-moz-placeholder{-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.search-field .search-input-field[data-v-1f411d93]::placeholder{transition:opacity .3s ease-in-out}.search-field .search-input-field[data-v-1f411d93]:focus-visible{outline:none}.search-field .search-input-field[data-v-1f411d93]:focus::-moz-placeholder{opacity:.4}.search-field .search-input-field[data-v-1f411d93]:focus::placeholder{opacity:.4}.search-field .delete-button[data-v-1f411d93],.search-field .search-button[data-v-1f411d93]{align-items:center;display:flex;height:1.125rem;margin-left:.5rem;width:1.125rem}.search-field .delete-icon[data-v-1f411d93],.search-field .search-icon[data-v-1f411d93]{color:var(--onBackground);flex-shrink:0;height:100%;width:100%}.search-field .delete-icon[data-v-1f411d93]{transform:rotate(45deg)}@container adz (min-width: 0px){.search-field .search-input-field[data-v-1f411d93]{color:var(--onBackground);font-size:1rem}.search-field .search-icon[data-v-1f411d93]{color:var(--onBackground)}.search-field .delete-icon rect[data-v-1f411d93]{fill:var(--onBackground)}}@container labora (min-width: 0px){.search-field .search-input-field[data-v-1f411d93]{color:var(--highlight);font-family:Simple HBS,sans-serif;font-size:1.125rem;text-transform:uppercase}.search-field .search-input-field[data-v-1f411d93]::-moz-placeholder{color:var(--highlight)}.search-field .search-input-field[data-v-1f411d93]::placeholder{color:var(--highlight)}.search-field .search-icon[data-v-1f411d93]{color:var(--highlight)}.search-field .delete-icon[data-v-1f411d93]{fill:var(--highlight)}}
