@acorex-platform/module-auth-client 0.0.58 → 0.0.60

package/fesm2022/acorex-platform-module-auth-client-waiting-room.component-Wu8iPiTm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-auth-client-waiting-room.component-Wu8iPiTm.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/waiting-room/waiting-room.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/waiting-room/waiting-room.component.html"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/cdk/common';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXFormatService } from '@acorex/core/format';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { AXPSessionService } from '@acorex-platform/framework-client/auth';\nimport { AXPPlatformBrandingService, AXPSettingsService } from '@acorex-platform/framework-client/common';\nimport {\n  AXPEntityLogoRegistrationService,\n  AXPLogoComponent,\n  axpExtractLogoUrl,\n  axpTenantLogoKey,\n} from '@acorex-platform/framework-client/core';\nimport { AXPUserAvatarComponent } from '@acorex-platform/framework-client/layout/components';\nimport { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport { AXPRegionalSetting } from '@acorex-platform/framework-shared/core';\nimport {\n  AXM_JOIN_REQUEST_ERROR_CODES,\n  AXM_MEMBERSHIP_INVITE_WAITING_ROOM_SOURCE,\n  AXMSecurityManagementServerCommands,\n  type AXMJoinRequestItem,\n  type AXMPendingInvitationItem,\n} from '@acorex-platform/module-security-management-client/contracts';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n  ViewEncapsulation,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\n\n//#region ----- Types -----\n\ninterface WaitingRoomInvitation extends AXMPendingInvitationItem {\n  expiresAtLabel: string;\n}\n\ninterface WaitingRoomJoinRequest extends AXMJoinRequestItem {\n  expiresAtLabel: string;\n}\n\n//#endregion\n\n//#region ----- Waiting room -----\n\n@Component({\n  selector: 'axp-auth-waiting-room',\n  templateUrl: './waiting-room.component.html',\n  styleUrls: ['../shared/auth-chooser.layout.css', './waiting-room.component.css'],\n  imports: [\n    CommonModule,\n    FormsModule,\n    RouterModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXLoadingModule,\n    AXSkeletonModule,\n    AXTextBoxModule,\n    AXTranslationModule,\n    AXPLogoComponent,\n    AXPUserAvatarComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXPAuthWaitingRoomComponent implements OnInit {\n  //#region ----- Services & Dependencies -----\n\n  private readonly sessionService = inject(AXPSessionService);\n  private readonly commandService = inject(AXPCommandService);\n  private readonly translationService = inject(AXTranslationService);\n  private readonly toastService = inject(AXToastService);\n  private readonly platformBranding = inject(AXPPlatformBrandingService);\n  private readonly formatService = inject(AXFormatService);\n  private readonly settingsService = inject(AXPSettingsService);\n  private readonly logoRegistration = inject(AXPEntityLogoRegistrationService);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  //#endregion\n\n  //#region ----- State Signals -----\n\n  protected readonly platformTitle = signal('');\n  protected readonly loading = signal(true);\n  protected readonly busyId = signal<string | null>(null);\n  protected readonly invitations = signal<WaitingRoomInvitation[]>([]);\n  protected readonly joinRequests = signal<WaitingRoomJoinRequest[]>([]);\n  /** True when opened from membership-invite notification or user already has other tenants. */\n  protected readonly membershipContext = signal(false);\n  protected readonly uniqueName = signal('');\n  protected readonly submitBusy = signal(false);\n\n  //#endregion\n\n  //#region ----- Computed Properties -----\n\n  protected readonly titleKey = computed(() =>\n    this.membershipContext()\n      ? '@auth:waiting-room.membership-invite.title'\n      : '@auth:waiting-room.title',\n  );\n\n  protected readonly descriptionKey = computed(() =>\n    this.membershipContext()\n      ? '@auth:waiting-room.membership-invite.description'\n      : '@auth:waiting-room.description',\n  );\n\n  protected readonly canSubmitJoinRequest = computed(\n    () => this.uniqueName().trim().length > 0 && !this.submitBusy(),\n  );\n\n  protected get user() {\n    return this.sessionService.user;\n  }\n\n  protected tenantLogoKey(tenantId: string): string {\n    return axpTenantLogoKey(tenantId);\n  }\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  async ngOnInit(): Promise<void> {\n    const title = await this.platformBranding.resolvePlatformTitle().catch(() => '');\n    this.platformTitle.set(title || 'ACoreX');\n\n    // After admin approves a join request, a refresh must leave the waiting room.\n    if (await this.redirectIfMembershipAvailable()) {\n      return;\n    }\n\n    const source = String(this.route.snapshot.queryParamMap.get('source') ?? '').trim();\n    const fromInvite = source === AXM_MEMBERSHIP_INVITE_WAITING_ROOM_SOURCE;\n    this.membershipContext.set(fromInvite);\n\n    await this.reloadLists();\n  }\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  /**\n   * Refresh clears the in-memory tenants catalog cache (hard navigation), then the\n   * tenant-chooser guard sends the user back here only when still without membership.\n   */\n  protected async reload(): Promise<void> {\n    if (typeof window !== 'undefined') {\n      window.location.assign('/auth/account/tenant-chooser');\n      return;\n    }\n    if (await this.redirectIfMembershipAvailable()) {\n      return;\n    }\n    await this.reloadLists();\n  }\n\n  protected onUniqueNameChange(event: AXValueChangedEvent): void {\n    const next = typeof event?.value === 'string' ? event.value : String(event?.value ?? '');\n    this.uniqueName.set(next);\n  }\n\n  protected async submitJoinRequest(): Promise<void> {\n    const uniqueName = this.uniqueName().trim();\n    if (!uniqueName || this.submitBusy()) {\n      return;\n    }\n    this.submitBusy.set(true);\n    try {\n      const result = await this.commandService.execute(\n        AXMSecurityManagementServerCommands.RequestTenantMembership,\n        { uniqueName },\n      );\n      if (!result?.success) {\n        const text = await this.joinRequestErrorText(result);\n        this.toastService.show({ color: 'danger', content: text, timeOut: 4000 });\n        return;\n      }\n      const ok = await this.translationService\n        .translateAsync('@auth:waiting-room.join-request.submit-success')\n        .catch(() => 'Membership request sent. An administrator will review it.');\n      this.toastService.show({ color: 'success', content: ok, timeOut: 3000 });\n      this.uniqueName.set('');\n      await this.reloadJoinRequests();\n    } finally {\n      this.submitBusy.set(false);\n    }\n  }\n\n  protected async cancelJoinRequest(item: AXMJoinRequestItem): Promise<void> {\n    this.busyId.set(item.tenantUserId);\n    try {\n      const result = await this.commandService.execute(\n        AXMSecurityManagementServerCommands.CancelMyJoinRequest,\n        { tenantUserId: item.tenantUserId },\n      );\n      if (!result?.success) {\n        const text = await this.joinRequestErrorText(result);\n        this.toastService.show({ color: 'danger', content: text, timeOut: 4000 });\n        return;\n      }\n      await this.reloadJoinRequests();\n    } finally {\n      this.busyId.set(null);\n    }\n  }\n\n  protected async accept(item: AXMPendingInvitationItem): Promise<void> {\n    this.busyId.set(item.tenantUserId);\n    try {\n      let newPassword: string | undefined;\n      // First attempt without password; if server requires one, prompt once.\n      let result = await this.commandService.execute(\n        AXMSecurityManagementServerCommands.AcceptMyInvitation,\n        { tenantUserId: item.tenantUserId },\n      );\n      const needsPassword =\n        !result?.success &&\n        typeof result?.message?.text === 'string' &&\n        result.message.text.toLowerCase().includes('password');\n      if (needsPassword) {\n        const promptTitle = await this.translationService\n          .translateAsync('@auth:waiting-room.set-password-title')\n          .catch(() => 'Set Password');\n        const promptMessage = await this.translationService\n          .translateAsync('@auth:waiting-room.set-password-message')\n          .catch(() => 'Choose a password to activate your account (min 6 characters).');\n        newPassword = window.prompt(`${promptTitle}\\n${promptMessage}`) ?? undefined;\n        if (!newPassword || newPassword.length < 6) {\n          return;\n        }\n        result = await this.commandService.execute(\n          AXMSecurityManagementServerCommands.AcceptMyInvitation,\n          { tenantUserId: item.tenantUserId, newPassword },\n        );\n      }\n      if (!result?.success) {\n        const fallback = await this.translationService\n          .translateAsync('@auth:waiting-room.accept-failed')\n          .catch(() => 'Could not accept the invitation.');\n        const text =\n          (typeof result?.message?.text === 'string' && result.message.text) || fallback;\n        this.toastService.show({ color: 'danger', title: text, content: text, timeOut: 4000 });\n        return;\n      }\n      const ok = await this.translationService\n        .translateAsync('@auth:waiting-room.accept-success')\n        .catch(() => 'Invitation accepted. Choose a tenant to continue.');\n      this.toastService.show({ color: 'success', title: ok, content: ok, timeOut: 3000 });\n      // Hard reload clears the in-memory tenants catalog cache so the chooser\n      // sees the newly activated membership (no public invalidate API yet).\n      if (typeof window !== 'undefined') {\n        window.location.assign('/auth/account/tenant-chooser');\n        return;\n      }\n      await this.router.navigate(['/auth/account/tenant-chooser']);\n    } finally {\n      this.busyId.set(null);\n    }\n  }\n\n  protected async decline(item: AXMPendingInvitationItem): Promise<void> {\n    this.busyId.set(item.tenantUserId);\n    try {\n      const result = await this.commandService.execute(\n        AXMSecurityManagementServerCommands.DeclineInvitation,\n        { tenantUserId: item.tenantUserId },\n      );\n      if (!result?.success) {\n        const fallback = await this.translationService\n          .translateAsync('@auth:waiting-room.decline-failed')\n          .catch(() => 'Could not decline the invitation.');\n        const text =\n          (typeof result?.message?.text === 'string' && result.message.text) || fallback;\n        this.toastService.show({ color: 'danger', title: text, content: text, timeOut: 4000 });\n        return;\n      }\n      await this.reloadLists();\n    } finally {\n      this.busyId.set(null);\n    }\n  }\n\n  protected async signOut(): Promise<void> {\n    await this.sessionService.signout().catch(() => undefined);\n    await this.router.navigate(['/auth/login']);\n  }\n\n  protected async goBack(): Promise<void> {\n    await this.router.navigate(['/auth/account/tenant-chooser']);\n  }\n\n  //#endregion\n\n  //#region ----- Data Loading -----\n\n  /** Returns true when navigation away from the waiting room was started. */\n  private async redirectIfMembershipAvailable(): Promise<boolean> {\n    const tenants = await this.sessionService.getTenantsList().catch(() => []);\n    if (!Array.isArray(tenants) || tenants.length === 0) {\n      return false;\n    }\n    await this.router.navigate(['/auth/account/tenant-chooser']);\n    return true;\n  }\n\n  private async reloadLists(): Promise<void> {\n    this.loading.set(true);\n    try {\n      await Promise.all([this.reloadInvitations(), this.reloadJoinRequests()]);\n    } finally {\n      this.loading.set(false);\n    }\n  }\n\n  private async reloadInvitations(): Promise<void> {\n    const result = await this.commandService.execute(\n      AXMSecurityManagementServerCommands.ListMyPendingInvitations,\n      {},\n    );\n    const items =\n      ((result as { data?: { items?: AXMPendingInvitationItem[] } })?.data?.items as\n        | AXMPendingInvitationItem[]\n        | undefined) ?? [];\n    const rows = Array.isArray(items) ? items : [];\n    this.registerTenantLogos(rows);\n    this.invitations.set(\n      await Promise.all(\n        rows.map(async (item) => ({\n          ...item,\n          expiresAtLabel: await this.formatExpiresAt(item.expiresAt),\n        })),\n      ),\n    );\n  }\n\n  private async reloadJoinRequests(): Promise<void> {\n    try {\n      const result = await this.commandService.execute(\n        AXMSecurityManagementServerCommands.ListMyJoinRequests,\n        {},\n      );\n      const items =\n        ((result as { data?: { items?: AXMJoinRequestItem[] } })?.data?.items as\n          | AXMJoinRequestItem[]\n          | undefined) ?? [];\n      const rows = Array.isArray(items) ? items : [];\n      this.registerTenantLogos(rows);\n      this.joinRequests.set(\n        await Promise.all(\n          rows.map(async (item) => ({\n            ...item,\n            expiresAtLabel: await this.formatExpiresAt(item.expiresAt),\n          })),\n        ),\n      );\n    } catch {\n      this.joinRequests.set([]);\n    }\n  }\n\n  private registerTenantLogos(\n    rows: Array<{ tenantId?: string; tenantLogo?: string; tenantTitle?: string }>,\n  ): void {\n    for (const row of rows) {\n      const tenantId = typeof row.tenantId === 'string' ? row.tenantId.trim() : '';\n      if (!tenantId) {\n        continue;\n      }\n      this.logoRegistration.registerTenant({\n        id: tenantId,\n        title: row.tenantTitle,\n        logo: axpExtractLogoUrl(row.tenantLogo) ?? row.tenantLogo,\n      });\n    }\n  }\n\n  //#endregion\n\n  //#region ----- Display -----\n\n  private async joinRequestErrorText(\n    result: { message?: { code?: string } } | null | undefined,\n  ): Promise<string> {\n    const code = typeof result?.message?.code === 'string' ? result.message.code : '';\n    const keyByCode: Record<string, string> = {\n      [AXM_JOIN_REQUEST_ERROR_CODES.AlreadyMember]:\n        '@auth:waiting-room.join-request.errors.already-member',\n      [AXM_JOIN_REQUEST_ERROR_CODES.InvitePending]:\n        '@auth:waiting-room.join-request.errors.invite-pending',\n      [AXM_JOIN_REQUEST_ERROR_CODES.TenantNotFound]:\n        '@auth:waiting-room.join-request.errors.not-found',\n      [AXM_JOIN_REQUEST_ERROR_CODES.NotPending]:\n        '@auth:waiting-room.join-request.errors.not-pending',\n    };\n    const key = keyByCode[code] ?? '@auth:waiting-room.join-request.submit-failed';\n    return this.translationService.translateAsync(key).catch(() => 'Could not send the request.');\n  }\n\n  private async formatExpiresAt(iso: string | undefined): Promise<string> {\n    const parsed = iso ? Date.parse(iso) : Number.NaN;\n    if (!Number.isFinite(parsed)) {\n      return '';\n    }\n    const dateFormat = await this.settingsService.get(AXPRegionalSetting.ShortDate);\n    const timeFormat = await this.settingsService.get(AXPRegionalSetting.ShortTime);\n    const format = `${dateFormat} ${timeFormat}`.trim();\n    return String(this.formatService.format(new Date(parsed), 'datetime', { format }) ?? '');\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<main class=\"axp-auth-chooser\">\n  <div class=\"axp-auth-chooser__inner\">\n    <section class=\"axp-auth-chooser__brand\">\n      <axp-logo\n        logoKey=\"platform\"\n        appearance=\"onLight\"\n        format=\"full\"\n        [size]=\"260\"\n        [attr.alt]=\"platformTitle()\"\n      ></axp-logo>\n    </section>\n\n    <section class=\"axp-auth-chooser__card-wrap\">\n      <div class=\"axp-auth-chooser__card\">\n        <!-- ----- Loading skeleton while invitations are fetched ----- -->\n        @if (loading()) {\n          <ax-skeleton [animated]=\"true\" class=\"size-[72px] rounded-full shrink-0\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"h-6 w-56 max-w-full\"></ax-skeleton>\n        }\n        <!-- ----- Signed-in identity for the waiting room ----- -->\n        @else {\n          <axp-user-avatar\n            [size]=\"72\"\n            [userId]=\"user?.id!\"\n            [showPresence]=\"false\"\n          ></axp-user-avatar>\n          <h2 class=\"md:text-lg font-medium\">\n            {{ titleKey() | translate | async }}\n          </h2>\n          <p class=\"text-neutral-500 text-sm md:text-base font-medium\">\n            {{ descriptionKey() | translate | async }}\n          </p>\n          <p class=\"text-sm text-neutral-600 m-0\">\n            {{ user?.title || user?.name }}\n          </p>\n        }\n\n        <div class=\"mt-4 w-full flex flex-col gap-3 text-start\">\n          <!-- ----- Request membership by unique tenant name ----- -->\n          <h3 class=\"text-sm font-semibold m-0\">\n            {{ '@auth:waiting-room.join-request.heading' | translate | async }}\n          </h3>\n          <p class=\"text-sm text-neutral-500 m-0\">\n            {{ '@auth:waiting-room.join-request.help' | translate | async }}\n          </p>\n          <div class=\"flex flex-col gap-1\">\n            <span class=\"text-xs text-neutral-500\">\n              {{ '@auth:waiting-room.join-request.unique-name' | translate | async }}\n            </span>\n            <ax-text-box\n              [ngModel]=\"uniqueName()\"\n              (onValueChanged)=\"onUniqueNameChange($event)\"\n              [placeholder]=\"('@auth:waiting-room.join-request.placeholder' | translate | async) ?? ''\"\n            ></ax-text-box>\n          </div>\n          <ax-button\n            look=\"solid\"\n            color=\"primary\"\n            [text]=\"'@auth:waiting-room.join-request.submit' | translate | async\"\n            [disabled]=\"!canSubmitJoinRequest()\"\n            (onClick)=\"submitJoinRequest()\"\n          ></ax-button>\n\n          <!-- ----- Pending join requests waiting for admin review ----- -->\n          @if (joinRequests().length > 0) {\n            <h3 class=\"text-sm font-semibold m-0 mt-2\">\n              {{ '@auth:waiting-room.join-request.pending-heading' | translate | async }}\n            </h3>\n            @for (item of joinRequests(); track item.tenantUserId) {\n              <div\n                class=\"flex flex-col gap-2 p-3 rounded-md border border-neutral-100 dark:border-neutral-800\"\n                [class.opacity-50]=\"busyId() === item.tenantUserId\"\n              >\n                <div class=\"flex items-center gap-3\">\n                  <div class=\"shrink-0 size-9 overflow-hidden rounded-md grid place-items-center\">\n                    <axp-logo\n                      [logoKey]=\"tenantLogoKey(item.tenantId)\"\n                      appearance=\"colored\"\n                      [size]=\"36\"\n                      class=\"size-9 overflow-hidden\"\n                    ></axp-logo>\n                  </div>\n                  <div class=\"font-medium\">\n                    {{ item.tenantTitle || item.tenantName || item.tenantId }}\n                  </div>\n                </div>\n                <!-- ----- Show request expiry when present ----- -->\n                @if (item.expiresAtLabel) {\n                  <div class=\"text-xs text-neutral-500\">\n                    {{\n                      '@auth:waiting-room.expires-at'\n                        | translate: { params: { datetime: item.expiresAtLabel } }\n                        | async\n                    }}\n                  </div>\n                }\n                <ax-button\n                  look=\"outline\"\n                  color=\"default\"\n                  [text]=\"'@auth:waiting-room.join-request.cancel' | translate | async\"\n                  [disabled]=\"!!busyId() || submitBusy()\"\n                  (onClick)=\"cancelJoinRequest(item)\"\n                ></ax-button>\n              </div>\n            }\n          }\n\n          <h3 class=\"text-sm font-semibold m-0\">\n            {{ '@auth:waiting-room.invitations-heading' | translate | async }}\n          </h3>\n\n          <!-- ----- Invitation list loading placeholders ----- -->\n          @if (loading()) {\n            @for (n of [1, 2]; track n) {\n              <ax-skeleton [animated]=\"true\" class=\"h-16 w-full rounded-md\"></ax-skeleton>\n            }\n          }\n          <!-- ----- Empty state when there are no pending invitations ----- -->\n          @else if (invitations().length === 0) {\n            <p class=\"text-sm text-neutral-500 m-0\">\n              {{ '@auth:waiting-room.empty' | translate | async }}\n            </p>\n          }\n          <!-- ----- Pending invitation cards with accept / decline ----- -->\n          @else {\n            @for (item of invitations(); track item.tenantUserId) {\n              <div\n                class=\"flex flex-col gap-2 p-3 rounded-md border border-neutral-100 dark:border-neutral-800\"\n                [class.opacity-50]=\"busyId() === item.tenantUserId\"\n              >\n                <div class=\"flex items-center gap-3\">\n                  <div class=\"shrink-0 size-9 overflow-hidden rounded-md grid place-items-center\">\n                    <axp-logo\n                      [logoKey]=\"tenantLogoKey(item.tenantId)\"\n                      appearance=\"colored\"\n                      [size]=\"36\"\n                      class=\"size-9 overflow-hidden\"\n                    ></axp-logo>\n                  </div>\n                  <div class=\"font-medium\">\n                    {{ item.tenantTitle || item.tenantId }}\n                  </div>\n                </div>\n                <!-- ----- Show invitation expiry when present ----- -->\n                @if (item.expiresAtLabel) {\n                  <div class=\"text-xs text-neutral-500\">\n                    {{\n                      '@auth:waiting-room.expires-at'\n                        | translate: { params: { datetime: item.expiresAtLabel } }\n                        | async\n                    }}\n                  </div>\n                }\n                <div class=\"flex gap-2 flex-wrap\">\n                  <ax-button\n                    look=\"solid\"\n                    color=\"primary\"\n                    [text]=\"'@auth:waiting-room.actions.accept' | translate | async\"\n                    [disabled]=\"!!busyId()\"\n                    (onClick)=\"accept(item)\"\n                  ></ax-button>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"default\"\n                    [text]=\"'@auth:waiting-room.actions.decline' | translate | async\"\n                    [disabled]=\"!!busyId()\"\n                    (onClick)=\"decline(item)\"\n                  ></ax-button>\n                </div>\n              </div>\n            }\n          }\n        </div>\n\n        <div class=\"mt-4 flex gap-2 flex-wrap justify-center\">\n          @if (membershipContext()) {\n            <ax-button\n              look=\"solid\"\n              color=\"primary\"\n              [text]=\"'@auth:waiting-room.actions.back' | translate | async\"\n              (onClick)=\"goBack()\"\n            ></ax-button>\n          }\n          <ax-button\n            look=\"outline\"\n            color=\"default\"\n            [text]=\"'@auth:waiting-room.actions.sign-out' | translate | async\"\n            (onClick)=\"signOut()\"\n          ></ax-button>\n          <ax-button\n            look=\"outline\"\n            color=\"default\"\n            [text]=\"'@auth:waiting-room.actions.refresh' | translate | async\"\n            (onClick)=\"reload()\"\n          ></ax-button>\n        </div>\n      </div>\n    </section>\n  </div>\n</main>\n"],"names":["i2","i6"],"mappings":"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"}

package/fesm2022/{acorex-platform-module-auth-client-welcome-onboarding-page.component-3yva-FyV.mjs → acorex-platform-module-auth-client-welcome-onboarding-page.component-BKqHYkv2.mjs}

@@ -3,7 +3,7 @@ import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i5 from '@acorex/core/translation';
+import * as i5$1 from '@acorex/core/translation';
 import { AXTranslationService, resolveMultiLanguageString, AXTranslationModule } from '@acorex/core/translation';
 import { AXPSessionService } from '@acorex-platform/framework-client/auth';
 import { AXPHomePageService, AXPPlatformBrandingService } from '@acorex-platform/framework-client/common';
@@ -11,12 +11,12 @@ import { AXPLogoComponent } from '@acorex-platform/framework-client/core';
 import { AXPLayoutRendererComponent } from '@acorex-platform/framework-client/layout/builder';
 import { AXPUserAvatarComponent } from '@acorex-platform/framework-client/layout/components';
 import { getRegionalFontStylesheet, AXP_THEME_PALETTE_PROVIDER, AXPLayoutThemeService, AXPThemeLayoutSetting, AXPThemeMode, AXPMenuOrientation, AXPMenuVerticalMode } from '@acorex-platform/framework-client/themes/shared';
-import * as i3 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, DestroyRef, signal, viewChild, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { u as AXPWelcomeOnboardingFlowService, D as AXPOnboardingProgressService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CQEt9bXJ.mjs';
+import { u as AXPWelcomeOnboardingFlowService, D as AXPOnboardingProgressService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-DINrCCAx.mjs';
 
 //#region ----- Scoped palette CSS -----
 const WELCOME_PALETTE_SCOPE = '.axp-welcome-onboarding';
@@ -793,7 +793,7 @@ class AXPAuthWelcomeOnboardingPageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthWelcomeOnboardingPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthWelcomeOnboardingPageComponent, isStandalone: true, selector: "axp-auth-welcome-onboarding-page", viewQueries: [{ propertyName: "formScrollHost", first: true, predicate: ["formScrollHost"], descendants: true, isSignal: true }, { propertyName: "confettiHost", first: true, predicate: ["confettiHost"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"axp-welcome-onboarding\"\n  [class.ax-light]=\"!previewResolvedDark()\"\n  [class.ax-dark]=\"previewResolvedDark()\"\n  [ngStyle]=\"previewHostStyle()\"\n>\n  <div class=\"axp-welcome-onboarding__backdrop-stack\" aria-hidden=\"true\">\n    <div\n      class=\"axp-welcome-onboarding__backdrop\"\n      [class.axp-welcome-onboarding__backdrop--active]=\"activeBackdropLayer() === 'a'\"\n      [ngStyle]=\"backdropLayerA()\"\n    ></div>\n    <div\n      class=\"axp-welcome-onboarding__backdrop\"\n      [class.axp-welcome-onboarding__backdrop--active]=\"activeBackdropLayer() === 'b'\"\n      [ngStyle]=\"backdropLayerB()\"\n    ></div>\n  </div>\n\n  <div class=\"axp-welcome-onboarding__content\" #confettiHost>\n  <!-- ----- Full-page loading state ----- -->\n  @if (loading()) {\n    <div class=\"axp-welcome-onboarding__loading\">\n      <ax-loading></ax-loading>\n    </div>\n  }\n  <!-- ----- Main onboarding shell ----- -->\n  @else {\n    <div\n      class=\"axp-welcome-onboarding__shell\"\n      [class.axp-welcome-onboarding__shell--appearance]=\"showAppearancePreview()\"\n      [class.axp-welcome-onboarding__shell--typography]=\"showTypographyPreview()\"\n      [ngStyle]=\"previewHostStyle()\"\n    >\n      <header class=\"axp-welcome-onboarding__header\">\n        <div class=\"axp-welcome-onboarding__brand\">\n          <axp-logo\n            logoKey=\"platform\"\n            appearance=\"onLight\"\n            format=\"full\"\n            [size]=\"220\"\n            [attr.alt]=\"platformTitle()\"\n          ></axp-logo>\n        </div>\n        <div class=\"axp-welcome-onboarding__step-counter\">\n          <!-- ----- Step counter in the header ----- -->\n          @if (!finishOutcome() && currentStep(); as step) {\n            <span>\n              {{\n                '@auth:welcome-onboarding.page.step-counter'\n                  | translate: { params: { current: stepIndex() + 1, total: steps().length } }\n                  | async\n              }}\n              \u00B7 {{ step.title | translate | async }}\n            </span>\n          }\n          <!-- ----- Ready message after completion ----- -->\n          @else if (finishOutcome()) {\n            {{ '@auth:welcome-onboarding.page.ready-counter' | translate | async }}\n          }\n        </div>\n      </header>\n\n      <main class=\"axp-welcome-onboarding__main\">\n        <!-- ----- Completion screen ----- -->\n        @if (finishOutcome(); as outcome) {\n          <section class=\"axp-welcome-onboarding__done axp-welcome-onboarding__animate\">\n            <div\n              class=\"axp-welcome-onboarding__orb axp-welcome-onboarding__done-orb\"\n              [ngStyle]=\"previewSurfaceStyle()\"\n              aria-hidden=\"true\"\n            >\n              <i class=\"axp-welcome-onboarding__orb-icon\" [class]=\"doneOrbIconClass\"></i>\n            </div>\n            <h1 class=\"axp-welcome-onboarding__title\">\n              {{\n                ('@auth:welcome-onboarding.page.done.' + outcome + '.title') | translate | async\n              }}\n            </h1>\n            <p class=\"axp-welcome-onboarding__lead\">\n              {{\n                ('@auth:welcome-onboarding.page.done.' + outcome + '.description') | translate | async\n              }}\n            </p>\n            <div class=\"axp-welcome-onboarding__done-actions\">\n              <ax-button\n                look=\"solid\"\n                color=\"primary\"\n                [text]=\"'@auth:welcome-onboarding.page.actions.enter-workspace' | translate | async\"\n                [disabled]=\"busy()\"\n                (onClick)=\"enterWorkspace()\"\n              ></ax-button>\n              <!-- ----- Review settings after skip or defer ----- -->\n              @if (outcome !== 'completed') {\n                <ax-button\n                  look=\"outline\"\n                  color=\"default\"\n                  [text]=\"'@auth:welcome-onboarding.page.actions.review-settings' | translate | async\"\n                  [disabled]=\"busy()\"\n                  (onClick)=\"reviewSettings()\"\n                ></ax-button>\n              }\n            </div>\n          </section>\n        }\n        <!-- ----- Active step: form + art panel ----- -->\n        @else {\n          <section\n            #formScrollHost\n            class=\"axp-welcome-onboarding__form axp-welcome-onboarding__animate\"\n            [class.axp-welcome-onboarding__form--appearance]=\"showAppearancePreview()\"\n            [class.axp-welcome-onboarding__form--typography]=\"showTypographyPreview()\"\n            [class.axp-welcome-onboarding__form--menu-horizontal]=\"\n              showAppearancePreview() && previewMenuHorizontal()\n            \"\n          >\n            <!-- ----- Step form content when a step is active ----- -->\n            @if (currentStep(); as step) {\n              <h1 class=\"axp-welcome-onboarding__title\">\n                {{ ('@auth:welcome-onboarding.page.steps.' + step.id + '.headline') | translate | async }}\n              </h1>\n              <p class=\"axp-welcome-onboarding__lead\">\n                {{ ('@auth:welcome-onboarding.page.steps.' + step.id + '.lead') | translate | async }}\n              </p>\n\n              <!-- ----- Profile avatar on profile basics step ----- -->\n              @if (showProfileAvatar()) {\n                <div class=\"axp-welcome-onboarding__profile-row\">\n                  <axp-user-avatar\n                    [size]=\"74\"\n                    [userId]=\"user?.id!\"\n                    [showPresence]=\"false\"\n                  ></axp-user-avatar>\n                </div>\n              }\n\n              @if (stepLayout(); as layout) {\n                <axp-layout-renderer\n                  class=\"axp-welcome-onboarding__fields\"\n                  [layout]=\"layout\"\n                  [context]=\"formContext()\"\n                  (contextChange)=\"onFormContextChange($event)\"\n                ></axp-layout-renderer>\n              }\n\n              <p class=\"axp-welcome-onboarding__notice\">\n                {{ ('@auth:welcome-onboarding.page.steps.' + step.id + '.notice') | translate | async }}\n              </p>\n            }\n          </section>\n\n          <aside\n            class=\"axp-welcome-onboarding__art axp-welcome-onboarding__animate\"\n            [class.axp-welcome-onboarding__art--appearance]=\"showAppearancePreview()\"\n            [class.axp-welcome-onboarding__art--typography]=\"showTypographyPreview()\"\n            [ngStyle]=\"previewHostStyle()\"\n            aria-hidden=\"false\"\n          >\n            <div class=\"axp-welcome-onboarding__art-inner\">\n              <div class=\"axp-welcome-onboarding__art-visual\">\n                <!-- ----- Theme preview on appearance step ----- -->\n                @if (showAppearancePreview()) {\n                  <div\n                    class=\"axp-welcome-onboarding__preview\"\n                    [class.axp-welcome-onboarding__preview--dark]=\"previewResolvedDark()\"\n                    [ngStyle]=\"previewSurfaceStyle()\"\n                  >\n                    <div\n                      class=\"axp-welcome-onboarding__preview-head\"\n                      [class.axp-welcome-onboarding__preview-head--colored]=\"previewHeaderColored()\"\n                    >\n                      \u25CF \u25CF \u25CF &nbsp;&nbsp; {{ previewOrganizationTitle() }}\n                    </div>\n                    <div\n                      class=\"axp-welcome-onboarding__preview-body\"\n                      [class.axp-welcome-onboarding__preview-body--horizontal]=\"previewMenuHorizontal()\"\n                    >\n                      <!-- ----- Horizontal root menu skeleton ----- -->\n                      @if (previewMenuHorizontal()) {\n                        <div class=\"axp-welcome-onboarding__preview-hmenu\">\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-brand\"></span>\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-item\"></span>\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-item\"></span>\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-item axp-welcome-onboarding__preview-hmenu-item--short\"></span>\n                        </div>\n                      }\n                      <!-- ----- Vertical root menu skeleton ----- -->\n                      @else {\n                        <div\n                          class=\"axp-welcome-onboarding__preview-sidebar\"\n                          [class.axp-welcome-onboarding__preview-sidebar--compact]=\"previewMenuCompact()\"\n                        ></div>\n                      }\n                      <div class=\"axp-welcome-onboarding__preview-blocks\">\n                        <strong>{{ previewOrganizationTitle() }}</strong>\n                        <div class=\"axp-welcome-onboarding__preview-dashboard\">\n                          <div class=\"axp-welcome-onboarding__preview-widget-row\">\n                            <div class=\"axp-welcome-onboarding__preview-widget axp-welcome-onboarding__preview-widget--clock\">\n                              <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--clock\"></span>\n                              <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-lg\"></span>\n                              <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-sm\"></span>\n                            </div>\n                            <div class=\"axp-welcome-onboarding__preview-mini-cards\">\n                              <span class=\"axp-welcome-onboarding__preview-mini-card\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--dot\"></span>\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-xs\"></span>\n                              </span>\n                              <span class=\"axp-welcome-onboarding__preview-mini-card\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--dot\"></span>\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-xs\"></span>\n                              </span>\n                              <span class=\"axp-welcome-onboarding__preview-mini-card axp-welcome-onboarding__preview-mini-card--wide\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-xs\"></span>\n                              </span>\n                            </div>\n                          </div>\n                          <div class=\"axp-welcome-onboarding__preview-tasks\">\n                            <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--title\"></span>\n                            @for (row of previewTaskSkeletonRows; track row) {\n                              <div class=\"axp-welcome-onboarding__preview-task-row\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--check\"></span>\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line\"></span>\n                              </div>\n                            }\n                          </div>\n                          <div class=\"axp-welcome-onboarding__preview-chart\"></div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                }\n                <!-- ----- Live type specimen on typography step ----- -->\n                @else if (showTypographyPreview()) {\n                  <div\n                    class=\"axp-welcome-onboarding__type-preview\"\n                    [ngStyle]=\"previewHostStyle()\"\n                  >\n                    <span class=\"axp-welcome-onboarding__type-preview-sample\">\n                      {{ '@auth:welcome-onboarding.page.typography-preview.sample' | translate | async }}\n                    </span>\n                    <strong class=\"axp-welcome-onboarding__type-preview-heading\">\n                      {{ '@auth:welcome-onboarding.page.typography-preview.heading' | translate | async }}\n                    </strong>\n                    <p class=\"axp-welcome-onboarding__type-preview-body\">\n                      {{ '@auth:welcome-onboarding.page.typography-preview.body' | translate | async }}\n                    </p>\n                  </div>\n                }\n                <!-- ----- Decorative orb on other steps ----- -->\n                @else {\n                  <div class=\"axp-welcome-onboarding__orb\" [ngStyle]=\"previewSurfaceStyle()\">\n                    <i class=\"axp-welcome-onboarding__orb-icon\" [class]=\"orbIconClass()\" aria-hidden=\"true\"></i>\n                  </div>\n                }\n              </div>\n\n              <div class=\"axp-welcome-onboarding__art-caption\">\n                <strong>{{ stepArtCaptionKey(currentStep()) | translate | async }}</strong>\n              </div>\n\n              <div class=\"axp-welcome-onboarding__dots\" role=\"tablist\">\n                @for (step of steps(); track step.id; let i = $index) {\n                  <button\n                    type=\"button\"\n                    class=\"axp-welcome-onboarding__dot\"\n                    [class.axp-welcome-onboarding__dot--on]=\"stepIndex() === i\"\n                    [attr.aria-label]=\"step.title | translate | async\"\n                    [attr.aria-selected]=\"stepIndex() === i\"\n                    (click)=\"goToStep(i)\"\n                  ></button>\n                }\n              </div>\n            </div>\n          </aside>\n        }\n      </main>\n\n      <!-- ----- Footer actions while steps are active ----- -->\n      @if (!finishOutcome()) {\n        <footer class=\"axp-welcome-onboarding__footer\">\n          <div class=\"axp-welcome-onboarding__footer-start\">\n            <ax-button\n              look=\"twotone\"\n              color=\"default\"\n              [text]=\"'@auth:welcome-onboarding.actions.skip-all' | translate | async\"\n              [disabled]=\"busy()\"\n              (onClick)=\"skipAll()\"\n            ></ax-button>\n            <ax-button\n              look=\"twotone\"\n              color=\"default\"\n              [text]=\"'@auth:welcome-onboarding.actions.remind-later' | translate | async\"\n              [disabled]=\"busy()\"\n              (onClick)=\"remindLater()\"\n            ></ax-button>\n          </div>\n          <div class=\"axp-welcome-onboarding__footer-end\">\n            <!-- ----- Previous step ----- -->\n            @if (!isFirstStep()) {\n              <ax-button\n                look=\"blank\"\n                color=\"default\"\n                [text]=\"'@auth:welcome-onboarding.actions.previous' | translate | async\"\n                [disabled]=\"busy()\"\n                (onClick)=\"previous()\"\n              ></ax-button>\n            }\n            <ax-button\n              look=\"solid\"\n              color=\"primary\"\n              [text]=\"\n                (isLastStep()\n                  ? '@auth:welcome-onboarding.actions.finish'\n                  : '@auth:welcome-onboarding.actions.next'\n                )\n                  | translate\n                  | async\n              \"\n              [disabled]=\"busy()\"\n              (onClick)=\"next()\"\n            ></ax-button>\n          </div>\n        </footer>\n      }\n    </div>\n  }\n  </div>\n</div>\n", styles: ["@layer properties;.axp-welcome-onboarding{--axp-welcome-shell-height: min(42rem, calc(100dvh - 2.5rem) );--axp-welcome-backdrop-duration: .75s;position:relative;box-sizing:border-box;overflow:hidden;height:100dvh;max-height:100dvh;background:var(--axp-welcome-page-base, rgb(var(--ax-sys-color-lighter-surface, 239 244 247)));transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}.axp-welcome-onboarding__backdrop-stack{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}.axp-welcome-onboarding__backdrop{position:absolute;inset:0;opacity:0%;background:radial-gradient(ellipse at 15% 90%,var(--axp-welcome-page-glow-start, #b2ded8) 0%,transparent 55%),radial-gradient(ellipse at 90% 5%,var(--axp-welcome-page-glow-end, #d1e1fc) 0%,transparent 55%),var(--axp-welcome-page-base, #eff4f7);transition:opacity var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1);will-change:opacity}.axp-welcome-onboarding__backdrop--active{opacity:100%}.axp-welcome-onboarding__content{position:relative;z-index:10;display:flex;height:100%;min-height:0px;width:100%;align-items:center;justify-content:center;overflow:hidden;padding:calc(var(--spacing, .25rem) * 3)}@media(width>=48rem){.axp-welcome-onboarding__content{padding:calc(var(--spacing, .25rem) * 6)}}.axp-welcome-onboarding__confetti-canvas{pointer-events:none;position:absolute;inset:0;z-index:20}.axp-welcome-onboarding__loading{display:flex;min-height:40vh;align-items:center;justify-content:center}.axp-welcome-onboarding__shell{display:flex;width:100%;max-width:72.5rem;flex-shrink:0;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);height:var(--axp-welcome-shell-height);min-height:var(--axp-welcome-shell-height);max-height:var(--axp-welcome-shell-height);border:1px solid rgb(var(--ax-sys-color-primary-500, 17 59 83));background:rgb(var(--ax-sys-color-lightest-surface, 255 255 255));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1),border-color var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__shell{border:1px solid color-mix(in srgb,rgb(var(--ax-sys-color-primary-500, 17 59 83)) 12%,rgb(var(--ax-sys-color-border-lightest-surface, 255 255 255)))}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__shell{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface, 255 255 255)) 88%,rgb(var(--ax-sys-color-primary-50, 241 245 249)) 12%)}}.axp-welcome-onboarding.ax-dark .axp-welcome-onboarding__shell{background:rgb(var(--ax-sys-color-darkest-surface, 33 37 41));border-color:rgb(var(--ax-sys-color-primary-500, 98 71 170))}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding.ax-dark .axp-welcome-onboarding__shell{background:color-mix(in srgb,rgb(var(--ax-sys-color-darkest-surface, 33 37 41)) 92%,rgb(var(--ax-sys-color-primary-900, 17 59 83)) 8%)}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding.ax-dark .axp-welcome-onboarding__shell{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500, 98 71 170)) 18%,rgb(var(--ax-sys-color-border-darker-surface, 60 60 60)))}}.axp-welcome-onboarding__header{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.axp-welcome-onboarding__header{padding-inline:calc(var(--spacing, .25rem) * 8)}}.axp-welcome-onboarding__brand{flex-shrink:0}.axp-welcome-onboarding__brand axp-logo{width:min(14rem,42vw);max-width:100%}.axp-welcome-onboarding__step-counter{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__main{display:grid;min-height:0px;flex:1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));overflow:hidden}@media(width>=48rem){.axp-welcome-onboarding__main{grid-template-columns:repeat(2,minmax(0,1fr))}}.axp-welcome-onboarding__form{display:flex;height:100%;min-height:0px;flex-direction:column;overflow-y:auto;padding-inline:calc(var(--spacing, .25rem) * 5);padding-top:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.axp-welcome-onboarding__form{padding-right:calc(var(--spacing, .25rem) * 8)}}@media(width>=48rem){.axp-welcome-onboarding__form{padding-left:calc(var(--spacing, .25rem) * 10)}}.axp-welcome-onboarding__form--appearance{overflow-x:hidden;overflow-y:auto;overflow-anchor:none}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__title{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}@media(width>=48rem){.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__title{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__lead{margin-bottom:calc(var(--spacing, .25rem) * 3);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__notice{margin-top:calc(var(--spacing, .25rem) * 2);flex-shrink:0}.axp-welcome-onboarding__form--menu-horizontal .axp-welcome-onboarding__fields axp-flex-widget-view>axp-form-field-widget-view:nth-child(4){display:none!important}.axp-welcome-onboarding__eyebrow{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 2);flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--axp-welcome-preview-primary, var(--ax-color-primary))}.axp-welcome-onboarding__title{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 2);flex-shrink:0;font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(width>=48rem){.axp-welcome-onboarding__title{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}}.axp-welcome-onboarding__lead{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 4);flex-shrink:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__notice{margin-top:calc(var(--spacing, .25rem) * 3);flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__profile-row{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axp-welcome-onboarding__fields{width:100%;flex-shrink:0}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;align-content:start}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div))>div{min-width:0!important;height:2.75rem!important;padding:.35rem .65rem!important}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div))>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div))>div>div div{height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6)}.axp-welcome-onboarding__art{position:relative;display:none;height:100%;min-height:0px;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at center,var(--axp-welcome-preview-accent, #b2ded8),transparent 72%);transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}@media(width>=48rem){.axp-welcome-onboarding__art{display:flex}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__art{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--axp-welcome-preview-accent, #b2ded8) 35%,transparent),transparent 72%)}}.axp-welcome-onboarding__art-inner{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;align-items:center;justify-content:space-between;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 6)}.axp-welcome-onboarding__art-visual{display:flex;min-height:0px;width:100%;flex:1;align-items:center;justify-content:center}.axp-welcome-onboarding__orb{display:grid;height:17rem;width:17rem;flex-shrink:0;place-items:center;border-radius:calc(infinity * 1px);background:radial-gradient(circle at 30% 25%,var(--axp-welcome-preview-accent, #dbfff8),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,var(--axp-welcome-preview-primary, #217c6f) 82%);box-shadow:inset -15px -15px 30px var(--axp-welcome-preview-primary, #145b63),0 32px 40px var(--axp-welcome-preview-primary, #347d72)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__orb{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--axp-welcome-preview-accent, #dbfff8) 90%,white),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,color-mix(in srgb,var(--axp-welcome-preview-primary, #217c6f) 85%,black) 82%)}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__orb{box-shadow:inset -15px -15px 30px color-mix(in srgb,var(--axp-welcome-preview-primary, #145b63) 25%,transparent),0 32px 40px color-mix(in srgb,var(--axp-welcome-preview-primary, #347d72) 22%,transparent)}}.axp-welcome-onboarding__orb-icon{font-size:7.25rem;--tw-leading: 1;line-height:1;color:var(--color-white, #fff);text-shadow:0 2px 12px rgb(0 0 0 / .18)}.axp-welcome-onboarding__type-preview{display:flex;width:100%;max-width:22rem;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 7);--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border:1px solid var(--axp-welcome-preview-border, #fdfdfd);background:var(--axp-welcome-preview-panel, #ffffff);color:var(--axp-welcome-preview-text, #385c52)}.axp-welcome-onboarding__type-preview-sample{--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:1.75em;color:var(--axp-welcome-preview-primary, var(--ax-color-primary))}.axp-welcome-onboarding__type-preview-heading{margin:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-welcome-onboarding__type-preview-body{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);color:var(--axp-welcome-preview-muted, #64736f)}.axp-welcome-onboarding__preview{width:100%;max-width:24rem;flex-shrink:0;overflow:hidden;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:7px;--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:var(--axp-welcome-preview-border, #fdfdfd);background:var(--axp-welcome-preview-surface, #f2f5f7);font-family:inherit}.axp-welcome-onboarding__preview-head{height:calc(var(--spacing, .25rem) * 8);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:10px;background:var(--axp-welcome-preview-panel, #ffffff);color:var(--axp-welcome-preview-muted, #64736f)}.axp-welcome-onboarding__preview-head--colored{background:var(--axp-welcome-preview-primary, var(--ax-color-primary));color:var(--color-white, #fff)}.axp-welcome-onboarding__preview-body{display:flex;height:14.5rem;min-height:0px}.axp-welcome-onboarding__preview-body--horizontal{flex-direction:column}.axp-welcome-onboarding__preview-hmenu{display:flex;height:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);background:var(--axp-welcome-preview-primary, var(--ax-color-primary));transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}.axp-welcome-onboarding__preview-hmenu-brand{margin-inline-end:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;border-radius:var(--radius-sm, .25rem);background-color:color-mix(in srgb,#fff 55%,transparent)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-hmenu-brand{background-color:color-mix(in oklab,var(--color-white, #fff) 55%,transparent)}}.axp-welcome-onboarding__preview-hmenu-item{height:calc(var(--spacing, .25rem) * 1.5);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,#fff 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-hmenu-item{background-color:color-mix(in oklab,var(--color-white, #fff) 45%,transparent)}}.axp-welcome-onboarding__preview-hmenu-item--short{width:calc(var(--spacing, .25rem) * 8)}.axp-welcome-onboarding__preview-body--horizontal .axp-welcome-onboarding__preview-blocks{min-height:0px;flex:1}.axp-welcome-onboarding__preview-sidebar{width:calc(var(--spacing, .25rem) * 16);flex-shrink:0;padding:calc(var(--spacing, .25rem) * 2);background:var(--axp-welcome-preview-primary, var(--ax-color-primary));transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}.axp-welcome-onboarding__preview-sidebar--compact{width:calc(var(--spacing, .25rem) * 7)}.axp-welcome-onboarding__preview-sidebar:before,.axp-welcome-onboarding__preview-sidebar:after{content:\"\";margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;height:var(--spacing, .25rem);border-radius:var(--radius-sm, .25rem);background-color:color-mix(in srgb,#fff 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-sidebar:before,.axp-welcome-onboarding__preview-sidebar:after{background-color:color-mix(in oklab,var(--color-white, #fff) 40%,transparent)}}.axp-welcome-onboarding__preview-blocks{display:flex;min-height:0px;flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 3);background:var(--axp-welcome-preview-surface, #f2f5f7)}.axp-welcome-onboarding__preview-blocks strong{margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--axp-welcome-preview-text, #385c52)}.axp-welcome-onboarding__preview-dashboard{display:flex;min-height:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__preview-widget-row{display:flex;gap:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__preview-widget{display:flex;flex:1;flex-direction:column;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);background:var(--axp-welcome-preview-card, #ffffff)}.axp-welcome-onboarding__preview-widget--clock{max-width:42%}.axp-welcome-onboarding__preview-mini-cards{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-welcome-onboarding__preview-mini-card{display:flex;flex:1;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:var(--spacing, .25rem);min-height:1.35rem;background:var(--axp-welcome-preview-card, #ffffff)}.axp-welcome-onboarding__preview-mini-card--wide{flex:1.15}.axp-welcome-onboarding__preview-skel--dot{height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 2);flex-shrink:0;border-radius:calc(infinity * 1px);background:var(--axp-welcome-preview-accent, #7fc6b5)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-skel--dot{background:color-mix(in srgb,var(--axp-welcome-preview-accent, #7fc6b5) 45%,transparent)}}.axp-welcome-onboarding__preview-skel--line-xs{height:var(--spacing, .25rem);flex:1}.axp-welcome-onboarding__preview-tasks{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);background:var(--axp-welcome-preview-card, #ffffff)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-tasks{background:color-mix(in srgb,var(--axp-welcome-preview-card, #ffffff) 88%,transparent)}}.axp-welcome-onboarding__preview-task-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-welcome-onboarding__preview-skel{display:block;border-radius:var(--radius-sm, .25rem);background:var(--axp-welcome-preview-muted, #94a3a8)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-skel{background:color-mix(in srgb,var(--axp-welcome-preview-muted, #94a3a8) 28%,transparent)}}.axp-welcome-onboarding__preview-skel--clock{margin-bottom:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:calc(infinity * 1px);background:var(--axp-welcome-preview-primary, #237f6a)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-skel--clock{background:color-mix(in srgb,var(--axp-welcome-preview-primary, #237f6a) 35%,transparent)}}.axp-welcome-onboarding__preview-skel--line-lg{height:calc(var(--spacing, .25rem) * 2);width:70%}.axp-welcome-onboarding__preview-skel--line-sm{height:calc(var(--spacing, .25rem) * 1.5);width:45%}.axp-welcome-onboarding__preview-skel--title{margin-bottom:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 2);width:38%}.axp-welcome-onboarding__preview-skel--check{height:calc(var(--spacing, .25rem) * 2.5);width:calc(var(--spacing, .25rem) * 2.5);flex-shrink:0;border-radius:3px}.axp-welcome-onboarding__preview-skel--line{height:calc(var(--spacing, .25rem) * 1.5);flex:1}.axp-welcome-onboarding__preview-chart{margin-top:auto;height:calc(var(--spacing, .25rem) * 10);flex-shrink:0;border-radius:var(--radius-md, .375rem);background:linear-gradient(170deg,transparent 35%,var(--axp-welcome-preview-accent, #a4d7c6) 36%,var(--axp-welcome-preview-primary, #7fc6b5) 100%);transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-chart{background:linear-gradient(170deg,transparent 35%,color-mix(in srgb,var(--axp-welcome-preview-accent, #a4d7c6) 70%,transparent) 36%,color-mix(in srgb,var(--axp-welcome-preview-primary, #7fc6b5) 25%,var(--axp-welcome-preview-surface, #e8f2ef)) 100%)}}.axp-welcome-onboarding__art-caption{flex-shrink:0;text-align:center}.axp-welcome-onboarding__art-caption strong{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}.axp-welcome-onboarding__art-caption p{margin-top:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__dots{display:flex;flex-shrink:0;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__dot{height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 2);cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-neutral-300, oklch(87% 0 none));padding:0;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.axp-welcome-onboarding__dot--on{width:calc(var(--spacing, .25rem) * 6);border-radius:calc(infinity * 1px);background:var( --axp-welcome-preview-primary, var(--ax-color-primary, var(--color-primary-500, #347d72)) )}.axp-welcome-onboarding__footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 4);border-color:rgb(var(--ax-sys-color-border-lighter-surface, 245 245 245))}@media(width>=48rem){.axp-welcome-onboarding__footer{padding-inline:calc(var(--spacing, .25rem) * 8)}}.axp-welcome-onboarding ax-button>button.ax-solid-interactive.ax-primary:not(.ax-state-disabled):not(.ax-state-loading){background-image:none;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface));box-shadow:none}.axp-welcome-onboarding ax-button>button.ax-solid-interactive.ax-primary:not(.ax-state-disabled):not(.ax-state-loading):hover{background-color:rgb(var(--ax-sys-color-primary-600))}.axp-welcome-onboarding ax-button>button.ax-solid-interactive.ax-primary:not(.ax-state-disabled):not(.ax-state-loading):active{background-color:rgb(var(--ax-sys-color-primary-600))}.axp-welcome-onboarding axp-theme-mode-chooser-widget-component>div.--selected,.axp-welcome-onboarding axp-theme-palette-chooser-widget-component>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface) / .55);border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface))}.axp-welcome-onboarding__footer-start,.axp-welcome-onboarding__footer-end{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__done{grid-column:span 1 / span 1;display:flex;height:100%;min-height:0px;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center}@media(width>=48rem){.axp-welcome-onboarding__done{grid-column:span 2 / span 2}}.axp-welcome-onboarding__done-orb{margin-bottom:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 28);width:calc(var(--spacing, .25rem) * 28);flex-shrink:0;background:radial-gradient(circle at 30% 25%,var(--axp-welcome-preview-accent, #dbfff8),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,var(--axp-welcome-preview-primary, #217c6f) 82%);box-shadow:inset -15px -15px 30px var(--axp-welcome-preview-primary, #145b63),0 32px 40px var(--axp-welcome-preview-primary, #347d72)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__done-orb{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--axp-welcome-preview-accent, #dbfff8) 90%,white),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,color-mix(in srgb,var(--axp-welcome-preview-primary, #217c6f) 85%,black) 82%)}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__done-orb{box-shadow:inset -15px -15px 30px color-mix(in srgb,var(--axp-welcome-preview-primary, #145b63) 25%,transparent),0 32px 40px color-mix(in srgb,var(--axp-welcome-preview-primary, #347d72) 22%,transparent)}}.axp-welcome-onboarding__done-orb .axp-welcome-onboarding__orb-icon{font-size:var(--text-5xl, 3rem);line-height:var(--tw-leading, var(--text-5xl--line-height, 1))}.axp-welcome-onboarding__done-actions{margin-top:calc(var(--spacing, .25rem) * 6);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing, .25rem) * 3)}.axp-welcome-onboarding__animate{animation:axp-welcome-onboarding-enter .35s ease both}@keyframes axp-welcome-onboarding-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.axp-welcome-onboarding{--axp-welcome-backdrop-duration: .01ms}.axp-welcome-onboarding__animate{animation:none}}@media(max-width:767px){.axp-welcome-onboarding{--axp-welcome-shell-height: min(42rem, calc(100dvh - 1.5rem) )}}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthWelcomeOnboardingPageComponent, isStandalone: true, selector: "axp-auth-welcome-onboarding-page", viewQueries: [{ propertyName: "formScrollHost", first: true, predicate: ["formScrollHost"], descendants: true, isSignal: true }, { propertyName: "confettiHost", first: true, predicate: ["confettiHost"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"axp-welcome-onboarding\"\n  [class.ax-light]=\"!previewResolvedDark()\"\n  [class.ax-dark]=\"previewResolvedDark()\"\n  [ngStyle]=\"previewHostStyle()\"\n>\n  <div class=\"axp-welcome-onboarding__backdrop-stack\" aria-hidden=\"true\">\n    <div\n      class=\"axp-welcome-onboarding__backdrop\"\n      [class.axp-welcome-onboarding__backdrop--active]=\"activeBackdropLayer() === 'a'\"\n      [ngStyle]=\"backdropLayerA()\"\n    ></div>\n    <div\n      class=\"axp-welcome-onboarding__backdrop\"\n      [class.axp-welcome-onboarding__backdrop--active]=\"activeBackdropLayer() === 'b'\"\n      [ngStyle]=\"backdropLayerB()\"\n    ></div>\n  </div>\n\n  <div class=\"axp-welcome-onboarding__content\" #confettiHost>\n  <!-- ----- Full-page loading state ----- -->\n  @if (loading()) {\n    <div class=\"axp-welcome-onboarding__loading\">\n      <ax-loading></ax-loading>\n    </div>\n  }\n  <!-- ----- Main onboarding shell ----- -->\n  @else {\n    <div\n      class=\"axp-welcome-onboarding__shell\"\n      [class.axp-welcome-onboarding__shell--appearance]=\"showAppearancePreview()\"\n      [class.axp-welcome-onboarding__shell--typography]=\"showTypographyPreview()\"\n      [ngStyle]=\"previewHostStyle()\"\n    >\n      <header class=\"axp-welcome-onboarding__header\">\n        <div class=\"axp-welcome-onboarding__brand\">\n          <axp-logo\n            logoKey=\"platform\"\n            appearance=\"onLight\"\n            format=\"full\"\n            [size]=\"220\"\n            [attr.alt]=\"platformTitle()\"\n          ></axp-logo>\n        </div>\n        <div class=\"axp-welcome-onboarding__step-counter\">\n          <!-- ----- Step counter in the header ----- -->\n          @if (!finishOutcome() && currentStep(); as step) {\n            <span>\n              {{\n                '@auth:welcome-onboarding.page.step-counter'\n                  | translate: { params: { current: stepIndex() + 1, total: steps().length } }\n                  | async\n              }}\n              \u00B7 {{ step.title | translate | async }}\n            </span>\n          }\n          <!-- ----- Ready message after completion ----- -->\n          @else if (finishOutcome()) {\n            {{ '@auth:welcome-onboarding.page.ready-counter' | translate | async }}\n          }\n        </div>\n      </header>\n\n      <main class=\"axp-welcome-onboarding__main\">\n        <!-- ----- Completion screen ----- -->\n        @if (finishOutcome(); as outcome) {\n          <section class=\"axp-welcome-onboarding__done axp-welcome-onboarding__animate\">\n            <div\n              class=\"axp-welcome-onboarding__orb axp-welcome-onboarding__done-orb\"\n              [ngStyle]=\"previewSurfaceStyle()\"\n              aria-hidden=\"true\"\n            >\n              <i class=\"axp-welcome-onboarding__orb-icon\" [class]=\"doneOrbIconClass\"></i>\n            </div>\n            <h1 class=\"axp-welcome-onboarding__title\">\n              {{\n                ('@auth:welcome-onboarding.page.done.' + outcome + '.title') | translate | async\n              }}\n            </h1>\n            <p class=\"axp-welcome-onboarding__lead\">\n              {{\n                ('@auth:welcome-onboarding.page.done.' + outcome + '.description') | translate | async\n              }}\n            </p>\n            <div class=\"axp-welcome-onboarding__done-actions\">\n              <ax-button\n                look=\"solid\"\n                color=\"primary\"\n                [text]=\"'@auth:welcome-onboarding.page.actions.enter-workspace' | translate | async\"\n                [disabled]=\"busy()\"\n                (onClick)=\"enterWorkspace()\"\n              ></ax-button>\n              <!-- ----- Review settings after skip or defer ----- -->\n              @if (outcome !== 'completed') {\n                <ax-button\n                  look=\"outline\"\n                  color=\"default\"\n                  [text]=\"'@auth:welcome-onboarding.page.actions.review-settings' | translate | async\"\n                  [disabled]=\"busy()\"\n                  (onClick)=\"reviewSettings()\"\n                ></ax-button>\n              }\n            </div>\n          </section>\n        }\n        <!-- ----- Active step: form + art panel ----- -->\n        @else {\n          <section\n            #formScrollHost\n            class=\"axp-welcome-onboarding__form axp-welcome-onboarding__animate\"\n            [class.axp-welcome-onboarding__form--appearance]=\"showAppearancePreview()\"\n            [class.axp-welcome-onboarding__form--typography]=\"showTypographyPreview()\"\n            [class.axp-welcome-onboarding__form--menu-horizontal]=\"\n              showAppearancePreview() && previewMenuHorizontal()\n            \"\n          >\n            <!-- ----- Step form content when a step is active ----- -->\n            @if (currentStep(); as step) {\n              <h1 class=\"axp-welcome-onboarding__title\">\n                {{ ('@auth:welcome-onboarding.page.steps.' + step.id + '.headline') | translate | async }}\n              </h1>\n              <p class=\"axp-welcome-onboarding__lead\">\n                {{ ('@auth:welcome-onboarding.page.steps.' + step.id + '.lead') | translate | async }}\n              </p>\n\n              <!-- ----- Profile avatar on profile basics step ----- -->\n              @if (showProfileAvatar()) {\n                <div class=\"axp-welcome-onboarding__profile-row\">\n                  <axp-user-avatar\n                    [size]=\"74\"\n                    [userId]=\"user?.id!\"\n                    [showPresence]=\"false\"\n                  ></axp-user-avatar>\n                </div>\n              }\n\n              @if (stepLayout(); as layout) {\n                <axp-layout-renderer\n                  class=\"axp-welcome-onboarding__fields\"\n                  [layout]=\"layout\"\n                  [context]=\"formContext()\"\n                  (contextChange)=\"onFormContextChange($event)\"\n                ></axp-layout-renderer>\n              }\n\n              <p class=\"axp-welcome-onboarding__notice\">\n                {{ ('@auth:welcome-onboarding.page.steps.' + step.id + '.notice') | translate | async }}\n              </p>\n            }\n          </section>\n\n          <aside\n            class=\"axp-welcome-onboarding__art axp-welcome-onboarding__animate\"\n            [class.axp-welcome-onboarding__art--appearance]=\"showAppearancePreview()\"\n            [class.axp-welcome-onboarding__art--typography]=\"showTypographyPreview()\"\n            [ngStyle]=\"previewHostStyle()\"\n            aria-hidden=\"false\"\n          >\n            <div class=\"axp-welcome-onboarding__art-inner\">\n              <div class=\"axp-welcome-onboarding__art-visual\">\n                <!-- ----- Theme preview on appearance step ----- -->\n                @if (showAppearancePreview()) {\n                  <div\n                    class=\"axp-welcome-onboarding__preview\"\n                    [class.axp-welcome-onboarding__preview--dark]=\"previewResolvedDark()\"\n                    [ngStyle]=\"previewSurfaceStyle()\"\n                  >\n                    <div\n                      class=\"axp-welcome-onboarding__preview-head\"\n                      [class.axp-welcome-onboarding__preview-head--colored]=\"previewHeaderColored()\"\n                    >\n                      \u25CF \u25CF \u25CF &nbsp;&nbsp; {{ previewOrganizationTitle() }}\n                    </div>\n                    <div\n                      class=\"axp-welcome-onboarding__preview-body\"\n                      [class.axp-welcome-onboarding__preview-body--horizontal]=\"previewMenuHorizontal()\"\n                    >\n                      <!-- ----- Horizontal root menu skeleton ----- -->\n                      @if (previewMenuHorizontal()) {\n                        <div class=\"axp-welcome-onboarding__preview-hmenu\">\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-brand\"></span>\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-item\"></span>\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-item\"></span>\n                          <span class=\"axp-welcome-onboarding__preview-hmenu-item axp-welcome-onboarding__preview-hmenu-item--short\"></span>\n                        </div>\n                      }\n                      <!-- ----- Vertical root menu skeleton ----- -->\n                      @else {\n                        <div\n                          class=\"axp-welcome-onboarding__preview-sidebar\"\n                          [class.axp-welcome-onboarding__preview-sidebar--compact]=\"previewMenuCompact()\"\n                        ></div>\n                      }\n                      <div class=\"axp-welcome-onboarding__preview-blocks\">\n                        <strong>{{ previewOrganizationTitle() }}</strong>\n                        <div class=\"axp-welcome-onboarding__preview-dashboard\">\n                          <div class=\"axp-welcome-onboarding__preview-widget-row\">\n                            <div class=\"axp-welcome-onboarding__preview-widget axp-welcome-onboarding__preview-widget--clock\">\n                              <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--clock\"></span>\n                              <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-lg\"></span>\n                              <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-sm\"></span>\n                            </div>\n                            <div class=\"axp-welcome-onboarding__preview-mini-cards\">\n                              <span class=\"axp-welcome-onboarding__preview-mini-card\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--dot\"></span>\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-xs\"></span>\n                              </span>\n                              <span class=\"axp-welcome-onboarding__preview-mini-card\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--dot\"></span>\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-xs\"></span>\n                              </span>\n                              <span class=\"axp-welcome-onboarding__preview-mini-card axp-welcome-onboarding__preview-mini-card--wide\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line-xs\"></span>\n                              </span>\n                            </div>\n                          </div>\n                          <div class=\"axp-welcome-onboarding__preview-tasks\">\n                            <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--title\"></span>\n                            @for (row of previewTaskSkeletonRows; track row) {\n                              <div class=\"axp-welcome-onboarding__preview-task-row\">\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--check\"></span>\n                                <span class=\"axp-welcome-onboarding__preview-skel axp-welcome-onboarding__preview-skel--line\"></span>\n                              </div>\n                            }\n                          </div>\n                          <div class=\"axp-welcome-onboarding__preview-chart\"></div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                }\n                <!-- ----- Live type specimen on typography step ----- -->\n                @else if (showTypographyPreview()) {\n                  <div\n                    class=\"axp-welcome-onboarding__type-preview\"\n                    [ngStyle]=\"previewHostStyle()\"\n                  >\n                    <span class=\"axp-welcome-onboarding__type-preview-sample\">\n                      {{ '@auth:welcome-onboarding.page.typography-preview.sample' | translate | async }}\n                    </span>\n                    <strong class=\"axp-welcome-onboarding__type-preview-heading\">\n                      {{ '@auth:welcome-onboarding.page.typography-preview.heading' | translate | async }}\n                    </strong>\n                    <p class=\"axp-welcome-onboarding__type-preview-body\">\n                      {{ '@auth:welcome-onboarding.page.typography-preview.body' | translate | async }}\n                    </p>\n                  </div>\n                }\n                <!-- ----- Decorative orb on other steps ----- -->\n                @else {\n                  <div class=\"axp-welcome-onboarding__orb\" [ngStyle]=\"previewSurfaceStyle()\">\n                    <i class=\"axp-welcome-onboarding__orb-icon\" [class]=\"orbIconClass()\" aria-hidden=\"true\"></i>\n                  </div>\n                }\n              </div>\n\n              <div class=\"axp-welcome-onboarding__art-caption\">\n                <strong>{{ stepArtCaptionKey(currentStep()) | translate | async }}</strong>\n              </div>\n\n              <div class=\"axp-welcome-onboarding__dots\" role=\"tablist\">\n                @for (step of steps(); track step.id; let i = $index) {\n                  <button\n                    type=\"button\"\n                    class=\"axp-welcome-onboarding__dot\"\n                    [class.axp-welcome-onboarding__dot--on]=\"stepIndex() === i\"\n                    [attr.aria-label]=\"step.title | translate | async\"\n                    [attr.aria-selected]=\"stepIndex() === i\"\n                    (click)=\"goToStep(i)\"\n                  ></button>\n                }\n              </div>\n            </div>\n          </aside>\n        }\n      </main>\n\n      <!-- ----- Footer actions while steps are active ----- -->\n      @if (!finishOutcome()) {\n        <footer class=\"axp-welcome-onboarding__footer\">\n          <div class=\"axp-welcome-onboarding__footer-start\">\n            <ax-button\n              look=\"twotone\"\n              color=\"default\"\n              [text]=\"'@auth:welcome-onboarding.actions.skip-all' | translate | async\"\n              [disabled]=\"busy()\"\n              (onClick)=\"skipAll()\"\n            ></ax-button>\n            <ax-button\n              look=\"twotone\"\n              color=\"default\"\n              [text]=\"'@auth:welcome-onboarding.actions.remind-later' | translate | async\"\n              [disabled]=\"busy()\"\n              (onClick)=\"remindLater()\"\n            ></ax-button>\n          </div>\n          <div class=\"axp-welcome-onboarding__footer-end\">\n            <!-- ----- Previous step ----- -->\n            @if (!isFirstStep()) {\n              <ax-button\n                look=\"blank\"\n                color=\"default\"\n                [text]=\"'@auth:welcome-onboarding.actions.previous' | translate | async\"\n                [disabled]=\"busy()\"\n                (onClick)=\"previous()\"\n              ></ax-button>\n            }\n            <ax-button\n              look=\"solid\"\n              color=\"primary\"\n              [text]=\"\n                (isLastStep()\n                  ? '@auth:welcome-onboarding.actions.finish'\n                  : '@auth:welcome-onboarding.actions.next'\n                )\n                  | translate\n                  | async\n              \"\n              [disabled]=\"busy()\"\n              (onClick)=\"next()\"\n            ></ax-button>\n          </div>\n        </footer>\n      }\n    </div>\n  }\n  </div>\n</div>\n", styles: ["@layer properties;.axp-welcome-onboarding{--axp-welcome-shell-height: min(42rem, calc(100dvh - 2.5rem) );--axp-welcome-backdrop-duration: .75s;position:relative;box-sizing:border-box;overflow:hidden;height:100dvh;max-height:100dvh;background:var(--axp-welcome-page-base, rgb(var(--ax-sys-color-lighter-surface, 239 244 247)));transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}.axp-welcome-onboarding__backdrop-stack{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}.axp-welcome-onboarding__backdrop{position:absolute;inset:0;opacity:0%;background:radial-gradient(ellipse at 15% 90%,var(--axp-welcome-page-glow-start, #b2ded8) 0%,transparent 55%),radial-gradient(ellipse at 90% 5%,var(--axp-welcome-page-glow-end, #d1e1fc) 0%,transparent 55%),var(--axp-welcome-page-base, #eff4f7);transition:opacity var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1);will-change:opacity}.axp-welcome-onboarding__backdrop--active{opacity:100%}.axp-welcome-onboarding__content{position:relative;z-index:10;display:flex;height:100%;min-height:0px;width:100%;align-items:center;justify-content:center;overflow:hidden;padding:calc(var(--spacing, .25rem) * 3)}@media(width>=48rem){.axp-welcome-onboarding__content{padding:calc(var(--spacing, .25rem) * 6)}}.axp-welcome-onboarding__confetti-canvas{pointer-events:none;position:absolute;inset:0;z-index:20}.axp-welcome-onboarding__loading{display:flex;min-height:40vh;align-items:center;justify-content:center}.axp-welcome-onboarding__shell{display:flex;width:100%;max-width:72.5rem;flex-shrink:0;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);height:var(--axp-welcome-shell-height);min-height:var(--axp-welcome-shell-height);max-height:var(--axp-welcome-shell-height);border:1px solid rgb(var(--ax-sys-color-primary-500, 17 59 83));background:rgb(var(--ax-sys-color-lightest-surface, 255 255 255));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1),border-color var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__shell{border:1px solid color-mix(in srgb,rgb(var(--ax-sys-color-primary-500, 17 59 83)) 12%,rgb(var(--ax-sys-color-border-lightest-surface, 255 255 255)))}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__shell{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface, 255 255 255)) 88%,rgb(var(--ax-sys-color-primary-50, 241 245 249)) 12%)}}.axp-welcome-onboarding.ax-dark .axp-welcome-onboarding__shell{background:rgb(var(--ax-sys-color-darkest-surface, 33 37 41));border-color:rgb(var(--ax-sys-color-primary-500, 98 71 170))}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding.ax-dark .axp-welcome-onboarding__shell{background:color-mix(in srgb,rgb(var(--ax-sys-color-darkest-surface, 33 37 41)) 92%,rgb(var(--ax-sys-color-primary-900, 17 59 83)) 8%)}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding.ax-dark .axp-welcome-onboarding__shell{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500, 98 71 170)) 18%,rgb(var(--ax-sys-color-border-darker-surface, 60 60 60)))}}.axp-welcome-onboarding__header{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.axp-welcome-onboarding__header{padding-inline:calc(var(--spacing, .25rem) * 8)}}.axp-welcome-onboarding__brand{flex-shrink:0}.axp-welcome-onboarding__brand axp-logo{width:min(14rem,42vw);max-width:100%}.axp-welcome-onboarding__step-counter{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__main{display:grid;min-height:0px;flex:1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));overflow:hidden}@media(width>=48rem){.axp-welcome-onboarding__main{grid-template-columns:repeat(2,minmax(0,1fr))}}.axp-welcome-onboarding__form{display:flex;height:100%;min-height:0px;flex-direction:column;overflow-y:auto;padding-inline:calc(var(--spacing, .25rem) * 5);padding-top:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 4)}@media(width>=48rem){.axp-welcome-onboarding__form{padding-right:calc(var(--spacing, .25rem) * 8)}}@media(width>=48rem){.axp-welcome-onboarding__form{padding-left:calc(var(--spacing, .25rem) * 10)}}.axp-welcome-onboarding__form--appearance{overflow-x:hidden;overflow-y:auto;overflow-anchor:none}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__title{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}@media(width>=48rem){.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__title{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__lead{margin-bottom:calc(var(--spacing, .25rem) * 3);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__notice{margin-top:calc(var(--spacing, .25rem) * 2);flex-shrink:0}.axp-welcome-onboarding__form--menu-horizontal .axp-welcome-onboarding__fields axp-flex-widget-view>axp-form-field-widget-view:nth-child(4){display:none!important}.axp-welcome-onboarding__eyebrow{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 2);flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--axp-welcome-preview-primary, var(--ax-color-primary))}.axp-welcome-onboarding__title{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 2);flex-shrink:0;font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(width>=48rem){.axp-welcome-onboarding__title{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}}.axp-welcome-onboarding__lead{margin:0;margin-bottom:calc(var(--spacing, .25rem) * 4);flex-shrink:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__notice{margin-top:calc(var(--spacing, .25rem) * 3);flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__profile-row{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axp-welcome-onboarding__fields{width:100%;flex-shrink:0}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;align-content:start}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div))>div{min-width:0!important;height:2.75rem!important;padding:.35rem .65rem!important}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div))>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.axp-welcome-onboarding__form--appearance .axp-welcome-onboarding__fields :is(axp-theme-palette-chooser-widget-component,ng-component:has(>div>span+div))>div>div div{height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6)}.axp-welcome-onboarding__art{position:relative;display:none;height:100%;min-height:0px;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at center,var(--axp-welcome-preview-accent, #b2ded8),transparent 72%);transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}@media(width>=48rem){.axp-welcome-onboarding__art{display:flex}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__art{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--axp-welcome-preview-accent, #b2ded8) 35%,transparent),transparent 72%)}}.axp-welcome-onboarding__art-inner{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;align-items:center;justify-content:space-between;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 6)}.axp-welcome-onboarding__art-visual{display:flex;min-height:0px;width:100%;flex:1;align-items:center;justify-content:center}.axp-welcome-onboarding__orb{display:grid;height:17rem;width:17rem;flex-shrink:0;place-items:center;border-radius:calc(infinity * 1px);background:radial-gradient(circle at 30% 25%,var(--axp-welcome-preview-accent, #dbfff8),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,var(--axp-welcome-preview-primary, #217c6f) 82%);box-shadow:inset -15px -15px 30px var(--axp-welcome-preview-primary, #145b63),0 32px 40px var(--axp-welcome-preview-primary, #347d72)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__orb{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--axp-welcome-preview-accent, #dbfff8) 90%,white),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,color-mix(in srgb,var(--axp-welcome-preview-primary, #217c6f) 85%,black) 82%)}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__orb{box-shadow:inset -15px -15px 30px color-mix(in srgb,var(--axp-welcome-preview-primary, #145b63) 25%,transparent),0 32px 40px color-mix(in srgb,var(--axp-welcome-preview-primary, #347d72) 22%,transparent)}}.axp-welcome-onboarding__orb-icon{font-size:7.25rem;--tw-leading: 1;line-height:1;color:var(--color-white, #fff);text-shadow:0 2px 12px rgb(0 0 0 / .18)}.axp-welcome-onboarding__type-preview{display:flex;width:100%;max-width:22rem;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 7);--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border:1px solid var(--axp-welcome-preview-border, #fdfdfd);background:var(--axp-welcome-preview-panel, #ffffff);color:var(--axp-welcome-preview-text, #385c52)}.axp-welcome-onboarding__type-preview-sample{--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:1.75em;color:var(--axp-welcome-preview-primary, var(--ax-color-primary))}.axp-welcome-onboarding__type-preview-heading{margin:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-welcome-onboarding__type-preview-body{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);color:var(--axp-welcome-preview-muted, #64736f)}.axp-welcome-onboarding__preview{width:100%;max-width:24rem;flex-shrink:0;overflow:hidden;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:7px;--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:var(--axp-welcome-preview-border, #fdfdfd);background:var(--axp-welcome-preview-surface, #f2f5f7);font-family:inherit}.axp-welcome-onboarding__preview-head{height:calc(var(--spacing, .25rem) * 8);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:10px;background:var(--axp-welcome-preview-panel, #ffffff);color:var(--axp-welcome-preview-muted, #64736f)}.axp-welcome-onboarding__preview-head--colored{background:var(--axp-welcome-preview-primary, var(--ax-color-primary));color:var(--color-white, #fff)}.axp-welcome-onboarding__preview-body{display:flex;height:14.5rem;min-height:0px}.axp-welcome-onboarding__preview-body--horizontal{flex-direction:column}.axp-welcome-onboarding__preview-hmenu{display:flex;height:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);background:var(--axp-welcome-preview-primary, var(--ax-color-primary));transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}.axp-welcome-onboarding__preview-hmenu-brand{margin-inline-end:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;border-radius:var(--radius-sm, .25rem);background-color:color-mix(in srgb,#fff 55%,transparent)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-hmenu-brand{background-color:color-mix(in oklab,var(--color-white, #fff) 55%,transparent)}}.axp-welcome-onboarding__preview-hmenu-item{height:calc(var(--spacing, .25rem) * 1.5);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,#fff 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-hmenu-item{background-color:color-mix(in oklab,var(--color-white, #fff) 45%,transparent)}}.axp-welcome-onboarding__preview-hmenu-item--short{width:calc(var(--spacing, .25rem) * 8)}.axp-welcome-onboarding__preview-body--horizontal .axp-welcome-onboarding__preview-blocks{min-height:0px;flex:1}.axp-welcome-onboarding__preview-sidebar{width:calc(var(--spacing, .25rem) * 16);flex-shrink:0;padding:calc(var(--spacing, .25rem) * 2);background:var(--axp-welcome-preview-primary, var(--ax-color-primary));transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}.axp-welcome-onboarding__preview-sidebar--compact{width:calc(var(--spacing, .25rem) * 7)}.axp-welcome-onboarding__preview-sidebar:before,.axp-welcome-onboarding__preview-sidebar:after{content:\"\";margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;height:var(--spacing, .25rem);border-radius:var(--radius-sm, .25rem);background-color:color-mix(in srgb,#fff 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-sidebar:before,.axp-welcome-onboarding__preview-sidebar:after{background-color:color-mix(in oklab,var(--color-white, #fff) 40%,transparent)}}.axp-welcome-onboarding__preview-blocks{display:flex;min-height:0px;flex:1;flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 3);background:var(--axp-welcome-preview-surface, #f2f5f7)}.axp-welcome-onboarding__preview-blocks strong{margin-bottom:calc(var(--spacing, .25rem) * 2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--axp-welcome-preview-text, #385c52)}.axp-welcome-onboarding__preview-dashboard{display:flex;min-height:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__preview-widget-row{display:flex;gap:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__preview-widget{display:flex;flex:1;flex-direction:column;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);background:var(--axp-welcome-preview-card, #ffffff)}.axp-welcome-onboarding__preview-widget--clock{max-width:42%}.axp-welcome-onboarding__preview-mini-cards{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-welcome-onboarding__preview-mini-card{display:flex;flex:1;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:var(--spacing, .25rem);min-height:1.35rem;background:var(--axp-welcome-preview-card, #ffffff)}.axp-welcome-onboarding__preview-mini-card--wide{flex:1.15}.axp-welcome-onboarding__preview-skel--dot{height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 2);flex-shrink:0;border-radius:calc(infinity * 1px);background:var(--axp-welcome-preview-accent, #7fc6b5)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-skel--dot{background:color-mix(in srgb,var(--axp-welcome-preview-accent, #7fc6b5) 45%,transparent)}}.axp-welcome-onboarding__preview-skel--line-xs{height:var(--spacing, .25rem);flex:1}.axp-welcome-onboarding__preview-tasks{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);background:var(--axp-welcome-preview-card, #ffffff)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-tasks{background:color-mix(in srgb,var(--axp-welcome-preview-card, #ffffff) 88%,transparent)}}.axp-welcome-onboarding__preview-task-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-welcome-onboarding__preview-skel{display:block;border-radius:var(--radius-sm, .25rem);background:var(--axp-welcome-preview-muted, #94a3a8)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-skel{background:color-mix(in srgb,var(--axp-welcome-preview-muted, #94a3a8) 28%,transparent)}}.axp-welcome-onboarding__preview-skel--clock{margin-bottom:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:calc(infinity * 1px);background:var(--axp-welcome-preview-primary, #237f6a)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-skel--clock{background:color-mix(in srgb,var(--axp-welcome-preview-primary, #237f6a) 35%,transparent)}}.axp-welcome-onboarding__preview-skel--line-lg{height:calc(var(--spacing, .25rem) * 2);width:70%}.axp-welcome-onboarding__preview-skel--line-sm{height:calc(var(--spacing, .25rem) * 1.5);width:45%}.axp-welcome-onboarding__preview-skel--title{margin-bottom:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 2);width:38%}.axp-welcome-onboarding__preview-skel--check{height:calc(var(--spacing, .25rem) * 2.5);width:calc(var(--spacing, .25rem) * 2.5);flex-shrink:0;border-radius:3px}.axp-welcome-onboarding__preview-skel--line{height:calc(var(--spacing, .25rem) * 1.5);flex:1}.axp-welcome-onboarding__preview-chart{margin-top:auto;height:calc(var(--spacing, .25rem) * 10);flex-shrink:0;border-radius:var(--radius-md, .375rem);background:linear-gradient(170deg,transparent 35%,var(--axp-welcome-preview-accent, #a4d7c6) 36%,var(--axp-welcome-preview-primary, #7fc6b5) 100%);transition:background var(--axp-welcome-backdrop-duration) cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__preview-chart{background:linear-gradient(170deg,transparent 35%,color-mix(in srgb,var(--axp-welcome-preview-accent, #a4d7c6) 70%,transparent) 36%,color-mix(in srgb,var(--axp-welcome-preview-primary, #7fc6b5) 25%,var(--axp-welcome-preview-surface, #e8f2ef)) 100%)}}.axp-welcome-onboarding__art-caption{flex-shrink:0;text-align:center}.axp-welcome-onboarding__art-caption strong{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}.axp-welcome-onboarding__art-caption p{margin-top:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-welcome-onboarding__dots{display:flex;flex-shrink:0;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__dot{height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 2);cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-neutral-300, oklch(87% 0 none));padding:0;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.axp-welcome-onboarding__dot--on{width:calc(var(--spacing, .25rem) * 6);border-radius:calc(infinity * 1px);background:var( --axp-welcome-preview-primary, var(--ax-color-primary, var(--color-primary-500, #347d72)) )}.axp-welcome-onboarding__footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 4);border-color:rgb(var(--ax-sys-color-border-lighter-surface, 245 245 245))}@media(width>=48rem){.axp-welcome-onboarding__footer{padding-inline:calc(var(--spacing, .25rem) * 8)}}.axp-welcome-onboarding ax-button>button.ax-solid-interactive.ax-primary:not(.ax-state-disabled):not(.ax-state-loading){background-image:none;background-color:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface));border-color:rgb(var(--ax-sys-color-border-primary-surface));box-shadow:none}.axp-welcome-onboarding ax-button>button.ax-solid-interactive.ax-primary:not(.ax-state-disabled):not(.ax-state-loading):hover{background-color:rgb(var(--ax-sys-color-primary-600))}.axp-welcome-onboarding ax-button>button.ax-solid-interactive.ax-primary:not(.ax-state-disabled):not(.ax-state-loading):active{background-color:rgb(var(--ax-sys-color-primary-600))}.axp-welcome-onboarding axp-theme-mode-chooser-widget-component>div.--selected,.axp-welcome-onboarding axp-theme-palette-chooser-widget-component>div.--selected{background-color:rgb(var(--ax-sys-color-primary-lighter-surface) / .55);border-color:rgb(var(--ax-sys-color-border-primary-lighter-surface));color:rgb(var(--ax-sys-color-on-primary-lighter-surface))}.axp-welcome-onboarding__footer-start,.axp-welcome-onboarding__footer-end{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-welcome-onboarding__done{grid-column:span 1 / span 1;display:flex;height:100%;min-height:0px;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center}@media(width>=48rem){.axp-welcome-onboarding__done{grid-column:span 2 / span 2}}.axp-welcome-onboarding__done-orb{margin-bottom:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 28);width:calc(var(--spacing, .25rem) * 28);flex-shrink:0;background:radial-gradient(circle at 30% 25%,var(--axp-welcome-preview-accent, #dbfff8),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,var(--axp-welcome-preview-primary, #217c6f) 82%);box-shadow:inset -15px -15px 30px var(--axp-welcome-preview-primary, #145b63),0 32px 40px var(--axp-welcome-preview-primary, #347d72)}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__done-orb{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--axp-welcome-preview-accent, #dbfff8) 90%,white),var(--axp-welcome-preview-primary, var(--ax-color-primary-500)) 48%,color-mix(in srgb,var(--axp-welcome-preview-primary, #217c6f) 85%,black) 82%)}}@supports (color: color-mix(in lab,red,red)){.axp-welcome-onboarding__done-orb{box-shadow:inset -15px -15px 30px color-mix(in srgb,var(--axp-welcome-preview-primary, #145b63) 25%,transparent),0 32px 40px color-mix(in srgb,var(--axp-welcome-preview-primary, #347d72) 22%,transparent)}}.axp-welcome-onboarding__done-orb .axp-welcome-onboarding__orb-icon{font-size:var(--text-5xl, 3rem);line-height:var(--tw-leading, var(--text-5xl--line-height, 1))}.axp-welcome-onboarding__done-actions{margin-top:calc(var(--spacing, .25rem) * 6);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing, .25rem) * 3)}.axp-welcome-onboarding__animate{animation:axp-welcome-onboarding-enter .35s ease both}@keyframes axp-welcome-onboarding-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.axp-welcome-onboarding{--axp-welcome-backdrop-duration: .01ms}.axp-welcome-onboarding__animate{animation:none}}@media(max-width:767px){.axp-welcome-onboarding{--axp-welcome-shell-height: min(42rem, calc(100dvh - 1.5rem) )}}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthWelcomeOnboardingPageComponent, decorators: [{
             type: Component,
@@ -810,4 +810,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { formScrollHost: [{ type: i0.ViewChild, args: ['formScrollHost', { isSignal: true }] }], confettiHost: [{ type: i0.ViewChild, args: ['confettiHost', { isSignal: true }] }] } });
 
 export { AXPAuthWelcomeOnboardingPageComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-welcome-onboarding-page.component-3yva-FyV.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-welcome-onboarding-page.component-BKqHYkv2.mjs.map