@acorex/components 21.1.0-next.2 → 22.0.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/acorex-components-accordion.mjs +47 -30
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +46 -31
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +24 -17
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-aspect-ratio.mjs +10 -8
- package/fesm2022/acorex-components-aspect-ratio.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +13 -10
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs +24 -17
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +20 -16
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +11 -10
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +19 -16
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +16 -14
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +17 -16
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +38 -29
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +44 -30
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +12 -11
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +11 -10
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +19 -14
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-code-editor.mjs +42 -26
- package/fesm2022/acorex-components-code-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +20 -15
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +45 -43
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-command.mjs +25 -16
- package/fesm2022/acorex-components-command.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +42 -41
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/{acorex-components-conversation-composer-action-choice-dialog.component-C28hl7iD.mjs → acorex-components-conversation-composer-action-choice-dialog.component-CNHiM1Sp.mjs} +17 -12
- package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-CNHiM1Sp.mjs.map +1 -0
- package/fesm2022/{acorex-components-conversation-open-composer-picker-for-files-Duvap4M4.mjs → acorex-components-conversation-open-composer-picker-for-files-Hh5Oyp3p.mjs} +2 -2
- package/fesm2022/{acorex-components-conversation-open-composer-picker-for-files-Duvap4M4.mjs.map → acorex-components-conversation-open-composer-picker-for-files-Hh5Oyp3p.mjs.map} +1 -1
- package/fesm2022/acorex-components-conversation.mjs +1620 -1156
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +56 -51
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-list.mjs +61 -33
- package/fesm2022/acorex-components-data-list.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +42 -47
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +110 -96
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +42 -26
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +38 -24
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +50 -30
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +53 -45
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +17 -15
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +33 -24
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +10 -10
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +24 -20
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-editor.mjs +16 -13
- package/fesm2022/acorex-components-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-fab.mjs +27 -18
- package/fesm2022/acorex-components-fab.mjs.map +1 -1
- package/fesm2022/acorex-components-file-viewer.mjs +149 -99
- package/fesm2022/acorex-components-file-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs +53 -37
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +45 -34
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +23 -21
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +182 -135
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +14 -12
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +15 -11
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +41 -22
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +23 -16
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +10 -10
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +26 -18
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +26 -19
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +20 -20
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +79 -47
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +126 -86
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +71 -52
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/{acorex-components-modal-acorex-components-modal-dF5HUEBH.mjs → acorex-components-modal-acorex-components-modal-Djl-uo9b.mjs} +34 -30
- package/fesm2022/acorex-components-modal-acorex-components-modal-Djl-uo9b.mjs.map +1 -0
- package/fesm2022/{acorex-components-modal-modal-content.component-BGTYje3j.mjs → acorex-components-modal-modal-content.component-BpUsCI8D.mjs} +73 -40
- package/fesm2022/acorex-components-modal-modal-content.component-BpUsCI8D.mjs.map +1 -0
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +9 -9
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +41 -27
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +32 -21
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +18 -14
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-paint.mjs +79 -55
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +46 -30
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +11 -10
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +31 -21
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +44 -31
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +14 -12
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +32 -24
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +9 -9
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +28 -19
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +19 -14
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +10 -10
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +44 -30
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +60 -35
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +30 -20
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +50 -39
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +9 -9
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +9 -9
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-rrule.mjs +52 -35
- package/fesm2022/acorex-components-rrule.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler-picker.mjs +205 -152
- package/fesm2022/acorex-components-scheduler-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +504 -275
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +14 -12
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +32 -21
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +16 -13
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +14 -12
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +74 -46
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-sidebar.mjs +89 -63
- package/fesm2022/acorex-components-sidebar.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +10 -10
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +31 -22
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +66 -41
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +13 -13
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +27 -23
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +30 -20
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +9 -9
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +10 -10
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +14 -12
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs +46 -28
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +27 -20
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +37 -25
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +17 -13
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +18 -15
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +106 -59
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +15 -14
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs +11 -10
- package/fesm2022/acorex-components-video-player.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +67 -53
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/package.json +3 -3
- package/types/acorex-components-rrule.d.ts +3 -2
- package/types/acorex-components-side-menu.d.ts +1 -1
- package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-C28hl7iD.mjs.map +0 -1
- package/fesm2022/acorex-components-modal-acorex-components-modal-dF5HUEBH.mjs.map +0 -1
- package/fesm2022/acorex-components-modal-modal-content.component-BGTYje3j.mjs.map +0 -1
|
@@ -2,23 +2,35 @@ import { MXBaseComponent, AXComponent } from '@acorex/cdk/common';
|
|
|
2
2
|
import { AXProgressBarComponent } from '@acorex/components/progress-bar';
|
|
3
3
|
import { NgTemplateOutlet } from '@angular/common';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
|
-
import { input, model, signal, computed, viewChild, HostBinding, Input, ViewEncapsulation,
|
|
5
|
+
import { input, model, signal, computed, viewChild, HostBinding, Input, ViewEncapsulation, Component, inject, ViewContainerRef, Directive, output, effect, contentChildren, NgModule } from '@angular/core';
|
|
6
6
|
|
|
7
7
|
class AXStepWizardItemComponent extends MXBaseComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
super(...arguments);
|
|
10
|
-
this.step = input(1,
|
|
11
|
-
|
|
12
|
-
this.
|
|
13
|
-
|
|
14
|
-
this.
|
|
15
|
-
|
|
16
|
-
this.
|
|
17
|
-
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
this.
|
|
21
|
-
|
|
10
|
+
this.step = input(1, /* @ts-ignore */
|
|
11
|
+
...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
|
|
12
|
+
this.label = input('', /* @ts-ignore */
|
|
13
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
14
|
+
this.description = input('', /* @ts-ignore */
|
|
15
|
+
...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
|
|
16
|
+
this.customTemplate = input(/* @ts-ignore */
|
|
17
|
+
...(ngDevMode ? [undefined, { debugName: "customTemplate" }] : /* istanbul ignore next */ []));
|
|
18
|
+
this.active = model(false, /* @ts-ignore */
|
|
19
|
+
...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
20
|
+
this.passed = model(false, /* @ts-ignore */
|
|
21
|
+
...(ngDevMode ? [{ debugName: "passed" }] : /* istanbul ignore next */ []));
|
|
22
|
+
this.look = model(/* @ts-ignore */
|
|
23
|
+
...(ngDevMode ? [undefined, { debugName: "look" }] : /* istanbul ignore next */ []));
|
|
24
|
+
this.state = model('clear', /* @ts-ignore */
|
|
25
|
+
...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
26
|
+
this.stepId = signal('', /* @ts-ignore */
|
|
27
|
+
...(ngDevMode ? [{ debugName: "stepId" }] : /* istanbul ignore next */ []));
|
|
28
|
+
this.className = computed(() => (this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : ''), /* @ts-ignore */
|
|
29
|
+
...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
|
|
30
|
+
this.isArrowMinimalLook = computed(() => this.look() === 'rounded-arrow-minimal' || this.look() === 'rectangular-arrow-minimal', /* @ts-ignore */
|
|
31
|
+
...(ngDevMode ? [{ debugName: "isArrowMinimalLook" }] : /* istanbul ignore next */ []));
|
|
32
|
+
this.template = viewChild('content', /* @ts-ignore */
|
|
33
|
+
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
22
34
|
}
|
|
23
35
|
set id(v) {
|
|
24
36
|
this.stepId.set(v);
|
|
@@ -26,12 +38,12 @@ class AXStepWizardItemComponent extends MXBaseComponent {
|
|
|
26
38
|
get __hostClass() {
|
|
27
39
|
return [this.className(), `ax-state-${this.state()}`];
|
|
28
40
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXStepWizardItemComponent, isStandalone: true, selector: "ax-step-wizard-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, passed: { classPropertyName: "passed", publicName: "passed", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", passed: "passedChange", look: "lookChange", state: "stateChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardItemComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (\n look() === 'rounded-icon' ||\n look() === 'circular-icon' ||\n look() === 'circular' ||\n isArrowMinimalLook()\n) {\n <div class=\"ax-step-wizard-item-icon-container\">\n <div class=\"ax-step-wizard-item-icon\">\n @if (state() === 'error') {\n <div class=\"ax-icon ax-icon-close\"></div>\n } @else if (state() === 'success' || (isArrowMinimalLook() && passed() && state() === 'clear')) {\n <div class=\"ax-icon ax-icon-check\"></div>\n } @else if (state() === 'warning') {\n <div class=\"ax-icon ax-icon-warning\"></div>\n } @else if (isArrowMinimalLook()) {\n <span class=\"ax-step-wizard-item-step\">{{ step() }}</span>\n }\n @if (!isArrowMinimalLook()) {\n <ng-container [ngTemplateOutlet]=\"icon\"> </ng-container>\n }\n </div>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description() && !isArrowMinimalLook()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else if (look() === 'text-line') {\n @if (state() === 'pending') {\n <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\"> </ax-progress-bar>\n } @else {\n <div class=\"ax-step-wizard-indicator\"></div>\n }\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else {\n @if (customTemplate()) {\n <ng-container [ngTemplateOutlet]=\"customTemplate()\"> </ng-container>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
43
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
|
|
33
45
|
type: Component,
|
|
34
|
-
args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'],
|
|
46
|
+
args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, AXProgressBarComponent], providers: [{ provide: AXComponent, useExisting: AXStepWizardItemComponent }], template: "@if (\n look() === 'rounded-icon' ||\n look() === 'circular-icon' ||\n look() === 'circular' ||\n isArrowMinimalLook()\n) {\n <div class=\"ax-step-wizard-item-icon-container\">\n <div class=\"ax-step-wizard-item-icon\">\n @if (state() === 'error') {\n <div class=\"ax-icon ax-icon-close\"></div>\n } @else if (state() === 'success' || (isArrowMinimalLook() && passed() && state() === 'clear')) {\n <div class=\"ax-icon ax-icon-check\"></div>\n } @else if (state() === 'warning') {\n <div class=\"ax-icon ax-icon-warning\"></div>\n } @else if (isArrowMinimalLook()) {\n <span class=\"ax-step-wizard-item-step\">{{ step() }}</span>\n }\n @if (!isArrowMinimalLook()) {\n <ng-container [ngTemplateOutlet]=\"icon\"> </ng-container>\n }\n </div>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description() && !isArrowMinimalLook()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else if (look() === 'text-line') {\n @if (state() === 'pending') {\n <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\"> </ax-progress-bar>\n } @else {\n <div class=\"ax-step-wizard-indicator\"></div>\n }\n <div class=\"ax-step-wizard-item-title\">\n @if (label()) {\n <p>{{ label() }}</p>\n }\n @if (description()) {\n <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n }\n </div>\n} @else {\n @if (customTemplate()) {\n <ng-container [ngTemplateOutlet]=\"customTemplate()\"> </ng-container>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n" }]
|
|
35
47
|
}], propDecorators: { step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], passed: [{ type: i0.Input, args: [{ isSignal: true, alias: "passed", required: false }] }, { type: i0.Output, args: ["passedChange"] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }, { type: i0.Output, args: ["lookChange"] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }, { type: i0.Output, args: ["stateChange"] }], template: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], id: [{
|
|
36
48
|
type: Input
|
|
37
49
|
}], __hostClass: [{
|
|
@@ -53,10 +65,10 @@ class AXStepWizardContentDirective {
|
|
|
53
65
|
this._viewContainerRef.createEmbeddedView(v, null, 0);
|
|
54
66
|
}
|
|
55
67
|
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
57
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
68
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
69
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXStepWizardContentDirective, isStandalone: true, selector: "[axStepWizardContent]", inputs: { portal: ["axStepWizardContent", "portal"] }, exportAs: ["axStepWizardContent"], ngImport: i0 }); }
|
|
58
70
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardContentDirective, decorators: [{
|
|
60
72
|
type: Directive,
|
|
61
73
|
args: [{
|
|
62
74
|
selector: '[axStepWizardContent]',
|
|
@@ -72,14 +84,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
72
84
|
class AXStepWizardComponent extends MXBaseComponent {
|
|
73
85
|
constructor() {
|
|
74
86
|
super(...arguments);
|
|
75
|
-
this.connector = input(true,
|
|
87
|
+
this.connector = input(true, /* @ts-ignore */
|
|
88
|
+
...(ngDevMode ? [{ debugName: "connector" }] : /* istanbul ignore next */ []));
|
|
76
89
|
/**
|
|
77
90
|
* Whether to automatically scroll to the active step when it changes
|
|
78
91
|
*/
|
|
79
|
-
this.scrollToStep = input(true,
|
|
80
|
-
|
|
81
|
-
this.
|
|
82
|
-
|
|
92
|
+
this.scrollToStep = input(true, /* @ts-ignore */
|
|
93
|
+
...(ngDevMode ? [{ debugName: "scrollToStep" }] : /* istanbul ignore next */ []));
|
|
94
|
+
this.size = input('ax-md', /* @ts-ignore */
|
|
95
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
96
|
+
this.look = input('circular-icon', /* @ts-ignore */
|
|
97
|
+
...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
|
|
98
|
+
this.changeStep = input(false, /* @ts-ignore */
|
|
99
|
+
...(ngDevMode ? [{ debugName: "changeStep" }] : /* istanbul ignore next */ []));
|
|
83
100
|
this.stepChanged = output();
|
|
84
101
|
this.#changeStepEffect = effect(() => {
|
|
85
102
|
this.steps().forEach((item, i = 1) => {
|
|
@@ -95,20 +112,26 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
|
95
112
|
}
|
|
96
113
|
i++;
|
|
97
114
|
});
|
|
98
|
-
},
|
|
115
|
+
}, /* @ts-ignore */
|
|
116
|
+
...(ngDevMode ? [{ debugName: "#changeStepEffect" }] : /* istanbul ignore next */ []));
|
|
99
117
|
/**
|
|
100
118
|
* Current active step index (0-based)
|
|
101
119
|
*/
|
|
102
|
-
this.activeStepIndex = signal(0,
|
|
120
|
+
this.activeStepIndex = signal(0, /* @ts-ignore */
|
|
121
|
+
...(ngDevMode ? [{ debugName: "activeStepIndex" }] : /* istanbul ignore next */ []));
|
|
103
122
|
/** @ignore */
|
|
104
|
-
this.activeOrientation = signal(this.orientation,
|
|
105
|
-
|
|
106
|
-
this.
|
|
123
|
+
this.activeOrientation = signal(this.orientation, /* @ts-ignore */
|
|
124
|
+
...(ngDevMode ? [{ debugName: "activeOrientation" }] : /* istanbul ignore next */ []));
|
|
125
|
+
this.isFirst = computed(() => this.activeStepIndex() === 0, /* @ts-ignore */
|
|
126
|
+
...(ngDevMode ? [{ debugName: "isFirst" }] : /* istanbul ignore next */ []));
|
|
127
|
+
this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1, /* @ts-ignore */
|
|
128
|
+
...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
|
|
107
129
|
this.#effect = effect(() => {
|
|
108
130
|
this.steps()?.forEach((s) => {
|
|
109
131
|
s.look.set(this.look());
|
|
110
132
|
});
|
|
111
|
-
},
|
|
133
|
+
}, /* @ts-ignore */
|
|
134
|
+
...(ngDevMode ? [{ debugName: "#effect" }] : /* istanbul ignore next */ []));
|
|
112
135
|
/** @ignore */
|
|
113
136
|
this.#stepChangeEffect = effect(() => {
|
|
114
137
|
const step = this.steps()[this.activeStepIndex()];
|
|
@@ -131,10 +154,12 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
|
131
154
|
this.changeStepContent(step);
|
|
132
155
|
this.stepChanged.emit(step);
|
|
133
156
|
});
|
|
134
|
-
},
|
|
157
|
+
}, /* @ts-ignore */
|
|
158
|
+
...(ngDevMode ? [{ debugName: "#stepChangeEffect" }] : /* istanbul ignore next */ []));
|
|
135
159
|
/** @ignore */
|
|
136
160
|
// @ContentChildren(AXStepWizardItemComponent, { descendants: true })
|
|
137
|
-
this.steps = contentChildren(AXStepWizardItemComponent,
|
|
161
|
+
this.steps = contentChildren(AXStepWizardItemComponent, /* @ts-ignore */
|
|
162
|
+
...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
|
|
138
163
|
}
|
|
139
164
|
#changeStepEffect;
|
|
140
165
|
#effect;
|
|
@@ -204,12 +229,12 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
|
204
229
|
}
|
|
205
230
|
return classList;
|
|
206
231
|
}
|
|
207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, scrollToStep: { classPropertyName: "scrollToStep", publicName: "scrollToStep", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: ["@layer properties;:root{--ax-comp-step-wizard-connector-size: 2px;--ax-comp-step-wizard-circular-sm-icon-size: 1.5rem;--ax-comp-step-wizard-circular-md-icon-size: 2rem;--ax-comp-step-wizard-circular-lg-icon-size: 2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size: 1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size: 1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size: 1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size: 3rem;--ax-comp-step-wizard-with-icon-lg-icon-size: 3.5rem}@layer components{.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard{display:flex;width:100%;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 2)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none;content:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:90%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:100%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{display:block;content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);position:static;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:calc(infinity * 1px);overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:0;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:calc(var(--spacing, .25rem) * 1);background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:95%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:100%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:var(--radius-2xl, 1rem);width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4);height:100%;text-align:start;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;}@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-font-weight: initial;--tw-border-style: solid;--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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
233
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXStepWizardComponent, isStandalone: true, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, scrollToStep: { classPropertyName: "scrollToStep", publicName: "scrollToStep", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, changeStep: { classPropertyName: "changeStep", publicName: "changeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { stepChanged: "stepChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: ["@layer properties;:root{--ax-comp-step-wizard-connector-size: 2px;--ax-comp-step-wizard-circular-sm-icon-size: 1.5rem;--ax-comp-step-wizard-circular-md-icon-size: 2rem;--ax-comp-step-wizard-circular-lg-icon-size: 2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size: 1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size: 1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size: 1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size: 3rem;--ax-comp-step-wizard-with-icon-lg-icon-size: 3.5rem}@layer components{.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard{display:flex;width:100%;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 2)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none;content:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:90%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:100%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{display:block;content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);position:static;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:calc(infinity * 1px);overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:0;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:calc(var(--spacing, .25rem) * 1);background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:95%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:100%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:var(--radius-2xl, 1rem);width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4);height:100%;text-align:start;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;}@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-font-weight: initial;--tw-border-style: solid;--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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
209
234
|
}
|
|
210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardComponent, decorators: [{
|
|
211
236
|
type: Component,
|
|
212
|
-
args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], styles: ["@layer properties;:root{--ax-comp-step-wizard-connector-size: 2px;--ax-comp-step-wizard-circular-sm-icon-size: 1.5rem;--ax-comp-step-wizard-circular-md-icon-size: 2rem;--ax-comp-step-wizard-circular-lg-icon-size: 2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size: 1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size: 1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size: 1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size: 3rem;--ax-comp-step-wizard-with-icon-lg-icon-size: 3.5rem}@layer components{.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard{display:flex;width:100%;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 2)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none;content:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:90%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:100%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{display:block;content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);position:static;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:calc(infinity * 1px);overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:0;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:calc(var(--spacing, .25rem) * 1);background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:95%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:100%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:var(--radius-2xl, 1rem);width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4);height:100%;text-align:start;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;}@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-font-weight: initial;--tw-border-style: solid;--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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
237
|
+
args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXStepWizardComponent }], styles: ["@layer properties;:root{--ax-comp-step-wizard-connector-size: 2px;--ax-comp-step-wizard-circular-sm-icon-size: 1.5rem;--ax-comp-step-wizard-circular-md-icon-size: 2rem;--ax-comp-step-wizard-circular-lg-icon-size: 2.5rem;--ax-comp-step-wizard-arrow-minimal-sm-icon-size: 1.125rem;--ax-comp-step-wizard-arrow-minimal-md-icon-size: 1.25rem;--ax-comp-step-wizard-arrow-minimal-lg-icon-size: 1.375rem;--ax-comp-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-comp-step-wizard-with-icon-md-icon-size: 3rem;--ax-comp-step-wizard-with-icon-lg-icon-size: 3.5rem}@layer components{.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard{display:flex;width:100%;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-sm-icon-size);height:var(--ax-comp-step-wizard-with-icon-sm-icon-size)}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:.95rem}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-sm-icon-size);height:var(--ax-comp-step-wizard-circular-sm-icon-size)}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2)}:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 2)}ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-sm.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size) / 2)}:is(ax-step-wizard.ax-sm.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-sm.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-sm-icon-size)}ax-step-wizard.ax-md ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-md-icon-size);height:var(--ax-comp-step-wizard-with-icon-md-icon-size)}:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-md.ax-look-circular-icon,ax-step-wizard.ax-md.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-md-icon-size);height:var(--ax-comp-step-wizard-circular-md-icon-size)}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5)}:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-md.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-md-icon-size) / 2)}:is(ax-step-wizard.ax-md.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-md.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-md-icon-size)}ax-step-wizard.ax-lg ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-with-icon-lg-icon-size);height:var(--ax-comp-step-wizard-with-icon-lg-icon-size)}:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,:is(ax-step-wizard.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon ax-icon{font-size:1.3rem}ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular.ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-circular-lg-icon-size);height:var(--ax-comp-step-wizard-circular-lg-icon-size)}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3)}:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending) .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-lg.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal).ax-connector .ax-step-wizard-item-icon-container:before{width:calc(50% - var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size) / 2)}:is(ax-step-wizard.ax-lg.ax-look-rounded-arrow-minimal,ax-step-wizard.ax-lg.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{width:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size);height:var(--ax-comp-step-wizard-arrow-minimal-lg-icon-size)}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before{display:none}ax-step-wizard.ax-connector ax-step-wizard-item:last-child .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;height:var(--ax-comp-step-wizard-connector-size);transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color,width;background-color:rgba(var(--ax-sys-color-darker-surface))}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:0}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:0}ax-step-wizard.ax-look-circular ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-darker-surface));background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 2.5);height:calc(var(--spacing, .25rem) * 2.5);border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;position:relative;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}:is(ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-passed) .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-darkest-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;background-color:transparent;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-lightest-surface)),0 0 0 4px rgba(var(--ax-sys-color-warning-surface));background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-on-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-warning-surface));border-right:2px dashed rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-on-danger))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-danger-surface));border-right:2px dashed rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--ax-sys-color-darker-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none;content:none}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:90%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:100%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{display:block;content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);position:static;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-sys-color-warning-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none!important}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-sys-color-danger-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after{background-color:transparent;border-top:2px dashed rgba(var(--ax-sys-color-darkest-surface));border-right:2px dashed rgba(var(--ax-sys-color-darkest-surface))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-sys-border-radius)!important}ax-step-wizard.ax-look-rounded-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:calc(infinity * 1px);overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rounded-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal{gap:calc(var(--spacing, .25rem) * 0);border:1px solid rgba(var(--ax-sys-color-darker-surface));border-radius:0;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{display:flex;position:relative;align-items:center;justify-content:center}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{display:flex;border-radius:calc(infinity * 1px);align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-dark-surface));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:border-radius,box-shadow,background-color,height,width,border-color}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:all}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item{position:relative;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);text-align:start;padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);opacity:100%}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item:not(:last-child):after{content:\"\";pointer-events:none;position:absolute;top:50%;z-index:1;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);inset-inline-end:0;border-inline-end:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));border-block-start:1.5px solid rgba(var(--ax-sys-color-on-lightest-surface));transform:translate(50%,-50%) rotate(45deg)}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static;flex-shrink:0}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon-container:after{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon{border:1.5px solid rgba(var(--ax-sys-color-darker-surface));background-color:transparent;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:rgba(var(--ax-sys-color-on-lightest-surface));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.6875rem}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-step-wizard-item-step{--tw-leading: 1;line-height:1}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon-check{font-size:.55rem;color:rgba(var(--ax-sys-color-on-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-darker-surface));background-color:transparent}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: solid;border-style:solid;animation:rotation 1s linear infinite;border-bottom-color:transparent!important;border-color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-surface))}:is(ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-warning,ax-step-wizard.ax-look-rectangular-arrow-minimal ax-step-wizard-item.ax-state-error) .ax-step-wizard-item-icon .ax-step-wizard-item-step{display:none}ax-step-wizard.ax-look-text-line{gap:calc(var(--spacing, .25rem) * 4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:50%;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:opacity}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:calc(var(--spacing, .25rem) * 1);background-color:rgba(var(--ax-sys-color-darkest-surface));transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:background-color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title{padding-top:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:color}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-progress{border-radius:0}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed{opacity:95%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:100%}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-warning-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-sys-color-danger-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-vertical{flex-direction:column}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon) ax-step-wizard-item{padding-block:calc(var(--spacing, .25rem) * 3)}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-sm-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-sm-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-md-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-md-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-circular-lg-icon-size) / 2 - 4px)!important}:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,:is(ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon).ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{height:calc(50% - var(--ax-comp-step-wizard-with-icon-lg-icon-size) / 2 - 4px)!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item{position:relative}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container{position:static}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{content:\"\";position:absolute;border-radius:var(--radius-2xl, 1rem);width:var(--ax-comp-step-wizard-connector-size)!important;transition-property:background-color,height!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{bottom:-1px;inset-inline-end:unset}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{top:-1px;inset-inline-start:unset}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item{gap:calc(var(--spacing, .25rem) * 4);height:100%;text-align:start;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 4)}:is(ax-step-wizard.ax-vertical.ax-look-circular,ax-step-wizard.ax-vertical.ax-look-circular-icon,ax-step-wizard.ax-vertical.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon{border:1px solid rgba(var(--ax-sys-color-lighter-surface));background-color:rgba(var(--ax-sys-color-darker-surface))}.ax-dark ax-step-wizard.ax-look-circular .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item:not(:last-child):after{border-inline-end-color:rgba(var(--ax-sys-color-lightest-surface));border-block-start-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-rounded-arrow-minimal,.ax-dark ax-step-wizard.ax-look-rectangular-arrow-minimal) ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lighter-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-sys-color-on-primary-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-sys-color-lightest-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:50%}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-sys-color-primary-dark-surface))}:is(.ax-dark ax-step-wizard.ax-look-circular-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-sys-color-primary-surface))}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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;}@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-font-weight: initial;--tw-border-style: solid;--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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
|
|
213
238
|
}], propDecorators: { connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }], scrollToStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToStep", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], changeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeStep", required: false }] }], stepChanged: [{ type: i0.Output, args: ["stepChanged"] }], steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXStepWizardItemComponent), { isSignal: true }] }], orientation: [{
|
|
214
239
|
type: Input
|
|
215
240
|
}], content: [{
|
|
@@ -221,11 +246,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
221
246
|
|
|
222
247
|
const COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];
|
|
223
248
|
class AXStepWizardModule {
|
|
224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
225
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
226
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
249
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
250
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardModule, imports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective], exports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective] }); }
|
|
251
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardModule, imports: [AXStepWizardItemComponent] }); }
|
|
227
252
|
}
|
|
228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXStepWizardModule, decorators: [{
|
|
229
254
|
type: NgModule,
|
|
230
255
|
args: [{
|
|
231
256
|
imports: [...COMPONENT],
|