.ls-async-content {
  width: 100%;

  &__loading-wrapper {
    padding: 4 * $sp;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  &__loading-text {
    font-size: 1.6rem;
    margin-top: 4 * $sp;
  }

  &__error-wrapper {
    padding: 4 * $sp;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
  }

  &__error-icon {
    color: $color-error;
  }

  &__error-text {
    font-size: 1.6rem;
    margin-top: 4 * $sp;
  }

  &__reload-button {
    margin-top: 4 * $sp;
  }
}