@use '../../partials/flex';

.app-welcome {
  width: 100%;
  height: 100%;
  background-color: var(--bg-surface);

  & > div {
    @extend .cp-fx__column--c-c;
    max-width: 600px;
  }
  &__logo {
    width: 64px;
    height: 64px;
  }
  &__heading {
    margin: var(--sp-extra-loose) 0 var(--sp-tight);
    color: var(--tc-surface-high);
  }
  &__subheading {
    color: var(--tc-surface-normal);
  }
}