@import "../global";
@import "../color-palette";
@import "../rem-sizes";

.form {
    .field {
        .alert {

            &.alert--error {
                background-color: @red-050;
                border: 1px solid @red-200;
                color: @red-800;
            }

            &.alert--warning {
                background-color: @yellow-050;
                border: 1px solid @yellow-200;
                color: @yellow-800;
            }

            &.alert--info {
                background-color: @primary-100;
                border: 1px solid @primary-200;
                color: @primary-800;
            }
        }
    }
}