@import '../../_coreStyles.scss';
.bolt-messagebar {
    padding: $spacing-8 $spacing-16;

    &.severity-info {
        background-color: $transblack-2;
    }

    &.severity-success {
        background-color: $status-success-background;
    }

    &.severity-warning {
        background-color: $status-warning-background;
    }

    &.severity-error {
        background-color: $status-error-background;
    }
}

.bolt-messagebar-icon {
    margin-left: $spacing-8;
    margin-right: $spacing-16;
    font-size: $fontSizeML;

    .severity-info & {
        color: $status-info-foreground;
    }

    .severity-success & {
        color: $status-success-foreground;
    }

    .severity-warning & {
        color: $status-warning-foreground;
    }

    .severity-error & {
        color: $status-error-foreground;
    }
}

.bolt-messagebar-message {
    min-height: 32px;
    align-items: center;

    font-size: $fontSizeM;

    &:not(:last-child) {
        margin-right: 90px;
    }
}

.bolt-messagebar-buttons {
    margin-left: auto;
    align-items: center;
    align-self: stretch;

    .bolt-button {
        background-color: $transblack-6;
    }

    .bolt-button:not(:last-child) {
        margin-right: $spacing-8;
    }
}

// .icon-only necessary to override size props
.bolt-messagebar-close-button.bolt-button.icon-only {
    font-size: $fontSizeML;
    width: 32px;
    height: 32px;
    padding: 0px;
    border: 0;

    background-color: transparent;

    margin-right: -4px;
}