.ui-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #1E1D1D;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all .2s;
}

.ui-input__content {
    background-color: #fff;
}

.ui-input__content:has(input:focus),
.ui-input__content:not(:has(input:placeholder-shown)) {
    color: #1E1D1D;
}

.ui-input__content:has(input:focus) .ui-input__row,
.ui-input__content:not(:has(input:placeholder-shown)) .ui-input__row {
    align-items: flex-end;
    border-bottom: 1px solid #1E1D1D;
    padding: 11.5px 0;
}

.ui-input__content:has(input:focus) .ui-input__label,
.ui-input__content:not(:has(input:placeholder-shown)) .ui-input__label {
    transform: none;
    top: 11.5px;
    font-size: 12px;
}

.ui-input__content:has(input:focus) input,
.ui-input__content:not(:has(input:placeholder-shown)) input {
    height: 19px;
}

.ui-input__row {
    cursor: text;
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    transition: all .2s ease-in-out;
    border-bottom: 1px solid #E6E5E3;
    padding: 22.5px 0;
}

.ui-input__wrapper {
    width: 100%;
}

.ui-input__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #A6A19E;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: text;
    background-color: #fff;
    transition: all .2s ease-in-out;
    pointer-events: none;
}

.ui-input  input {
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: 63px;
}

.ui-input input::placeholder {
    opacity: 0;
}

.ui-input input::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}