.ui-alert-wrap{
  min-width: 100px;
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  min-height: 2.5em;
  >.content{
    max-width: 70vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

  }
  &.success {
    background-color: #e6f7ff;
  }
  &.info {
    background-color: #f6ffed;
  }
  &.warning {
    background-color: #fffbe6;
  }
  &.error {
    background-color: #fff2f0;
  }
  &.loading {
    background-color: #e6f7ff;
  }
  > .icon {
    display: flex;
    align-items: center;
  }
}



.loading>.icon{
  animation: loading infinite 1s linear;
  transform-origin: center;
  display:inline-flex;
  justify-content: center;
  align-items: center;
}

@keyframes loading {
  0%{
    transform: rotate(0deg);
    transform-origin: center;
  }
  100%{
    transform: rotate(1turn);
    transform-origin: center;
  }
}