.input__SD {
  height: 42px;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  border-color: var(--lightBorderSD);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Matter;
  font-size: 16px;
  line-height: 1;
  color: var(--textDark);
}
.input__SD::-moz-placeholder {
  color: var(--textSecondary);
  opacity: 0.6;
}
.input__SD::placeholder {
  color: var(--textSecondary);
  opacity: 0.6;
}
.input__SD:focus {
  border-color: var(--primaryColorSD);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.input__SD:is(.dark *) {
  background-color: transparent;
}
/* .formPreview__wrapper .input__SD{
  @apply bg-[#ffffff] text-[#585b5d];
} */
.field__wrapper .field__has__icon .input__SD,
body .field__wrapper .field__has__icon .react-datepicker-wrapper input {
  padding-left: 38px;
}
.field__wrapper.currencyField .input__SD {
  padding-left: 46px;
}
.field__wrapper.currencyField .field__has__icon .input__SD {
  padding-left: 46px;
}
.field__wrapper .field__has__icon.icon__right .input__SD {
  padding-left: 12px;
  padding-right: 40px;
}
.field__wrapper.field__has__error .input__SD {
  border-width: 1px;
  border-color: var(--dangerSD);
}
/* .field__wrapper.field__has__error .field__has__icon.icon__right .input__SD {
  @apply pr-[63px];
} */
.field__wrapper.field__has__success .input__SD {
  border-width: 1px;
  border-color: var(--successSD);
}
/* .field__wrapper.field__has__success .field__has__icon.icon__right .input__SD {
  @apply pr-[63px];
} */
.field__wrapper.disable__field__wrapper .input__SD {
  opacity: 0.5;
}
.input__SD::-webkit-outer-spin-button,
.input__SD::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input__SD[type=number] {
  -moz-appearance: textfield;
}

/* Auto-expand styles for CurrencyField */
.field__wrapper.currencyField--autoExpand {
  width: auto;
}
.field__wrapper.currencyField--autoExpand .input__SD {
  width: auto;
  min-width: 44px;
}