.bc-form-input-text{--font-family: var(--font-family-paragraph);--label-font-size: var(--space-2x);--label-line-height: var(--space-2x);--label-font-weight: var(--font-weight-bold);--input-font-size: var(--space-2x);--input-line-height: var(--space-3x);--input-font-weight: var(--font-weight-regular);--message-font-size: var(--space-1-5x);--message-line-height: var(--space-2x);--fg-color: var(--color-text-paragraph);--bg-color: var(--color-surface-primary);--border-color: var(--color-border-default);--border-width: 1px;--placeholder-color: var(--color-text-caption);--label-color: var(--color-text-heading);--message-color: var(--color-text-caption);--hover-border-color: var(--color-brand-primary);--focus-border-color: var(--color-brand-primary);--focus-shadow-color: rgba(17, 138, 178, .25);--error-border-color: var(--color-feedback-error-700);--error-message-color: var(--color-feedback-error-700);--error-bg-color: var(--color-feedback-error-100);--error-shadow-color: rgba(166, 80, 89, .25);--success-border-color: var(--color-feedback-success-700);--success-message-color: var(--color-feedback-success-700);--success-bg-color: var(--color-feedback-success-100);--success-shadow-color: rgba(143, 183, 111, .25);--warning-border-color: var(--color-feedback-warning-700);--warning-message-color: var(--color-feedback-warning-700);--warning-bg-color: var(--color-feedback-warning-100);--warning-shadow-color: rgba(204, 176, 101, .25);--disabled-fg-color: var(--color-text-caption);--disabled-bg-color: var(--color-surface-secondary);--disabled-border-color: var(--color-border-default);--height: var(--space-6x);--padding-h: var(--space-2x);--padding-v: calc(var(--space-1x) - 2 * var(--border-width));--gap: var(--space-1x);--border-radius: var(--border-radius-4);--icon-size: var(--scale-3x);--clear-button-size: var(--scale-2-5x);--required-margin: 2px}.bc-form-input-text--sm{--height: var(--space-4x);--padding-h: var(--space-1-5x);--padding-v: var(--space-0-5x);--input-font-size: var(--space-1-5x);--input-line-height: var(--space-2x);--icon-size: var(--scale-2-5x);--clear-button-size: var(--scale-2x)}.bc-form-input-text--lg{--height: var(--space-6x);--padding-h: var(--space-2-5x);--padding-v: var(--space-1-5x);--input-font-size: var(--space-2x);--input-line-height: var(--space-3x);--icon-size: var(--scale-3x);--clear-button-size: var(--scale-3x)}.bc-form-input-text{display:flex;flex-direction:column;gap:var(--space-0-5x);font-family:var(--font-family);width:100%}.bc-form-input-text__label{display:block;font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color)}.bc-form-input-text__required{color:var(--error-border-color);margin-left:var(--required-margin)}.bc-form-input-text__wrapper{position:relative;display:flex;align-items:center}.bc-form-input-text__field{width:100%;height:var(--height);padding:var(--padding-v) var(--padding-h);font-family:var(--font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);color:var(--fg-color);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.bc-form-input-text__field::-moz-placeholder{color:var(--placeholder-color)}.bc-form-input-text__field::placeholder{color:var(--placeholder-color)}.bc-form-input-text__field:hover:not(:disabled):not(:-moz-read-only){border-color:var(--hover-border-color)}.bc-form-input-text__field:hover:not(:disabled):not(:read-only){border-color:var(--hover-border-color)}.bc-form-input-text__field:focus:not(:disabled){border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-shadow-color)}.bc-form-input-text__field:disabled{color:var(--disabled-fg-color);background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed}.bc-form-input-text__field:-moz-read-only{background-color:var(--disabled-bg-color)}.bc-form-input-text__field:read-only{background-color:var(--disabled-bg-color)}.bc-form-input-text__field:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.bc-form-input-text__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);color:var(--placeholder-color);pointer-events:none}.bc-form-input-text__icon--left{left:var(--padding-h)}.bc-form-input-text__icon--right{right:var(--padding-h)}.bc-form-input-text__icon svg{width:100%;height:100%;fill:currentColor}.bc-form-input-text--icon-left .bc-form-input-text__field{padding-left:calc(var(--padding-h) + var(--icon-size) + var(--gap))}.bc-form-input-text--icon-right .bc-form-input-text__field{padding-right:calc(var(--padding-h) + var(--icon-size) + var(--gap))}.bc-form-input-text__clear{position:absolute;right:var(--padding-h);display:flex;align-items:center;justify-content:center;width:var(--clear-button-size);height:var(--clear-button-size);padding:0;color:var(--placeholder-color);background:transparent;border:none;border-radius:var(--border-radius-full);cursor:pointer;opacity:0;transition:opacity .2s ease,color .2s ease,background-color .2s ease}.bc-form-input-text__clear:hover{color:var(--fg-color);background-color:var(--color-surface-secondary)}.bc-form-input-text__clear:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.bc-form-input-text__clear svg{width:100%;height:100%}.bc-form-input-text--clearable .bc-form-input-text__field{padding-right:calc(var(--padding-h) + var(--clear-button-size) + var(--gap))}.bc-form-input-text--has-value .bc-form-input-text__clear{opacity:1}.bc-form-input-text--clearable.bc-form-input-text--icon-right .bc-form-input-text__field{padding-right:calc(var(--padding-h) + var(--icon-size) + var(--gap) + var(--clear-button-size) + var(--gap))}.bc-form-input-text--clearable.bc-form-input-text--icon-right .bc-form-input-text__clear{right:calc(var(--padding-h) + var(--icon-size) + var(--gap))}.bc-form-input-text__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2x)}.bc-form-input-text__message{flex:1}.bc-form-input-text__counter{font-size:var(--message-font-size);line-height:var(--message-line-height);color:var(--message-color);white-space:nowrap;flex-shrink:0}.bc-form-input-text__counter--warning{color:var(--warning-message-color)}.bc-form-input-text__counter--limit{color:var(--error-message-color)}.bc-form-input-text--error .bc-form-input-text__field{border-color:var(--error-border-color);background-color:var(--error-bg-color)}.bc-form-input-text--error .bc-form-input-text__field:focus{box-shadow:0 0 0 3px var(--error-shadow-color)}.bc-form-input-text--error .bc-form-input-text__label,.bc-form-input-text--error .bc-form-input-text__icon{color:var(--error-border-color)}.bc-form-input-text--success .bc-form-input-text__field{border-color:var(--success-border-color);background-color:var(--success-bg-color)}.bc-form-input-text--success .bc-form-input-text__field:focus{box-shadow:0 0 0 3px var(--success-shadow-color)}.bc-form-input-text--success .bc-form-input-text__icon{color:var(--success-border-color)}.bc-form-input-text--warning .bc-form-input-text__field{border-color:var(--warning-border-color);background-color:var(--warning-bg-color)}.bc-form-input-text--warning .bc-form-input-text__field:focus{box-shadow:0 0 0 3px var(--warning-shadow-color)}.bc-form-input-text--warning .bc-form-input-text__icon{color:var(--warning-border-color)}.bc-form-input-text--disabled{opacity:.7}.bc-form-input-text--disabled .bc-form-input-text__label{color:var(--disabled-fg-color)}.bc-form-input-text--disabled .bc-form-input-text__clear{display:none}.bc-form-input-text--hidden{position:absolute;width:0;height:0;padding:0;margin:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
