@acorex/components 21.0.1-next.0 → 21.0.1-next.2
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/accordion/index.d.ts +1 -0
- package/action-sheet/index.d.ts +41 -19
- package/button-group/index.d.ts +4 -6
- package/chips/index.d.ts +8 -3
- package/collapse/index.d.ts +6 -4
- package/data-table/index.d.ts +253 -4
- package/dialog/index.d.ts +19 -15
- package/dropdown/index.d.ts +3 -4
- package/fesm2022/acorex-components-accordion.mjs +13 -8
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +141 -93
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +6 -6
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-aspect-ratio.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +4 -5
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +3 -3
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +3 -3
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +2 -2
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +11 -15
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +5 -5
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +4 -4
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +3 -3
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +8 -6
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +4 -6
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-code-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +10 -13
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +2 -2
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +2 -2
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-command.mjs +2 -2
- package/fesm2022/acorex-components-command.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +8 -8
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +2 -2
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation2.mjs +2 -2
- package/fesm2022/acorex-components-conversation2.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-list.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +2 -2
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +452 -16
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +2 -2
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +2 -2
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +8 -2
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +13 -20
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +67 -47
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer-legacy.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +7 -6
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +2 -2
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +3 -9
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-editor.mjs +4 -4
- package/fesm2022/acorex-components-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +9 -17
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +5 -4
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +18 -18
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +2 -2
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +2 -2
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +4 -6
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +7 -25
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +2 -2
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +2 -2
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +73 -36
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +8 -8
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +2 -2
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +10 -10
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +27 -6
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/{acorex-components-modal-acorex-components-modal-BnUdtPke.mjs → acorex-components-modal-acorex-components-modal-Bmoz9DL5.mjs} +29 -5
- package/fesm2022/acorex-components-modal-acorex-components-modal-Bmoz9DL5.mjs.map +1 -0
- package/fesm2022/{acorex-components-modal-modal-content.component-Cgq-wx_m.mjs → acorex-components-modal-modal-content.component-CSJU1vRi.mjs} +5 -7
- package/fesm2022/acorex-components-modal-modal-content.component-CSJU1vRi.mjs.map +1 -0
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +3 -3
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +374 -246
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box-legacy.mjs +2 -2
- package/fesm2022/acorex-components-number-box-legacy.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +6 -7
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +2 -2
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +19 -14
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +4 -4
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +2 -2
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +2 -2
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +6 -6
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +136 -175
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +308 -105
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +3 -5
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +2 -2
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +2 -2
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +2 -2
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +25 -27
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +3 -3
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +29 -14
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +2 -2
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +2 -2
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-rrule.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler-picker.mjs +2 -2
- package/fesm2022/acorex-components-scheduler-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +18 -18
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-scss.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +3 -9
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +2 -4
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +4 -4
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +2 -2
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +14 -63
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +2 -2
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +5 -5
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +2 -2
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +2 -2
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +4 -4
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +2 -2
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +3 -3
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +2 -2
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +2 -2
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +4 -4
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +233 -125
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +2 -2
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +12 -12
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view-legacy.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +6 -6
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs +2 -2
- package/fesm2022/acorex-components-video-player.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +12 -12
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/fesm2022/acorex-components.mjs.map +1 -1
- package/grid-layout-builder/index.d.ts +2 -1
- package/kbd/index.d.ts +7 -13
- package/loading/index.d.ts +1 -1
- package/loading-dialog/index.d.ts +31 -15
- package/menu/index.d.ts +4 -0
- package/modal/index.d.ts +7 -0
- package/notification/index.d.ts +47 -28
- package/number-box/index.d.ts +1 -1
- package/package.json +7 -7
- package/paint/index.d.ts +6 -1
- package/popover/index.d.ts +20 -27
- package/popup/index.d.ts +103 -27
- package/rate-picker/index.d.ts +15 -5
- package/side-menu/index.d.ts +2 -9
- package/slider/index.d.ts +2 -2
- package/toast/index.d.ts +24 -18
- package/tooltip/index.d.ts +2 -2
- package/fesm2022/acorex-components-modal-acorex-components-modal-BnUdtPke.mjs.map +0 -1
- package/fesm2022/acorex-components-modal-modal-content.component-Cgq-wx_m.mjs.map +0 -1
|
@@ -204,11 +204,11 @@ class AXStepWizardComponent extends MXBaseComponent {
|
|
|
204
204
|
return classList;
|
|
205
205
|
}
|
|
206
206
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", 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{@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-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--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-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-step-wizard{justify-content:space-between;width:100%;display:flex}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:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}: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:.875rem;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{width:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*2);--tw-content:\"\";content:var(--tw-content)}: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)))}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);--tw-content:\"\";content:var(--tw-content)}: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-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}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:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}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{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);--tw-content:\"\";content:var(--tw-content)}: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-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular 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)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}: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{justify-content:center;align-items:center;display:flex;position:relative}: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{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}: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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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:var(--color-on-dark,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{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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:.5;transition-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));box-shadow:0 1px 2px #0000000d}: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:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}: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:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is():where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}: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-darkest-surface));background-color:var(--color-darkest,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-active .ax-step-wizard-item-icon-container:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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:.5}: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,: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:before{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:var(--color-light,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{position:unset;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!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{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:var(--color-warning,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,: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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}: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:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}: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,: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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem)*4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem)*1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:unset}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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}: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%;padding-block:calc(var(--spacing,.25rem)*4);text-align:start;flex-direction:row}: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{flex-direction:column;justify-content:center;display:flex}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
207
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", 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: [".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))}: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-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}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,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)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-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)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}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:.875rem}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:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,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:.5rem}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:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,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)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-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)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}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:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,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:.75rem}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:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,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)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-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)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-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:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,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:1rem}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:1rem;font-size:.875rem}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:50%;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{font-weight: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{font-weight:400;font-size:.875rem;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:.625rem;height:.625rem;border-radius:50%;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}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:.625rem;height:.625rem;border-radius:50%;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}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,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:1rem;height:1rem;border-width:2px;border-radius:50%;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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,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}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-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:50%;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-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,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}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,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-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,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-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;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-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,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-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;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:.25rem;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:.75rem}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{font-weight: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{font-weight: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:1}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}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}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}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,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}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,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}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,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:unset}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: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}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,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-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-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))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.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))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.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))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
208
208
|
}
|
|
209
209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXStepWizardComponent, decorators: [{
|
|
210
210
|
type: Component,
|
|
211
|
-
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{@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-content:\"\";--tw-font-weight:initial;--tw-border-style:solid}}}@layer base{ax-step-wizard{--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-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-step-wizard{justify-content:space-between;width:100%;display:flex}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:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}: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:.875rem;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{width:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*2);--tw-content:\"\";content:var(--tw-content)}: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)))}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);--tw-content:\"\";content:var(--tw-content)}: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-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}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:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}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{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);--tw-content:\"\";content:var(--tw-content)}: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-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-step-wizard.ax-connector ax-step-wizard-item:first-child .ax-step-wizard-item-icon-container:before,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{height:var(--ax-comp-step-wizard-connector-size);background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));transition-property:background-color,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:\"\";content:var(--tw-content);position:absolute}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:calc(var(--spacing,.25rem)*0)}ax-step-wizard.ax-look-circular ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container{justify-content:center;align-items:center;display:flex;position:relative}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-circular 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)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));background-color:var(--color-lighter,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:where(.dark,.dark *){border-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px}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:var(--color-primary,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{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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));border:unset;position:relative}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{background-color:var(--color-on-primary,rgba(var(--ax-sys-color-on-primary-surface)));--tw-content:\"\";content:var(--tw-content)}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-darkest,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:var(--color-on-primary,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{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:var(--color-surface,rgba(var(--ax-sys-color-surface)));border:unset}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{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);background-color:#0000;border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!important}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-title p{color:var(--color-on-surface,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:var(--color-on-lightest,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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-warning,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:var(--color-on-warning,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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-warning,rgba(var(--ax-sys-color-warning-surface)));background-color:#0000}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:var(--color-darkest,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-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:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));background-color:#0000}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item{text-align:center;flex-direction:column;width:100%;display:flex}: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{justify-content:center;align-items:center;display:flex;position:relative}: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{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));transition-property:border-radius,box-shadow,background-color,height,width,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}: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-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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:var(--color-on-dark,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{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-on-lightest,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:.5;transition-property:font-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}: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{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)));box-shadow:0 1px 2px #0000000d}: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:where(.dark,.dark *){border-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-passed{opacity:.9}: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:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)))}:is():where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}:is(ax-step-wizard.ax-look-circular-icon,ax-step-wizard.ax-look-rounded-icon) ax-step-wizard-item.ax-state-active{opacity:1}: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-darkest-surface));background-color:var(--color-darkest,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-active .ax-step-wizard-item-icon-container:before:where(){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-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:.5}: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,: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:before{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:var(--color-light,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{position:unset;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)));--tw-content:\"\";content:var(--tw-content);border-radius:3.40282e38px;animation:1s linear infinite rotation;border-bottom-color:#0000!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{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:var(--color-warning,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,: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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}: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:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}: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,: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{border-top-style:var(--tw-border-style);border-top-width:2px;border-right-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-right-width:2px;border-color:var(--color-on-darkest,rgba(var(--ax-sys-color-on-darkest-surface)));background-color:#0000}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--radius-default)!important;border-radius:var(--radius-default,var(--ax-sys-border-radius))!important}ax-step-wizard.ax-look-text-line{gap:1rem;gap:calc(var(--spacing,.25rem)*4)}ax-step-wizard.ax-look-text-line ax-step-wizard-item{opacity:.5;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{height:calc(var(--spacing,.25rem)*1);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));width:100%;transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}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!important}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-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{color:var(--color-on-dark,rgba(var(--ax-sys-color-on-dark-surface)));--tw-font-weight:var(--font-weight-semibold,600)!important;font-weight:var(--font-weight-semibold,600)!important}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-on-lightest,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:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:var(--color-primary,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:var(--color-primary-dark,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:var(--color-primary,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-warning,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:var(--color-on-dark,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:var(--color-on-lightest,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:var(--color-danger-dark,rgba(var(--ax-sys-color-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title p{color:var(--color-on-danger-dark,rgba(var(--ax-sys-color-on-danger-dark-surface)))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-error .ax-step-wizard-item-title span{color:var(--color-on-lightest,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:unset}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{border-radius:var(--radius-2xl,1rem);--tw-content:\"\";content:var(--tw-content);position:absolute;transition-property:background-color,height!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after{inset-inline-end:unset;bottom:-1px}ax-step-wizard.ax-vertical.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before{inset-inline-start:unset;top:-1px}: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%;padding-block:calc(var(--spacing,.25rem)*4);text-align:start;flex-direction:row}: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{flex-direction:column;justify-content:center;display:flex}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
|
|
211
|
+
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: [".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))}: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-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}ax-step-wizard{width:100%;display:flex;justify-content:space-between}ax-step-wizard.ax-sm ax-step-wizard-item{gap:.75rem}ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,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)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-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)}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:.95rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title{font-size:.875rem}ax-step-wizard.ax-sm.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-sm.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-size:.75rem}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:.875rem}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:.5rem;height:.5rem}ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-sm.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,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:.5rem}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:.875rem}ax-step-wizard.ax-md ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,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)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-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)}ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-md.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon{font-size:1.125rem}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:.625rem;height:.625rem}ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-md.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,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:.75rem}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:1rem;font-size:.875rem}ax-step-wizard.ax-lg ax-step-wizard-item{gap:1rem}ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular-icon.ax-connector .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-rounded-icon.ax-connector .ax-step-wizard-item-icon-container:after,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)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-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)}ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-lg.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-lg.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon ax-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:.75rem;height:.75rem}ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-lg.ax-look-circular ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon-container:after,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:1rem}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:1rem;font-size:.875rem}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:50%;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{font-weight: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{font-weight:400;font-size:.875rem;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:.625rem;height:.625rem;border-radius:50%;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}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:.625rem;height:.625rem;border-radius:50%;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}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-success.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,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:1rem;height:1rem;border-width:2px;border-radius:50%;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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{width:100%;display:flex;text-align:center;flex-direction:column}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container,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}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-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:50%;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-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p,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}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-sys-color-on-dark-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;font-size:.875rem;color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item{opacity:.5;transition-timing-function:var(--ax-sys-transition-timing-function);transition-duration:var(--ax-sys-transition-duration);transition-property:font-size}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed{opacity:.9}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,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-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active{opacity:1}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,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-darkest-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-success .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-pending .ax-step-wizard-item-icon:before{content:\"\";width:1rem;height:1rem;position:unset;border-width:2px;border-radius:50%;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-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning .ax-step-wizard-item-icon .ax-icon-warning,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-active .ax-step-wizard-item-icon-container:before,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-warning.ax-state-passed .ax-step-wizard-item-icon-container:before,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon ax-icon{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error .ax-step-wizard-item-icon .ax-icon-close,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-active .ax-step-wizard-item-icon-container:before,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))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-error.ax-state-passed .ax-step-wizard-item-icon-container:before,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-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%;opacity:.5;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:.25rem;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:.75rem}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{font-weight: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{font-weight: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:1}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}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon ax-step-wizard-item{padding-block:.75rem}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}ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-sm.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-sm.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,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}ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-md.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-md.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,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}ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,ax-step-wizard.ax-vertical.ax-lg.ax-look-circular-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-vertical.ax-lg.ax-look-rounded-icon.ax-connector ax-step-wizard-item .ax-step-wizard-item-icon-container:after,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:unset}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: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}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item,ax-step-wizard.ax-vertical.ax-look-rounded-icon ax-step-wizard-item{gap:1rem;height:100%;text-align:start;flex-direction:row;padding-block:1rem}ax-step-wizard.ax-vertical.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title,ax-step-wizard.ax-vertical.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-title,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-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-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))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.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))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:before,.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))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container:after{opacity:.5}\n"] }]
|
|
212
212
|
}], 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: [{
|
|
213
213
|
type: Input
|
|
214
214
|
}], content: [{
|