:host {
  display: flex;
  inline-size: fit-content;
}

.gux-inline-alert {
  display: inline-flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--gse-ui-alert-padding);
  border: 1px solid;
  border-radius: var(--gse-ui-alert-borderRadius);
}
.gux-inline-alert gux-icon {
  flex-shrink: 0;
  align-self: flex-start;
  margin-block-start: 1px;
}
.gux-inline-alert gux-tooltip-title {
  white-space: nowrap;
}
.gux-inline-alert .gux-message-wrapper {
  display: flex;
  gap: var(--gse-ui-alert-gap);
  font-family: var(--gse-ui-alert-text-fontFamily);
  font-size: var(--gse-ui-alert-text-fontSize);
  font-weight: var(--gse-ui-alert-text-fontWeight);
  line-height: var(--gse-ui-alert-text-lineHeight);
}
.gux-inline-alert .gux-content {
  flex: 1 1 auto;
}
.gux-inline-alert.gux-info {
  color: var(--gse-ui-alert-info-foregroundColor);
  background-color: var(--gse-ui-alert-info-backgroundColor);
  border: var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color);
}
.gux-inline-alert.gux-info gux-icon {
  color: var(--gse-ui-alert-info-iconColor);
}
.gux-inline-alert.gux-error {
  color: var(--gse-ui-alert-error-foregroundColor);
  background-color: var(--gse-ui-alert-error-backgroundColor);
  border: var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color);
}
.gux-inline-alert.gux-error gux-icon {
  color: var(--gse-ui-alert-error-iconColor);
}
.gux-inline-alert.gux-warning {
  color: var(--gse-ui-alert-warning-foregroundColor);
  background-color: var(--gse-ui-alert-warning-backgroundColor);
  border: var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color);
}
.gux-inline-alert.gux-warning gux-icon {
  color: var(--gse-ui-alert-warning-iconColor);
}
.gux-inline-alert.gux-success {
  color: var(--gse-ui-alert-success-foregroundColor);
  background-color: var(--gse-ui-alert-success-backgroundColor);
  border: var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color);
}
.gux-inline-alert.gux-success gux-icon {
  color: var(--gse-ui-alert-success-iconColor);
}