.input-field{height:var(--input-height,3rem);background-color:var(--surface-action-input-default);border:var(--border-width-1) solid var(--border-action-input-default);border-radius:var(--radius-input);width:100%;padding:var(--space-10) var(--space-12);cursor:text;flex-direction:column;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.input-field--labeled{padding:var(--space-4) var(--space-12);gap:0}.input-field:hover:not(.input-field--disabled){border-color:var(--border-action-input-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-input-ring-hover)}.input-field:focus-within:not(.input-field--disabled),.input-field--active{border-color:var(--border-action-input-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-input-ring-active)}.input-field--error,.input-field--error:hover,.input-field--error:focus-within{border-color:var(--border-action-input-error);box-shadow:0 0 0 var(--border-width-3) var(--border-action-input-ring-error)}.input-field--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:var(--surface-action-input-disabled);border-color:var(--border-action-input-disabled);box-shadow:none}.input-label{font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-10);font-weight:600;line-height:var(--line-height-12);color:var(--text-disabled);-webkit-user-select:none;user-select:none}.input-native{width:100%;font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-14);font-weight:600;line-height:var(--line-height-20);color:var(--text-strong);-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:0}.input-native::placeholder{color:var(--text-disabled);font-weight:400}.input-field--with-icon{align-items:center;gap:var(--space-8);flex-direction:row}.input-icon{width:24px;height:24px;color:var(--icon-action-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-field--with-actions{padding:var(--space-4);flex-direction:row;align-items:center;gap:0}.input-field--with-actions .input-native{text-align:center;flex:1;min-width:0}.input-field--with-actions:hover:not(.input-field--disabled),.input-field--with-actions:focus-within:not(.input-field--disabled){border-color:var(--border-action-input-default);box-shadow:none}.input-field--with-actions .button{z-index:1;position:relative}.input-native::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-native::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-native:disabled{cursor:not-allowed}.input-wrapper{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.input-error-message{align-items:center;gap:var(--space-4);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-caption);color:var(--text-body);margin:0;font-weight:400;line-height:18px;display:flex}.input-error-icon{color:var(--surface-feedback-error);flex-shrink:0}