.textarea__SD {

    height: 42px;

    min-height: 100px;

    width: 100%;

    overflow-y: auto;

    border-radius: 6px;

    border-width: 1px;

    border-color: var(--lightBorderSD);

    background-color: var(--bgWhiteSD);

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 4px;

    padding-bottom: 5px;

    font-family: Matter-Regular;

    font-size: 16px;

    color: var(--textDark)
}

.textarea__SD::-moz-placeholder {

    color: var(--textSecondary);

    opacity: 0.6
}

.textarea__SD::placeholder {

    color: var(--textSecondary);

    opacity: 0.6
}

.textarea__SD:focus {

    border-color: var(--primaryColorSD);

    outline: 2px solid transparent;

    outline-offset: 2px
}

.formPreview__wrapper .textarea__SD {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.adaptiveTextarea__SD {

    height: 42px;

    min-height: 100px;

    width: 100%;

    overflow-y: auto;

    border-radius: 6px;

    border-width: 1px;

    border-color: var(--lightBorderSD);

    background-color: var(--bgWhiteSD);

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 4px;

    padding-bottom: 5px;

    font-family: Matter-Regular;

    font-size: 16px;

    color: var(--textDark)
}

.adaptiveTextarea__SD::-moz-placeholder {

    color: var(--textSecondary);

    opacity: 0.6
}

.adaptiveTextarea__SD::placeholder {

    color: var(--textSecondary);

    opacity: 0.6
}

.adaptiveTextarea__SD:focus {

    border-color: var(--primaryColorSD);

    outline: 2px solid transparent;

    outline-offset: 2px
}
/* .dark .adaptiveTextarea__SD{
  @apply dark:bg-bgSurface dark:shadow-none dark:border-[1px] dark:border-customDark100 dark:text-[#ffffff];
} */

.field__wrapper .field__has__icon .textarea__SD,
.field__wrapper .field__has__icon .adaptiveTextarea__SD,
body .field__wrapper .field__has__icon .react-datepicker-wrapper input {

    padding-left: 38px
}
.field__wrapper .field__has__icon.icon__right .textarea__SD,
.field__wrapper .field__has__icon.icon__right .adaptiveTextarea__SD {

    padding-left: 12px;

    padding-right: 40px
}
.field__wrapper.field__has__error .textarea__SD,
.field__wrapper.field__has__error .adaptiveTextarea__SD {

    border-width: 1px;

    border-color: var(--dangerSD)
}
/* .field__wrapper.field__has__error .field__has__icon.icon__right .textarea__SD,
.field__wrapper.field__has__error .field__has__icon.icon__right .adaptiveTextarea__SD{
  @apply pr-[63px];
} */
.field__wrapper.field__has__success .textarea__SD,
.field__wrapper.field__has__success .adaptiveTextarea__SD {

    border-width: 1px;

    border-color: var(--successSD)
}
/* .field__wrapper.field__has__success .field__has__icon.icon__right .textarea__SD,
.field__wrapper.field__has__success .field__has__icon.icon__right .adaptiveTextarea__SD{
  @apply pr-[63px];
} */
.field__wrapper.disable__field__wrapper .textarea__SD,
.field__wrapper.disable__field__wrapper .adaptiveTextarea__SD {

    opacity: 0.5
}

.textarea__SD.defaultInputOnFocusTextarea {

    height: 40px;

    min-height: 40px;

    transition-duration: 300ms
}

.textarea__SD.defaultInputOnFocusTextarea:focus {

    height: 100px;

    min-height: 100px
}