.message-bar {
  background-color: var(--white);
  border: var(--border);
  border-radius: var(--borderRadius);
  padding: 8px 16px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  min-height: 48px;
  line-height: 1.3;
}

.message-bar > .icon-component {
  margin-top: 6px;
}

.message-bar > p {
  margin: 7px 0 4px 0;
  flex: 1;
}

.message-bar .spinner {
  margin-top: 6px;
}

.message-bar button.close {
    margin-right: -12px;
}

.message-bar.success {
  border-color: var(--green);
}
.message-bar.warning {
  border-color: var(--yellow);
}
.message-bar.error {
  border-color: var(--red);
}