.wrapper {
  > div {
    &.persistent-flash {
      height: 50px;
      min-height: 50px;
      max-height: 50px;
    }
  }
}

.persistent-flash {
  @include position(fixed, 0 0 null 0);
  display: flex;
  align-items: center;
  justify-content: center;
  color: $core-white;
  padding: $pad-small;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background-color: #3d4758;
  min-width: $min-width;

  &__content {
    flex-grow: 1;
    text-align: center;

    i {
      color: $ui-error;
      font-size: $large;
    }

    span {
      margin-left: 15px;
      margin-right: 15px;
    }
  }
}
