.form__field {
    position: relative;

    display: flex;
    align-items: center;

    padding: 8px 0;
}

.form__label {
    display: block;
    flex: initial;

    box-sizing: border-box;
    width: 35%;
    min-width: 35%;
    padding-right: .75rem;

    word-break: break-word;
}

.form__label_required::after {
    margin-left: .3em;

    content: '*';

    color: #f00;
}

.form__value {
    flex: auto;

    max-width: 65%;
}

.form__field + .form__field {
    margin-top: 8px;
}

.form__actions {
    display: flex;
    align-items: center;

    margin-top: 16px;
}

.form__button {
    margin-right: 18px;
}

.form__field-error {
    position: absolute;
    top: 8px;
    left: calc(100% + 16px);

    display: none;

    width: 200px;
    padding: 8px;

    font-size: 13px;
    line-height: 1.2;

    opacity: .9;
    color: #fff;
    background-color: #ff6464;
}

.form__field-error::before {
    position: absolute;
    top: 10px;
    left: -6px;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    background-color: #ff6464;

    transform: rotate(45deg);
}

.form__field-error_visible {
    display: block;
}

.form__field-error .form__field-error-text + .form__field-error-text {
    margin-top: 10px;
}
