@use 'apps/dashboard/src/variables' as *;

.onboarding-container {
  background: $color-light-stronger;
  display: flex;
  flex-direction: column;
  gap: rhythm(4);
  width: rhythm(50);
  z-index: 1;

  header {
    text-align: left;

    h1 {
      margin-bottom: rhythm(1);
    }
    p.page-description {
      color: $color-neutral-regular;
      margin-bottom: 0;
    }
  }
}

@media (max-height: $height-viewport-medium-max) {
  .onboarding-container .onboarding-form {
    gap: rhythm(2);
  }
}
