.flash-messages {
  .alert {
    background: palette(blue, xx-dark);
    bottom: 0;
    color: white;
    left: 50%;
    padding: 1em;
    position: absolute;
    transform: translate(-50%, 100%);
    transition: transform 0.2s ease;

    &.active {
      transform: translate(-50%, 0);
    }

    &.exiting {
      transform: translate(-50%, 100%);
    }
  }
}