.input-container{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background-color:var(--components-input-input-field-background-default);border:1px solid var(--components-input-input-field-border-default);transition:border-color .2s,background-color .2s}.input-container:focus-within{outline:1px solid var(--components-input-input-field-border-default-focus)}.input-container[data-state=danger]{border-color:var(--components-input-input-field-border-danger)}.input-container[data-state=danger]:focus-within{outline-color:var(--components-input-input-field-border-danger-focus)}.input-container[data-state=success]{border-color:var(--components-input-input-field-border-success)}.input-container[data-state=success]:focus-within{outline-color:var(--components-input-input-field-border-success-focus)}.input-container:has(:disabled){background-color:var(--components-input-input-field-background-disabled);border-color:var(--components-input-input-field-border-disabled)}.search-input.input-container{border-radius:calc(var(--primitives-corner-radius-medium) * 1px);padding:8px 8px 8px 16px;background-color:transparent}.search-input.input-container:focus-within .search-input__field{color:var(--components-input-input-field-text-default-focus)}.search-input.input-container:focus-within .search-input__field::placeholder{color:var(--components-input-input-field-placeholder-default-focus)}.search-input.input-container:focus-within .search-input__trailing{color:var(--components-input-input-field-trailing-icon-default-focus)}.search-input.input-container[data-state=danger] .search-input__trailing{color:var(--components-input-input-field-trailing-icon-danger)}.search-input.input-container[data-state=danger]:focus-within .search-input__trailing{color:var(--components-input-input-field-trailing-icon-danger-focus)}.search-input.input-container[data-state=success] .search-input__trailing{color:var(--components-input-input-field-trailing-icon-success)}.search-input.input-container[data-state=success]:focus-within .search-input__trailing{color:var(--components-input-input-field-trailing-icon-success-focus)}.search-input.input-container:has(:disabled) .search-input__field{color:var(--components-input-input-field-text-disabled)}.search-input.input-container:has(:disabled) .search-input__field::placeholder{color:var(--components-input-input-field-placeholder-disabled)}.search-input.input-container:has(:disabled) .search-input__trailing{color:var(--components-input-input-field-trailing-icon-disabled)}.search-input__field{flex:1;border:none;outline:none;background:transparent;color:var(--components-input-input-field-text-default)}.search-input__field::placeholder{color:var(--components-input-input-field-placeholder-default)}.search-input__field{min-width:0;font-family:var(--body-large-font-family),var(--font-family-default);font-weight:var(--body-large-font-weight);font-size:var(--body-large-font-size);line-height:var(--body-large-line-height);letter-spacing:var(--body-large-letter-spacing)}.search-input__field::-webkit-search-cancel-button{display:none}.search-input__trailing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--components-input-input-field-trailing-icon-default);background:transparent;border:none;padding:0;cursor:default}.search-input__trailing[type=button]{cursor:pointer}.search-input--no-border.input-container{border-color:transparent;outline:none}.search-input--no-border.input-container:focus-within{border-color:var(--components-input-input-field-border-default-focus);outline:1px solid var(--components-input-input-field-border-default-focus)}.search-input--no-border.input-container[data-state=danger]{border-color:transparent}.search-input--no-border.input-container[data-state=danger]:focus-within{border-color:var(--components-input-input-field-border-danger-focus);outline-color:var(--components-input-input-field-border-danger-focus)}.search-input--no-border.input-container[data-state=success]{border-color:transparent}.search-input--no-border.input-container[data-state=success]:focus-within{border-color:var(--components-input-input-field-border-success-focus);outline-color:var(--components-input-input-field-border-success-focus)}