/* UI-поля: дополнения к components.css (label.warning, OTP, norequired) */

.ui-field.input.norequired::before,
[data-ui-field].input.norequired::before {
    content: none;
    display: none;
}

/* OTP: сообщение под ячейками */
.ui-field.-code p.-warning,
[data-ui-field="otp"] p.-warning,
.-code[data-ui-field="otp"] p.-warning {
    position: absolute;
    bottom: -19px;
    left: 0;
    margin: 0;
    color: var(--red);
}

.ui-field.-code .input.warning input,
[data-ui-field="otp"] .input.warning input {
    border-color: var(--red);
}

/* label.warning на границе в модалках / webapp */
.modals .modal .ui-field.input label.warning,
.modals .modal .input.ui-field label.warning,
#webapp-login .ui-field.input label.warning {
    background-color: var(--white);
}

.ui-field__toggle,
.ui-field .-show-password {
    cursor: pointer;
}