#SavePost {
  @include transition(opacity 0.6s, height 0.3s, background-color 0.3s);
  @include display(flex);
  @include align-items(center);
  @include justify-content(center);
  position: fixed;
  padding: 1em;
  bottom: 10vh;
  left: calc(50% - 150px);
  width: 300px;
  z-index: 1000;
  overflow: hidden;
  background-color: rgba(128, 218, 128, 0.90);
  font-size: 1.5em;
  border-radius: 2px;
  box-shadow: 0 0 2px 0 darken(green, 5%);
  color: darken(green, 5%);
  text-shadow: lighten(green, 5%);

  &.saving {
    height: 3px;
    div.progress {
      @include transition(width 0.3s);

    }
  }

  &.fade {
    opacity: 0;
  }

  &.success {
    height: 4em;
    text-align: center;
    background-color: lighten(green, 50%);
  }

  div.progress {
    position: absolute;
    @include transition(width 0.2s ease-in);
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: lighten(green, 5%);
  }

  p.message {
    margin: 0;
    line-height: 1em;
    font-weight: thin;
  }
}