.bolt-messagebar {
  padding: 8px 16px; }
  .bolt-messagebar.severity-info {
    background-color: rgba(0, 0, 0, 0.02);
    background-color: var(--palette-black-alpha-2,rgba(0, 0, 0, 0.02)); }
  .bolt-messagebar.severity-success {
    background-color: rgba(223, 246, 221, 1);
    background-color: var(--status-success-background,rgba(223, 246, 221, 1)); }
  .bolt-messagebar.severity-warning {
    background-color: rgba(251, 242, 236, 1);
    background-color: var(--status-warning-background,rgba(251, 242, 236, 1)); }
  .bolt-messagebar.severity-error {
    background-color: rgba(249, 235, 235, 1);
    background-color: var(--status-error-background,rgba(249, 235, 235, 1)); }

.bolt-messagebar-icons,
.bolt-messagebar-buttons {
  max-height: 50px; }

.bolt-messagebar-icon {
  margin-left: 8px;
  margin-right: 16px; }
  .severity-info .bolt-messagebar-icon {
    color: rgba(0, 120, 212, 1);
    color: var(--status-info-foreground,rgba(0, 120, 212, 1)); }
  .severity-success .bolt-messagebar-icon {
    color: rgba(16, 124, 16, 1);
    color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }
  .severity-warning .bolt-messagebar-icon {
    color: rgba(177, 133, 37, 1);
    color: var(--status-warning-icon-foreground,rgba(177, 133, 37, 1)); }
  .severity-error .bolt-messagebar-icon {
    color: rgba(205, 74, 69, 1);
    color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.bolt-messagebar-message {
  align-items: center;
  min-height: 32px; }
  .bolt-messagebar-message:not(:last-child) {
    margin-right: 90px; }

.bolt-messagebar-buttons {
  margin-left: auto; }
  .bolt-messagebar-buttons .bolt-button:first-child {
    margin-left: 8px; }
  .bolt-messagebar-buttons .bolt-button:not(:last-child) {
    margin-right: 8px; }

.bolt-messagebar-close-button.bolt-button.icon-only {
  font-size: 1rem;
  padding: 0px;
  margin-right: -4px; }

.bolt-messagebar.mobile .bolt-messagebar-content {
  padding: 10px 20px 10px 10px; }

.bolt-messagebar.mobile .bolt-messagebar-icon {
  align-self: flex-start;
  margin: 0px;
  padding: 6px 8px; }

.bolt-messagebar.mobile .bolt-messagebar-message {
  margin: 0px 0px 6px 8px;
  min-height: 0px; }

.bolt-messagebar.mobile .bolt-messagebar-buttons {
  margin-bottom: 6px;
  margin-top: 2px; }

.bolt-messagebar.mobile .bolt-messagebar-close-button {
  margin-left: 8px;
  margin-right: -10px; }