@-webkit-keyframes progressBar {
   0% {
      left: 0;
   }
   to {
      left: -105%;
   }
}
@keyframes progressBar {
   0% {
      left: 0;
   }
   to {
      left: -105%;
   }
}
.eggy > div.success {
   border: 2px solid #61c9a8;
}
.eggy > div.success svg:first-of-type {
   fill: #61c9a8;
}
.eggy > div.warning {
   border: 2px solid #ed9b40;
}
.eggy > div.warning svg:first-of-type {
   fill: #ed9b40;
}
.eggy > div.info {
   border: 2px solid #40a2ed;
}
.eggy > div.info svg:first-of-type {
   fill: #40a2ed;
}
.eggy > div.error {
   border: 2px solid #d64550;
}
.eggy > div.error svg:first-of-type {
   fill: #d64550;
}
.eggy > div svg:first-of-type {
   width: 30px;
   z-index: 2;
}
.eggy > div svg:last-of-type {
   z-index: 2;
   width: 25px;
   fill: #8d8d8d;
   -ms-grid-column-align: center;
   justify-self: center;
   cursor: pointer;
   margin-left: auto;
}
.eggy > div > div .message,
.eggy > div > div .title {
   margin: 0.1rem 0;
   color: #404040;
}
.eggy > div > div .message.title,
.eggy > div > div .title.title {
   font-weight: 700;
   font-size: 0.9rem;
}
.eggy > div > div .message.message,
.eggy > div > div .title.message {
   font-weight: 400 !important;
   font-size: 0.8rem;
}