@acorex/components 19.5.0-next.0 → 19.5.0-next.2

package/fesm2022/acorex-components-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-slider.mjs","sources":["../../../../libs/components/slider/src/lib/slider.component.ts","../../../../libs/components/slider/src/lib/slider.component.html","../../../../libs/components/slider/src/lib/slider.module.ts","../../../../libs/components/slider/src/acorex-components-slider.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, ViewEncapsulation, forwardRef, output } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n *  A customizable slider component for selecting a value within a range.\n */\n@Component({\n    selector: 'ax-slider',\n    templateUrl: './slider.component.html',\n    styleUrls: ['./slider.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n    outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        { provide: AXValuableComponent, useExisting: AXSliderComponent },\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => AXSliderComponent),\n            multi: true,\n        },\n    ],\n    standalone: false\n})\nexport class AXSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  /** @ignore */\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  /**\n   * @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /** @ignore */\n  private _minValue = 0;\n\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n\n  /**\n   * Sets the minimum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  /** @ignore */\n  private _maxValue = 100;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n\n  /**\n   * Sets the maximum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  /** @ignore */\n  private _step = 1;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n\n  /**\n   * Sets the step increment for the slider.\n   *\n   * @param {number} v\n   */\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  /**\n   * The direction of the slider.\n   *\n   * @defaultValue 'horizontal'\n   */\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  /**\n   * Handles changes to internal component options.\n   *\n   * @param {MXComponentOptionChanged} e\n   */\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  /**\n   * Handles changes to the component's value.\n   *\n   * @param {number} value\n   */\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  /** @ignore */\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  /**\n   * @event\n   *\n   * Emits the value of the clicked input element when the click event occurs.\n   */\n  clickHandler(e: Event) {\n    this.onClick.emit((e.target as HTMLInputElement).value as any);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-${this.direction}`;\n  }\n\n  /** @ignore */\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSliderComponent } from './slider.component';\n\nconst COMPONENT = [AXSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAYA;;;AAGG;AAmBG,MAAO,iBAAkB,SAAQ,OAAO,EAAC,gBAAwB,GAAE,gBAAgB,CAAC,CAAA;;AAExF,IAAA,WAAA,CAAoB,KAAa,EAAA;AAC/B,QAAA,KAAK,EAAE;QADW,IAAK,CAAA,KAAA,GAAL,KAAK;AAIzB;;AAEG;QACH,IAAO,CAAA,OAAA,GAAG,MAAM,EAAgB;;QAGxB,IAAS,CAAA,SAAA,GAAG,CAAC;;QAuBb,IAAS,CAAA,SAAA,GAAG,GAAG;;QAuBf,IAAK,CAAA,KAAA,GAAG,CAAC;;AAuBjB;;;;AAIG;QAEH,IAAS,CAAA,SAAA,GAAgB,YAAY;;AAzErC;;AAEG;AACH,IAAA,IACW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC;;AAG5B;;;;AAIG;IACH,IAAW,QAAQ,CAAC,CAAS,EAAA;QAC3B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,CAAC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AACjC,SAAA,CAAC;;AAMJ;;AAEG;AACH,IAAA,IACW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,IAAI,GAAG;;AAG9B;;;;AAIG;IACH,IAAW,QAAQ,CAAC,CAAS,EAAA;QAC3B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,CAAC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;AACnC,SAAA,CAAC;;AAMJ;;AAEG;AACH,IAAA,IACW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,GAAG;;AAG1B;;;;AAIG;IACH,IAAW,IAAI,CAAC,CAAS,EAAA;QACvB,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,CAAC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AACjC,SAAA,CAAC;;AAYJ;;;;AAIG;AACM,IAAA,qBAAqB,CAAC,CAA2B,EAAA;QACxD,IAAI,CAAC,SAAS,EAAE;;AAGlB;;;;AAIG;AACM,IAAA,oBAAoB,CAAC,KAAa,EAAA;QACzC,IAAI,CAAC,SAAS,EAAE;;;AAIR,IAAA,kBAAkB,CAAC,KAAa,EAAA;AACxC,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;;;IAIvB,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAK;AAChC,YAAA,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,GAAG;AAC/F,YAAA,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAA,EAAG,GAAG,CAAA,CAAA,CAAG,CAAC;AAC1E,SAAC,CAAC;;AAGJ;;;;AAIG;AACH,IAAA,YAAY,CAAC,CAAQ,EAAA;QACnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAY,CAAC;;;AAIhE,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC,SAAS,CAAA,CAAE;;;AAItD,IAAA,IACY,mBAAmB,GAAA;QAC7B,OAAO,IAAI,CAAC,QAAQ;;8GA1IX,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAVf,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,yBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,iBAAiB,EAAE;AAChE,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BL,4VAaA,EAAA,MAAA,EAAA,CAAA,qhKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDqBa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAlB7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAGJ,eAAA,EAAA,uBAAuB,CAAC,MAAM,UACvC,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EACjD,OAAA,EAAA,CAAC,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,CAAC,EAAA,aAAA,EAC3E,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA;AACP,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,mBAAmB,EAAE;AAChE,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AAChD,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACJ,qBAAA,EAAA,UAAA,EACW,KAAK,EAAA,QAAA,EAAA,4VAAA,EAAA,MAAA,EAAA,CAAA,qhKAAA,CAAA,EAAA;2EAoBR,QAAQ,EAAA,CAAA;sBADlB;gBAwBU,QAAQ,EAAA,CAAA;sBADlB;gBAwBU,IAAI,EAAA,CAAA;sBADd;gBAwBD,SAAS,EAAA,CAAA;sBADR;gBA6CW,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;gBAOR,mBAAmB,EAAA,CAAA;sBAD9B,WAAW;uBAAC,yBAAyB;;;AEpKxC,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC;AACrC,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,WAAW,CAAC;MAQ9C,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAd,cAAc,EAAA,YAAA,EAAA,CATR,iBAAiB,CACnB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,cAAc,EAAE,WAAW,CAAA,EAAA,OAAA,EAAA,CADvC,iBAAiB,CAAA,EAAA,CAAA,CAAA;AASvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJZ,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACdD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-slider.mjs","sources":["../../../../libs/components/slider/src/lib/slider.component.ts","../../../../libs/components/slider/src/lib/slider.component.html","../../../../libs/components/slider/src/lib/slider.module.ts","../../../../libs/components/slider/src/acorex-components-slider.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, ViewEncapsulation, forwardRef, output } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n *  A customizable slider component for selecting a value within a range.\n */\n@Component({\n    selector: 'ax-slider',\n    templateUrl: './slider.component.html',\n    styleUrls: ['./slider.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n    outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'],\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        { provide: AXValuableComponent, useExisting: AXSliderComponent },\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => AXSliderComponent),\n            multi: true,\n        },\n    ],\n    standalone: false\n})\nexport class AXSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  /** @ignore */\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  /**\n   * @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /** @ignore */\n  private _minValue = 0;\n\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n\n  /**\n   * Sets the minimum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  /** @ignore */\n  private _maxValue = 100;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n\n  /**\n   * Sets the maximum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  /** @ignore */\n  private _step = 1;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n\n  /**\n   * Sets the step increment for the slider.\n   *\n   * @param {number} v\n   */\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  /**\n   * The direction of the slider.\n   *\n   * @defaultValue 'horizontal'\n   */\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  /**\n   * Handles changes to internal component options.\n   *\n   * @param {MXComponentOptionChanged} e\n   */\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  /**\n   * Handles changes to the component's value.\n   *\n   * @param {number} value\n   */\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  /** @ignore */\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  /**\n   * @event\n   *\n   * Emits the value of the clicked input element when the click event occurs.\n   */\n  clickHandler(e: Event) {\n    this.onClick.emit((e.target as HTMLInputElement).value as any);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-${this.direction}`;\n  }\n\n  /** @ignore */\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSliderComponent } from './slider.component';\n\nconst COMPONENT = [AXSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-step-wizard.mjs

@@ -1,71 +1,41 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { signal, computed, input, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, Directive, model, effect, contentChildren, NgModule } from '@angular/core';
+import { input, model, signal, computed, viewChild, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, Directive, effect, contentChildren, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/progress-bar';
+import { AXProgressBarModule } from '@acorex/components/progress-bar';
 import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
 
 class AXStepWizardItemComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
-        this.stepLabel = signal('');
-        this.stepDescription = signal('');
-        this.stepId = signal('');
-        this.activeSignal = signal(false);
-        this.passedSignal = signal(false);
-        this.activeLook = signal(this.look);
-        this.className = computed(() => this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '');
         this.step = input(1);
-    }
-    set look(v) {
-        this.activeLook.set(v);
-    }
-    set active(v) {
-        this.activeSignal.set(v);
-        if (v)
-            this.passedSignal.set(false);
-    }
-    set passed(v) {
-        this.passedSignal.set(v);
-        if (v)
-            this.activeSignal.set(false);
-    }
-    set label(v) {
-        this.stepLabel.set(v);
-    }
-    set description(v) {
-        this.stepDescription.set(v);
+        this.label = input('');
+        this.description = input('');
+        this.state = input('clear');
+        this.customTemplate = input();
+        this.active = model(false);
+        this.passed = model(false);
+        this.look = model();
+        this.stepId = signal('');
+        this.className = computed(() => this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : '');
+        this.template = viewChild('content');
     }
     set id(v) {
         this.stepId.set(v);
     }
     get __hostClass() {
-        return [this.className()];
+        return [this.className(), `ax-state-${this.state()}`];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXStepWizardItemComponent, isStandalone: false, selector: "ax-step-wizard-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: false, isRequired: false, transformFunction: null }, passed: { classPropertyName: "passed", publicName: "passed", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('with-line-number') {\n    <div class=\"ax-number-circle-contianer\">\n      @if (passedSignal()) {\n        <div class=\"ax-icon-container\">\n          <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n        </div>\n      } @else if (activeSignal()) {\n        <div class=\"ax-number-contianer ax-number-contianer-active\">\n          <p>{{ step() }}</p>\n        </div>\n      } @else {\n        <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n          <p>{{ step() }}</p>\n        </div>\n      }\n      <div class=\"ax-flex\">\n        <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n          {{ stepLabel() }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"ax-step-line\"></div>\n  }\n\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\n  }\n}\n\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", styles: [".ax-look-with-line ax-step-wizard-item{width:100%;position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;margin-inline:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:1px}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:1px}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgb(var(--ax-color-neutral-900))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgba(var(--ax-color-border-default),1)}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-border-default),1)}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:1px}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:1px}.ax-look-with-line-number ax-step-wizard-item{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;gap:.25rem;width:100%;margin-inline:.25rem;font-size:.875rem;min-width:max-content}.ax-look-with-line-number ax-step-wizard-item p{font-weight:600;white-space:nowrap}.ax-look-with-line-number ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-neutral-100));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer{width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--ax-color-primary-500));border-radius:1000vmax}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer p{color:rgba(var(--ax-color-neutral-100))}.ax-look-with-line-number ax-step-wizard-item .ax-icon-container{position:relative;width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--ax-color-primary-500));border-radius:1000vmax;z-index:0}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-active{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-not-active p{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-label-not-active{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-flex{margin-inline-start:.5rem}.ax-look-with-line-number ax-step-wizard-item .ax-step-line{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line-number ax-step-wizard-item .ax-number-circle-contianer{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXStepWizardItemComponent, isStandalone: false, selector: "ax-step-wizard-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, passed: { classPropertyName: "passed", publicName: "passed", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", passed: "passedChange", look: "lookChange" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n  <div class=\"ax-step-wizard-item-icon-container\">\n    <div class=\"ax-step-wizard-item-icon\">\n      @if (state() === 'error' && active()) {\n        <div class=\"ax-icon ax-icon-close\"></div>\n      } @else if (state() === 'success' && active()) {\n        <div class=\"ax-icon ax-icon-check\"></div>\n      } @else if (state() === 'warning' && active()) {\n        <div class=\"ax-icon ax-icon-warning\"></div>\n      }\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n  </div>\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else if (look() === 'text-line') {\n  @if (state() === 'pending' && active()) {\n    <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\">\n    </ax-progress-bar>\n  } @else {\n    <div class=\"ax-step-wizard-indicator\"></div>\n  }\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else {\n  @if (customTemplate()) {\n    <ng-container *ngTemplateOutlet=\"customTemplate()\"> </ng-container>\n  }\n}\n\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('with-line-number') {\n    <div class=\"ax-number-circle-contianer\">\n      @if (passedSignal()) {\n        <div class=\"ax-icon-container\">\n          <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n        </div>\n      } @else if (activeSignal()) {\n        <div class=\"ax-number-contianer ax-number-contianer-active\">\n          <p>{{ step() }}</p>\n        </div>\n      } @else {\n        <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n          <p>{{ step() }}</p>\n        </div>\n      }\n      <div class=\"ax-flex\">\n        <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n          {{ stepLabel() }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"ax-step-line\"></div>\n  }\n\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\n  }\n}\n\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", styles: [".ax-look-with-line ax-step-wizard-item{width:100%;position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;margin-inline:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:1px}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:1px}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgb(var(--ax-color-neutral-900))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgba(var(--ax-color-border-default),1)}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-border-default),1)}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:1px}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:1px}.ax-look-with-line-number ax-step-wizard-item{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;gap:.25rem;width:100%;margin-inline:.25rem;font-size:.875rem;min-width:max-content}.ax-look-with-line-number ax-step-wizard-item p{font-weight:600;white-space:nowrap}.ax-look-with-line-number ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-neutral-100));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer{width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--ax-color-primary-500));border-radius:1000vmax}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer p{color:rgba(var(--ax-color-neutral-100))}.ax-look-with-line-number ax-step-wizard-item .ax-icon-container{position:relative;width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--ax-color-primary-500));border-radius:1000vmax;z-index:0}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-active{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-not-active p{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-label-not-active{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-flex{margin-inline-start:.5rem}.ax-look-with-line-number ax-step-wizard-item .ax-step-line{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line-number ax-step-wizard-item .ax-number-circle-contianer{display:flex;justify-content:center;align-items:center}\n"] }]
-        }], propDecorators: { customTemplate: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: ['content']
-            }], look: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], passed: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], id: [{
+            args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n  <div class=\"ax-step-wizard-item-icon-container\">\n    <div class=\"ax-step-wizard-item-icon\">\n      @if (state() === 'error' && active()) {\n        <div class=\"ax-icon ax-icon-close\"></div>\n      } @else if (state() === 'success' && active()) {\n        <div class=\"ax-icon ax-icon-check\"></div>\n      } @else if (state() === 'warning' && active()) {\n        <div class=\"ax-icon ax-icon-warning\"></div>\n      }\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n  </div>\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else if (look() === 'text-line') {\n  @if (state() === 'pending' && active()) {\n    <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\">\n    </ax-progress-bar>\n  } @else {\n    <div class=\"ax-step-wizard-indicator\"></div>\n  }\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else {\n  @if (customTemplate()) {\n    <ng-container *ngTemplateOutlet=\"customTemplate()\"> </ng-container>\n  }\n}\n\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { id: [{
                 type: Input
             }], __hostClass: [{
                 type: HostBinding,
@@ -111,7 +81,9 @@ class AXStepWizardComponent extends MXBaseComponent {
          *
          * @param v
          */
-        this.look = model('classic-circular');
+        this.connector = input(true);
+        this.size = input('ax-md');
+        this.look = input('circular-icon');
         this.changeStep = input(false);
         this.#changeStepEffect = effect(() => {
             this.steps().forEach((item, i = 1) => {
@@ -136,17 +108,17 @@ class AXStepWizardComponent extends MXBaseComponent {
         this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1);
         this.#effect = effect(() => {
             this.steps()?.forEach((s) => {
-                s.look = this.look();
+                s.look.set(this.look());
             });
         });
         /** @ignore */
         this.#stepChangeEffect = effect(() => {
             const step = this.steps()[this.activeStepIndex()];
             this.steps().forEach((s, i) => {
-                s.active = false;
-                s.passed = false;
+                s.active.set(false);
+                s.passed.set(false);
                 if (i < this.activeStepIndex()) {
-                    this.steps()[i].passed = true;
+                    this.steps()[i].passed.set(true);
                 }
             });
             this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({
@@ -154,7 +126,7 @@ class AXStepWizardComponent extends MXBaseComponent {
                 block: 'nearest',
                 inline: 'center',
             });
-            this.steps()[this.activeStepIndex()].active = true;
+            this.steps()[this.activeStepIndex()].active.set(true);
             setTimeout(() => {
                 this.changeStepContent(step);
             });
@@ -170,7 +142,7 @@ class AXStepWizardComponent extends MXBaseComponent {
     /** @ignore */
     changeStepContent(step) {
         if (this.content && step) {
-            this.content.portal = step.template;
+            this.content.portal = step.template();
         }
     }
     /** @ignore */
@@ -222,18 +194,21 @@ class AXStepWizardComponent extends MXBaseComponent {
     }
     /** @ignore */
     get __hostClass() {
-        const classList = [`ax-look-${this.look()}`];
+        const classList = [`ax-look-${this.look()}`, this.size()];
         if (this.activeOrientation() == 'vertical') {
             classList.push('ax-vertical');
         }
+        if (this.connector()) {
+            classList.push('ax-connector');
+        }
         return classList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXStepWizardComponent, isStandalone: false, selector: "ax-step-wizard", inputs: { 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: { look: "lookChange" }, host: { properties: { "class": "this.__hostClass" } }, 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-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}ax-step-wizard.ax-look-with-line-number{gap:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXStepWizardComponent, isStandalone: false, selector: "ax-step-wizard", inputs: { connector: { classPropertyName: "connector", publicName: "connector", 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 } }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: [":root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-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-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-step-wizard-with-icon-sm-icon-size);height:var(--ax-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-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-step-wizard-circular-sm-icon-size);height:var(--ax-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{width:calc(50% - var(--ax-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-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-step-wizard-with-icon-md-icon-size);height:var(--ax-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-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-step-wizard-circular-md-icon-size);height:var(--ax-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{width:calc(50% - var(--ax-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-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-step-wizard-with-icon-lg-icon-size);height:var(--ax-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-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-step-wizard-circular-lg-icon-size);height:var(--ax-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{width:calc(50% - var(--ax-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-step-wizard-connector-size);transition-property:background-color,width;transition:.3s cubic-bezier(.4,0,.2,1);background-color:rgba(var(--ax-color-neutral-200))}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-color-neutral-700));transition:.3s cubic-bezier(.4,0,.2,1);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:all .3s cubic-bezier(.4,0,.2,1)}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-color-neutral-700))}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-color-neutral-500))}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-color-neutral-200));background-color:rgba(var(--ax-color-neutral-100))}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-color-neutral-300))}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-color-primary-500))}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-color-primary-fore))}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-color-primary-500))}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-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500))}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-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-600))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .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-color-primary-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-color-primary-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-active.ax-state-success .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-color-surface)),0 0 0 4px rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-color-text-default))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500));background-color:rgba(var(--ax-color-warning-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}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-color-neutral-700));transition:.3s cubic-bezier(.4,0,.2,1);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:all .3s cubic-bezier(.4,0,.2,1)}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-color-neutral-700))}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-color-neutral-500))}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-color-neutral-200))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon{opacity:75%;transition:.3s cubic-bezier(.4,0,.2,1)!important;transition-property:opacity,font-size}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{opacity:50%}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container ax-icon{opacity:100%}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-color-neutral-500))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed span{opacity:100%}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{position:relative}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{opacity:100%;display:none}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-color-neutral-500))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{opacity:100%}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:block}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-color-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .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-color-text-default))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-700))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-500))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-200));transition:background-color .3s cubic-bezier(.4,0,.2,1)}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:color .3s cubic-bezier(.4,0,.2,1)}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-color-neutral-500))}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 .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-600))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-warning-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-danger-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}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-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-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-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-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-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-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-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}.ax-dark ax-step-wizard ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark 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-color-neutral-600));background-color:rgba(var(--ax-color-neutral-700))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-neutral-500))}.ax-dark 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;background-color:rgba(var(--ax-color-primary-200))}.ax-dark 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{color:rgba(var(--ax-color-primary-fore-tint));background-color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark 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-color-primary-200))}.ax-dark 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-color-primary-fore-tint)),0 0 0 4px rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark 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:transparent;color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark 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-color-primary-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-200),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-200),.75)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;background-color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-color-surface)),0 0 0 4px rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .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-color-text-default))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200));background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-500));border-right:2px dashed rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-500));border-right:2px dashed rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.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:1px solid rgba(var(--ax-color-neutral-600))}.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-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 ax-icon{color:rgba(var(--ax-color-neutral-400));transition:color .3s cubic-bezier(.4,0,.2,1)}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-neutral-700))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .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-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-color-neutral-200))}.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-color-neutral-300))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .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-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:transparent;color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container ax-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container ax-icon{color:rgba(var(--ax-color-neutral-300))}.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-color-neutral-300))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-color-neutral-300))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-600));border-right:2px dashed rgba(var(--ax-color-neutral-600))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-600));border-right:2px dashed rgba(var(--ax-color-neutral-600))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-200),.3)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-200),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-200),.75)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, styles: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}ax-step-wizard.ax-look-with-line-number{gap:.75rem}\n"] }]
+            args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, styles: [":root{--ax-step-wizard-connector-size: 2px;--ax-step-wizard-circular-sm-icon-size: 1.5rem;--ax-step-wizard-circular-md-icon-size: 2rem;--ax-step-wizard-circular-lg-icon-size: 2.5rem;--ax-step-wizard-with-icon-sm-icon-size: 2.5rem;--ax-step-wizard-with-icon-md-icon-size: 3rem;--ax-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-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-step-wizard-with-icon-sm-icon-size);height:var(--ax-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-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-step-wizard-circular-sm-icon-size);height:var(--ax-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{width:calc(50% - var(--ax-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-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-step-wizard-with-icon-md-icon-size);height:var(--ax-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-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-step-wizard-circular-md-icon-size);height:var(--ax-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{width:calc(50% - var(--ax-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-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-step-wizard-with-icon-lg-icon-size);height:var(--ax-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-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-step-wizard-circular-lg-icon-size);height:var(--ax-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{width:calc(50% - var(--ax-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-step-wizard-connector-size);transition-property:background-color,width;transition:.3s cubic-bezier(.4,0,.2,1);background-color:rgba(var(--ax-color-neutral-200))}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-color-neutral-700));transition:.3s cubic-bezier(.4,0,.2,1);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:all .3s cubic-bezier(.4,0,.2,1)}ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-color-neutral-700))}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-color-neutral-500))}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-color-neutral-200));background-color:rgba(var(--ax-color-neutral-100))}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-color-neutral-300))}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-color-primary-500))}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-color-primary-fore))}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-color-primary-500))}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-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500))}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-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-600))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .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-color-primary-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-color-primary-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-active.ax-state-success .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-color-surface)),0 0 0 4px rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-color-text-default))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500));background-color:rgba(var(--ax-color-warning-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-fore))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}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-color-neutral-700));transition:.3s cubic-bezier(.4,0,.2,1);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:all .3s cubic-bezier(.4,0,.2,1)}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-color-neutral-700))}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-color-neutral-500))}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-color-neutral-200))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon{opacity:75%;transition:.3s cubic-bezier(.4,0,.2,1)!important;transition-property:opacity,font-size}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{opacity:50%}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container ax-icon{opacity:100%}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-color-neutral-500))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed span{opacity:100%}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{position:relative}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{opacity:100%;display:none}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-color-neutral-500))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p,ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{opacity:100%}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{display:block}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{background-color:rgba(var(--ax-color-surface))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .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-color-text-default))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-700))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{display:none}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-500))}ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before,ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-200));border-right:2px dashed rgba(var(--ax-color-neutral-200))}ax-step-wizard.ax-look-rounded-icon .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)!important}ax-step-wizard.ax-look-text-line{gap:1rem}ax-step-wizard.ax-look-text-line ax-step-wizard-item{width:100%}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-200));transition:background-color .3s cubic-bezier(.4,0,.2,1)}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:color .3s cubic-bezier(.4,0,.2,1)}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title p{font-weight:600;color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-item-title span{font-weight:400;color:rgba(var(--ax-color-neutral-500))}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 .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-600))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-warning-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-danger-500))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-neutral-700))}ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-neutral-500))}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-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-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-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-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-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-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-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}.ax-dark ax-step-wizard ax-step-wizard-item .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard ax-step-wizard-item .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark 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-color-neutral-600));background-color:rgba(var(--ax-color-neutral-700))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-neutral-500))}.ax-dark 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;background-color:rgba(var(--ax-color-primary-200))}.ax-dark 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{color:rgba(var(--ax-color-primary-fore-tint));background-color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container:after,.ax-dark 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-color-primary-200))}.ax-dark 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-color-primary-fore-tint)),0 0 0 4px rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark 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:transparent;color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark 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-color-primary-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-200),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-200),.75)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";width:.625rem;height:.625rem;background-color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-clear .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.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-color-surface)),0 0 0 4px rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-icon-container .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-color-text-default))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200));background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-500));border-right:2px dashed rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border:unset;box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200));background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-500));border-right:2px dashed rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-circular ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.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:1px solid rgba(var(--ax-color-neutral-600))}.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-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 ax-icon{color:rgba(var(--ax-color-neutral-400));transition:color .3s cubic-bezier(.4,0,.2,1)}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:after,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item .ax-step-wizard-item-icon-container:before{background-color:rgba(var(--ax-color-neutral-700))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .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-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon ax-icon{color:rgba(var(--ax-color-neutral-200))}.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-color-neutral-300))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .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-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-neutral-500))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon:before{content:\"\";background-color:transparent;color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container ax-icon,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon-container ax-icon{color:rgba(var(--ax-color-neutral-300))}.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-color-neutral-300))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-success .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-check{color:rgba(var(--ax-color-neutral-300))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-warning{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-600));border-right:2px dashed rgba(var(--ax-color-neutral-600))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container .ax-step-wizard-item-icon .ax-icon-close{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-step-wizard.ax-look-circular-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before,.ax-dark ax-step-wizard.ax-look-rounded-icon ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-icon-container:before{background-color:transparent;border-top:2px dashed rgba(var(--ax-color-neutral-600));border-right:2px dashed rgba(var(--ax-color-neutral-600))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-200),.3)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-passed .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-200),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-200),.75)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-pending .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-warning .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-indicator{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title p{color:rgba(var(--ax-color-primary-100),.9)}.ax-dark ax-step-wizard.ax-look-text-line ax-step-wizard-item.ax-state-active.ax-state-error .ax-step-wizard-item-title span{color:rgba(var(--ax-color-primary-100),.65)}\n"] }]
         }], propDecorators: { orientation: [{
                 type: Input
             }], content: [{
@@ -244,10 +219,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 const COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];
-const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule];
+const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule];
 class AXStepWizardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardModule, declarations: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective], imports: [CommonModule, AXButtonModule, AXDecoratorModule], exports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardModule, declarations: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective], imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXProgressBarModule], exports: [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardModule, imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXStepWizardModule, decorators: [{