.control-container span.error-message {
    height: 1em;
    position: relative;
    overflow: hidden;
    margin-left: 4px;
}

    .control-container span.error-message > span.error-message-text {
        font-size: 0.8em;
    }

.control-container.error,
.control-container.error input::placeholder,
input.error::placeholder {
    color: var(--brand-feedback-error);
}

    .control-container.error span.error-message > span.error-message-text:before {
        content: '* '
    }

.control-container.toggle-button.error input[type="checkbox"] {
    background-color: var(--brand-feedback-error);
    border-color: var(--brand-feedback-error);
}