.sui-l-page-empty-state {
  display: flex;
  flex-direction: column;
  background: $sui-color-brand-denim-200;
  border: $sui-size-border solid $sui-color-brand-denim-300;
  border-radius: $sui-border-radius-lg;
  text-align: center;
  min-height: rem(200);
  margin: 0 auto rem(60) auto;

  &__inner {
    margin: 0 auto;
    width: 100%;
    max-width: rem(1000);
    background: url($sui-image-path + '/empty-list.png') center top no-repeat;
    background-size: contain;
  }

  &__content {
    flex-grow: 1;
    padding: $sui-space-xxl;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    h2 {
      font-size: $sui-font-size-ml;
      font-weight: 300;
      margin: 0 0 $sui-space-lg 0;
    }

    & > *:last-child {
      margin-bottom: 0;
    }
  }

  &__illustration {
    width: 90%;
    margin: 0 auto rem(-60) auto;
    height: rem(200);
    background: url($sui-image-path + '/empty-illustration.svg') center center no-repeat;
    background-size: contain;
  }
}
