.no-input,
.no-input[type="text"],
.no-input[type="email"],
.no-input[type="password"],
.no-input[type="search"] {
    width: 100%;
    padding: 8px 12px;
    box-sizing: border-box;
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 155%;
    background-color: #FFFFFF;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
}

    .no-input:disabled,
    .no-input[type="text"]:disabled,
    .no-input[type="email"]:disabled,
    .no-input[type="password"]:disabled,
    .no-input[type="search"]:disabled {
        background-color: #e3e3e3;
    }

.no-input--error,
.no-input--error[type="text"],
.no-input--error[type="email"],
.no-input--error[type="password"],
.no-input--error[type="search"] {
    border-color: red;
}

.no-input[type="text"].no-input--right-spaced,
.no-input[type="password"].no-input--right-spaced {
    padding: 8px 40px 8px 12px;
}

.no-textarea {
    resize: none;
}

.no-input-with-placeholder {
    position: relative;
}

.no-input-custom-placeholder {
    position: absolute;
    bottom: 9px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 155%;
}

.no-input-wrapper {
    position: relative;
}

.show-pswd-icon,
.hide-pswd-icon {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}

.show-pswd-icon {
    background-image: url("/images/icons/eye-solid.svg");
}

.hide-pswd-icon {
    background-image: url("/images/icons/eye-slash-solid.svg");
}