:root{--search-field-border-color:var(--border-brand-grey-mid);--search-field-message-color:var(--colors-grey-600);--search-field-clear-offset:-32px;--search-field-clear-size:20px;--search-field-border-radius:var(--spacing-md)}.search-field{transition:color .3s ease-in-out,outline-color .3s ease-in-out;outline:2px solid transparent;outline-offset:4px;border-radius:var(--search-field-border-radius) 0 var(--search-field-border-radius) 0;display:flex;justify-content:space-between}@media(min-width:37.5em){.search-field{--search-field-border-radius:var(--spacing-2xl)}}.search-field:has(:focus-visible){outline-color:var(--border-focus);outline-offset:2px}.search-field .react-aria-SearchField{display:grid;align-items:center;width:100%;grid-template-areas:"label label" "input button" "help  help";grid-template-columns:1fr auto;color:var(--text-color)}.search-field .react-aria-SearchField .react-aria-Label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);white-space:nowrap}.search-field .react-aria-SearchField .react-aria-Input{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:1rem;line-height:1.375rem;outline:0;width:100%;padding:var(--spacing-xl);border:1.5px solid var(--search-field-border-color);border-right:none;background-color:var(--colors-base-white);border-radius:var(--search-field-border-radius) 0 0 0;color:var(--colors-base-black);margin:0;grid-area:input}@media(min-width:37.5em){.search-field .react-aria-SearchField .react-aria-Input{padding:var(--spacing-2xl)}}@media(min-width:75em){.search-field .react-aria-SearchField .react-aria-Input{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-style:normal;font-size:1.25rem;line-height:1.75rem}}.search-field .react-aria-SearchField .react-aria-Input::-webkit-search-cancel-button,.search-field .react-aria-SearchField .react-aria-Input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-field .react-aria-SearchField .react-aria-Input::placeholder{color:var(--text-secondary)}.search-field .react-aria-SearchField .react-aria-Button{width:var(--search-field-clear-size);height:var(--search-field-clear-size);padding:0;margin-left:var(--search-field-clear-offset);grid-area:button;vertical-align:middle;text-align:center;color:var(--text-primary)}@media(min-width:37.5em){.search-field .react-aria-SearchField .react-aria-Button{--search-field-clear-offset:-42px;--search-field-clear-size:24px}}.search-field .react-aria-SearchField .react-aria-Button svg{width:100%;height:100%}.search-field .react-aria-SearchField .react-aria-Button[data-pressed]{background:var(--gray-600)}.search-field .react-aria-SearchField[data-empty] button{display:none}.search-field .react-aria-SearchField+.button{height:auto;border-top-left-radius:0;padding-block:var(--spacing-md);padding-inline:var(--spacing-2xl);border-bottom-right-radius:var(--search-field-border-radius)}@media(min-width:37.5em){.search-field .react-aria-SearchField+.button{padding-block:var(--spacing-lg);padding-inline:var(--spacing-3xl)}}.search-field .react-aria-SearchField+.button .button__title{display:none}@media(min-width:75em){.search-field .react-aria-SearchField+.button .button__title{display:block}}.search-field .react-aria-SearchField+.button:focus-visible{outline:0}