/*
 * Typography styles and mixins.
 */
/* Headings */
/* Body Copy */
/* Anchor */
:host {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  place-content: stretch flex-start;
  align-items: flex-start;
  width: 294px;
  padding: 16px 8px 16px 16px;
  margin-bottom: 4px;
  color: var(--gse-ui-toast-success-foregroundColor);
  background: var(--gse-ui-toast-success-backgroundColor);
  border: 1px solid var(--gse-ui-card-default-border-color);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(32, 41, 55, 0.24);
}

.gux-icon {
  flex: 0 1 auto;
  align-self: auto;
  order: 0;
  margin: 4px;
}
.gux-icon ::slotted(gux-icon) {
  width: 24px !important;
  height: 24px !important;
}
.gux-icon.gux-alert {
  color: var(--gse-ui-toast-error-iconColor);
}
.gux-icon.gux-warning {
  color: var(--gse-ui-toast-warning-iconColor);
}
.gux-icon.gux-positive {
  color: var(--gse-ui-toast-success-iconColor);
}
.gux-icon.gux-neutral {
  color: var(--gse-ui-toast-info-iconColor);
}

.gux-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  place-content: stretch flex-start;
  align-items: flex-start;
  align-self: auto;
  order: 0;
  margin: 0 12px 0 8px;
  color: var(--gse-ui-toast-success-foregroundColor);
}
.gux-content .gux-title,
.gux-content .gux-message {
  flex: 1 1 auto;
  align-self: auto;
  order: 0;
}
.gux-content .gux-title {
  font-family: var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;
  font-size: var(--gse-semantic-heading-sm-bold-fontSize);
  line-height: var(--gse-semantic-heading-sm-bold-lineHeight);
  font-weight: var(--gse-semantic-heading-sm-bold-fontWeight);
}