.AppAlert {
  display: flex;
  font-size: .8em;
  background: var(--colorThemeAccent);
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 20px #0000001a;
  line-height: 1.5;
  margin-bottom: var(--spaceMd);
}

.AppAlert a {
  color: inherit;
  text-decoration: underline;
}

.AppAlert a:hover, .AppAlert a:active, .AppAlert a:focus {
  text-decoration: none;
}

.AppAlert-icon {
  background: currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
}

.AppAlert-icon svg {
  color: #fff;
  width: 1em;
}

.AppAlert-text {
  color: var(--colorText);
  padding: 1.2em;
}

.AppAlert--info {
  color: var(--stateInfo);
}

.AppAlert--success {
  color: var(--stateSuccess);
}

.AppAlert--warning {
  color: var(--stateWarning);
}

.AppAlert--error {
  color: var(--stateError);
}

/*# sourceMappingURL=alert.min.css.map */