#toast {
  position: absolute;
  right: 0;
  top: 0;
  margin: var(--margin-medium);
  border-radius: var(--border-radius-low);
  padding: var(--padding-medium);
  width: 25vw;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  color: white;
  z-index: 9999;
  transition: transform 0.5s ease-in-out;
  transform: translateX(calc(100% + 0.4em));
  cursor: pointer;
}
#toast > section {
  display: flex;
}
#toast > section > img {
  height: 1.2em;
  filter: invert(1);
}
#toast > p {
  font-size: 0.9em;
}
#toast.showed {
  transform: translateX(0);
}

/*# sourceMappingURL=toast.css.map */