.search-input{--search-input-height:var(--search-input-height-medium,60px);--search-input-button-size:var(--search-input-button-size-medium,44px);--search-input-padding-left:var(--search-input-padding-left-medium,var(--spacing-24,1.5rem));--search-input-padding-right:var(--search-input-padding-right-medium,var(--spacing-8,.5rem));--search-input-padding-y:var(--search-input-padding-y-medium,var(--spacing-8,.5rem));width:100%}.search-input__field{width:100%;min-height:var(--search-input-height);border:1px solid var(--color-border-brand-primary-support);background:var(--color-bg-default-default);padding:var(--search-input-padding-y) var(--search-input-padding-right) var(--search-input-padding-y) var(--search-input-padding-left);justify-content:space-between;align-items:center;gap:var(--spacing-8,.5rem);border-radius:9999px;flex-wrap:nowrap;display:flex}.search-input__field input{min-width:0;color:var(--color-text-default-default);background:0 0;border:0;flex:1;padding:0;font-size:1rem;line-height:1}.search-input__field input::placeholder{color:var(--color-text-default-muted)}.search-input__field input:focus{outline:none}.search-input__field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23471a34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px}.search-input__submit{width:var(--search-input-button-size);height:var(--search-input-button-size);color:var(--color-text-default-default);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s;display:inline-flex}.search-input__submit:hover,.search-input__submit:focus-visible{color:var(--color-text-brand-primary)}.search-input__submit:focus-visible{outline:none;box-shadow:0 0 0 2px #fffc,0 0 0 5px #471a3459}.search-input__icon svg{display:block}.search-input--size-medium{--search-input-height:var(--search-input-height-medium,60px);--search-input-button-size:var(--search-input-button-size-medium,44px);--search-input-padding-left:var(--search-input-padding-left-medium,var(--spacing-24,1.5rem));--search-input-padding-right:var(--search-input-padding-right-medium,var(--spacing-8,.5rem));--search-input-padding-y:var(--search-input-padding-y-medium,var(--spacing-8,.5rem))}.search-input--size-small{--search-input-height:var(--search-input-height-small,52px);--search-input-button-size:var(--search-input-button-size-small,36px);--search-input-padding-left:var(--search-input-padding-left-small,var(--spacing-24,1.5rem));--search-input-padding-right:var(--search-input-padding-right-small,var(--spacing-8,.5rem));--search-input-padding-y:var(--search-input-padding-y-small,var(--spacing-8,.5rem))}.search-input--size-large{--search-input-height:var(--search-input-height-large,68px);--search-input-button-size:var(--search-input-button-size-large,52px);--search-input-padding-left:var(--search-input-padding-left-large,var(--spacing-40,2.5rem));--search-input-padding-right:var(--search-input-padding-right-large,var(--spacing-16,1rem));--search-input-padding-y:var(--search-input-padding-y-large,var(--spacing-12,.75rem))}