: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{outline-offset:4px;border-radius:var(--search-field-border-radius) 0 var(--search-field-border-radius) 0;outline:2px solid #0000;justify-content:space-between;transition:color .3s ease-in-out,outline-color .3s ease-in-out;display:flex}@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{width:100%;color:var(--text-color);grid-template-columns:1fr auto;grid-template-areas:"label label""input button""help help";align-items:center;display:grid}.search-field .react-aria-SearchField .react-aria-Label{clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-field .react-aria-SearchField .react-aria-Input{font-family:var(--font-primary);font-weight:var(--font-weight-regular);width:100%;padding:var(--spacing-xl);border:1.5px solid var(--search-field-border-color);background-color:var(--colors-base-white);border-radius:var(--search-field-border-radius) 0 0 0;color:var(--colors-base-black);border-right:none;outline:0;grid-area:input;margin:0;font-size:1rem;font-style:normal;line-height:1.375rem}@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-size:1.25rem;font-style:normal;line-height:1.75rem}}.search-field .react-aria-SearchField .react-aria-Input::-webkit-search-cancel-button{appearance:none}.search-field .react-aria-SearchField .react-aria-Input::-webkit-search-decoration{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);margin-left:var(--search-field-clear-offset);vertical-align:middle;text-align:center;color:var(--text-primary);grid-area:button;padding:0}@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;padding-block:var(--spacing-md);padding-inline:var(--spacing-2xl);border-top-left-radius:0;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}