.flash {
  position: fixed;
  z-index: 200;
  top: 1rem;
  right: 1rem;
  width: calc(100% - 2rem);
  max-width: 25rem;

  padding: 1rem 1.5rem;

  background: var(--bg-notification-color);
  border-radius: 0.5em;
  border: solid var(--border-color) 0.0625rem;

  display: flex;
  align-items: center;

  animation: appear-then-fade 3s 300ms both;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
  box-sizing: border-box;

  svg {
    width: 1.5em;
    fill: var(--positive-color);
    margin-right: 1em;
  }
}

@keyframes appear-then-fade {
  0%, 100% { opacity: 0; }
  5%, 80% { opacity: 1; }
}