.text-field__input-container[data-v-c991c0e3] {
    display: inline-flex;
    position: relative
}

.text-field__input-container--full-width[data-v-c991c0e3] {
    width: 100%
}

.text-field__input-container--default-width[data-v-c991c0e3] {
    width: 328px
}

.text-field__input-container__input[data-v-c991c0e3] {
    border-radius: 6px;
    border-width: 1px;
    caret-color: #6242fc;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    min-height: 50px;
    padding: 0 16px;
    width: 100%
}

.text-field__input-container__input[data-v-c991c0e3]::-moz-placeholder {
    font-weight: 600;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(145 141 161/var(--tw-text-opacity,1))
}

.text-field__input-container__input[data-v-c991c0e3]::placeholder {
    font-weight: 600;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(158 118 172);
}

.text-field__input-container__input[data-v-c991c0e3]:focus {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 136 255/var(--tw-border-opacity,1))
}

.text-field__input-container__input[data-v-c991c0e3]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(234 232 247/var(--tw-bg-opacity,1))
}

.text-field__input-container__input[data-v-c991c0e3]:disabled::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 179 199/var(--tw-text-opacity,1))
}

.text-field__input-container__input[data-v-c991c0e3]:disabled::placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 179 199/var(--tw-text-opacity,1))
}

.text-field__input-container__input[data-v-c991c0e3]:hover:disabled {
    cursor: not-allowed
}

.text-field__input-container__input_success[data-v-c991c0e3] {
    border-radius: 6px;
    border-width: 1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    min-height: 50px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(213 247 219/var(--tw-bg-opacity,1));
    caret-color: #6242fc;
    padding: 0 16px
}

.text-field__input-container__input_success[data-v-c991c0e3]::-moz-placeholder {
    font-weight: 600;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(145 141 161/var(--tw-text-opacity,1))
}

.text-field__input-container__input_success[data-v-c991c0e3]::placeholder {
    font-weight: 600;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(145 141 161/var(--tw-text-opacity,1))
}

.text-field__input-container__input_success[data-v-c991c0e3]:focus {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 136 255/var(--tw-border-opacity,1))
}

.text-field__input-container__input_success[data-v-c991c0e3]:focus::-moz-placeholder {
    color: transparent
}

.text-field__input-container__input_success[data-v-c991c0e3]:focus::placeholder {
    color: transparent
}

.text-field__input-container__input_success[data-v-c991c0e3]:disabled {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(35 173 83/var(--tw-border-opacity,1))
}

.text-field__input-container__input_success[data-v-c991c0e3]:disabled::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 179 199/var(--tw-text-opacity,1))
}

.text-field__input-container__input_success[data-v-c991c0e3]:disabled::placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 179 199/var(--tw-text-opacity,1))
}

.text-field__input-container__input_success[data-v-c991c0e3]:hover:disabled {
    cursor: not-allowed
}

.text-field__input-container__input--left-icon[data-v-c991c0e3] {
    padding-left: 40px
}

.text-field__input-container__input--right-icon[data-v-c991c0e3] {
    padding-right: 40px
}

.text-field__input-container__input--right-button[data-v-c991c0e3] {
    padding-inline-end:40px}

.text-field__input-container__input--label[data-v-c991c0e3]:focus,.text-field__input-container__input--value[data-v-c991c0e3] {
    padding-top: 18px
}

.text-field__input-container__input--error[data-v-c991c0e3] {
    border-color: rgb(253 87 62/var(--tw-border-opacity,1));
    border-width: 2px
}

.text-field__input-container__input--default[data-v-c991c0e3],.text-field__input-container__input--error[data-v-c991c0e3] {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(47 18 54/var(--tw-text-opacity,1))
}

.text-field__input-container__input--default[data-v-c991c0e3],.text-field__input-container__input--frozen[data-v-c991c0e3] {
    border-color: rgb(177 144 190);
}

.text-field__input-container__input--frozen[data-v-c991c0e3] {
    --tw-border-opacity: 1;
    color: transparent
}

.text-field__input-container__left-icon[data-v-c991c0e3] {
    left: 12px
}

.text-field__input-container__left-icon[data-v-c991c0e3],.text-field__input-container__right-icon[data-v-c991c0e3] {
    position: absolute;
    top: 50%;
    width: 20px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(63 60 77/var(--tw-text-opacity,1))
}

.text-field__input-container__right-icon[data-v-c991c0e3] {
    right: 12px
}

.text-field__input-container__right-icon[data-v-c991c0e3]:hover {
    cursor: pointer
}

.text-field__input-container__right-icon--disabled[data-v-c991c0e3]:hover {
    cursor: not-allowed
}

.text-field__input-container__right-button[data-v-c991c0e3] {
    inset-inline-end: 60px;
    position: absolute;
    top: 50%;
    width: 20px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(63 60 77/var(--tw-text-opacity,1))
}

.text-field__input-container__right-button[data-v-c991c0e3]:hover {
    cursor: pointer
}

.text-field__input-container__label[data-v-c991c0e3] {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    position: absolute;
    top: 4px
}

.text-field__input-container__label--left-icon[data-v-c991c0e3] {
    left: 40px
}

.text-field__input-container__label--default[data-v-c991c0e3] {
    left: 16px
}

.text-field__input-container__label--value[data-v-c991c0e3] {
    visibility: visible
}

.text-field__input-container__label--no-value[data-v-c991c0e3] {
    visibility: hidden
}

.text-field__input-container__label--disabled[data-v-c991c0e3] {
    --tw-text-opacity: 1;
    color: rgb(182 179 199/var(--tw-text-opacity,1))
}

.text-field__input-container__label--active[data-v-c991c0e3] {
    --tw-text-opacity: 1;
    color: rgb(145 141 161/var(--tw-text-opacity,1))
}

.text-field__input-container__helper-text[data-v-c991c0e3] {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 4px
}

.text-field__input-container__helper-text--disabled[data-v-c991c0e3],.text-field__input-container__helper-text--disabled[data-theme=lightTheme][data-v-c991c0e3],[data-theme=lightTheme] .text-field__input-container__helper-text--disabled[data-v-c991c0e3] {
    --tw-text-opacity: 1;
    color: rgb(182 179 199/var(--tw-text-opacity,1))
}

.text-field__input-container__helper-text--active[data-v-c991c0e3] {
    --tw-text-opacity: 1;
    color: rgb(246 245 252/var(--tw-text-opacity,1))
}

.text-field__input-container__helper-text--active[data-theme=lightTheme][data-v-c991c0e3],[data-theme=lightTheme] .text-field__input-container__helper-text--active[data-v-c991c0e3] {
    --tw-text-opacity: 1;
    color: rgb(63 60 77/var(--tw-text-opacity,1))
}