@exadel/esl/modules/esl-alert/core.css

Exadel Smart Library (ESL) is the lightweight custom elements library that provide a set of super-flexible components

esl-alert {
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease 0.05s, visibility 0s linear 0.35s;
  position: absolute;
  z-index: 10002;
  right: 35%;
  bottom: 20px;
  padding: 20px;
  width: 30%;
  color: #fff;
  background-color: #0097e7;
}
body > esl-alert {
  position: fixed;
}
esl-alert[open] {
  opacity: 1;
  visibility: visible;
}