.input-field-container{box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:relative}.input-field-container:not(.only-input){gap:var(--spacing-size-14)}.input-field-label{color:var(--text-primary);margin:0;padding:0}.input-box-wrapper{height:40px;padding:var(--spacing-size-8) var(--spacing-size-12);background-color:var(--surface-primary);border-radius:var(--radius-size-4);border-width:var(--border-size-1);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);border-style:solid;justify-content:space-between;align-items:center;display:flex}.input-box-wrapper.state-default{border-color:var(--border-tertiary)}.input-box-wrapper.state-selected{border-color:var(--border-primary)}.input-box-element{height:100%;color:var(--text-primary);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;margin:0;padding:0}.input-box-element::placeholder{color:var(--text-primary);opacity:.6}.input-box-wrapper:has(.input-box-element:disabled){background-color:var(--surface-disabled-light,#f1f5f9);border-color:var(--border-tertiary,#e2e8f0);cursor:not-allowed}.input-box-element:disabled{color:var(--text-tertiary,#64748b);cursor:not-allowed}.input-box-wrapper.state-error{border-color:var(--border-error-light)}.input-box-wrapper.state-error .input-box-element::placeholder{color:var(--text-error-light);opacity:1}.input-field-error-text{color:var(--text-error-light);text-align:left;margin-top:-6px}.input-box-icon-left,.input-box-icon-right{width:24px;height:24px;color:var(--icon-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.input-box-icon-left{margin-right:var(--spacing-size-8)}.input-box-icon-right{margin-left:var(--spacing-size-8)}.input-box-icon-left svg,.input-box-icon-right svg{width:100%;height:100%;display:block}.input-box-wrapper.is-textarea{flex:1;align-items:flex-start;height:auto}.input-box-wrapper.is-textarea .input-box-element{resize:none;min-height:80px;font-family:inherit}.input-box-icon-right.has-icon-bg{background-color:var(--surface-brand-light);border:.5px solid var(--border-tertiary);border-radius:var(--radius-size-4)}.input-box-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-box-element[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-box-element[type=number]{-moz-appearance:textfield}