.bz-alert {
    align-items: flex-start;
    background-color: $bz-neutral-600;
    display: flex;
    overflow: hidden;
    padding: $bz-space-inset-squish-m;
    word-wrap: break-word;
    width: 100%;

    &__icon {
        margin-top: $bz-space-stack-xs;
    }

    &__message {
        color: $bz-neutral-100;
        flex: 1;
        max-height: 4.5em;
        min-height: 1.5em;
        overflow: auto;
        &--warning {
            color: $bz-neutral-600;
        }
    }

    &--success {
        background-color: $bz-color-state-success;
    }

    &--error {
        background-color: $bz-color-state-error;
    }

    &--warning {
        background-color: $bz-color-state-warning;
    }

    &--info {
        background-color: $bz-color-state-info;
    }

    &__close-icon {
       cursor: pointer;
    }
}

.bz-body-alert {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-rows: auto 1fr;
    -ms-grid-rows: auto 1fr;
}

.bz-body-alert > :nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}

.bz-body-alert > :nth-child(2) {
    grid-row-start: 2;
    grid-row-end: 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}