.success {
    background-color: var(--success-message-green);
    padding: 16px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: var(--display-message-border-radius);
    /* Firefox 1-3.6 */
    -moz-border-radius: var(--display-message-border-radius);
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: var(--display-message-border-radius);
}

.success-check {
    background-image: url(/images/ellipse-check.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0;
    border: none;
    font-size: var(--body-font-m-size);
    padding: 2px 8px 2px 28px;
    color: var(--body-font-m-color);
    font-style: normal;
    font-weight: var(--body-font-m-weight);
    line-height: var(--body-font-m-line-height);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.warning {
    background-color: var(--warning-orange);
    padding: 16px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: var(--display-message-border-radius);
    /* Firefox 1-3.6 */
    -moz-border-radius: var(--display-message-border-radius);
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: var(--display-message-border-radius);
}

.warning-alert {
    background-image: url(/images/icon-alert.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0;
    border: none;
    font-size: var(--body-font-m-size);
    padding: 2px 8px 2px 28px;
    color: var(--body-font-m-color);
    font-style: normal;
    font-weight: var(--body-font-m-weight);
    line-height: var(--body-font-m-line-height);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.failed {
    background-color: var(--failed-message-red);
    padding: 16px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: var(--display-message-border-radius);
    /* Firefox 1-3.6 */
    -moz-border-radius: var(--display-message-border-radius);
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: var(--display-message-border-radius);
}

.failed-check {
    background-image: url(/images/ellipse-cross.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0;
    border: none;
    font-size: var(--body-font-m-size);
    padding: 2px 8px 2px 28px;
    color: var(--body-font-m-color);
    font-style: normal;
    font-weight: var(--body-font-m-weight);
    line-height: var(--body-font-m-line-height);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.info-message {
    background-color: var(--information-grey);
    padding: 16px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: var(--display-message-border-radius);
    /* Firefox 1-3.6 */
    -moz-border-radius: var(--display-message-border-radius);
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: var(--display-message-border-radius);
}

.information-exclamation {
    background-image: url(/images/icon-info.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 0;
    border: none;
    font-size: var(--body-font-m-size);
    padding: 2px 8px 2px 28px;
    color: var(--body-font-m-color);
    font-style: normal;
    font-weight: var(--body-font-m-weight);
    line-height: var(--body-font-m-line-height);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}