npm - @softheon/armature - Versions diffs - 15.23.11 → 15.23.13 - Mend

@softheon/armature 15.23.11 → 15.23.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/fesm2020/softheon-armature.mjs CHANGED Viewed

@@ -1755,12 +1755,12 @@ class ArmatureNavigationComponent {
 ArmatureNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArmatureNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.MediaMatcher }, { token: i1$3.Router }, { token: BannerService }, { token: AuthorizationService }, { token: BaseConfigService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 ArmatureNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArmatureNavigationComponent, selector: "sof-ar-navigation", inputs: { navigationData: "navigationData", settings: "settings", advancedSettings: "advancedSettings", themeSettings: "themeSettings", languageSettings: "languageSettings", currentLang: "currentLang", logOutText: "logOutText" }, outputs: { setLanguage$: "setLanguage$" }, providers: [{
             provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false }
-        }], viewQueries: [{ propertyName: "stepper", first: true, predicate: ["vertStepper"], descendants: true }, { propertyName: "sidenav", first: true, predicate: ["snav"], descendants: true }, { propertyName: "expansionPanel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "innerSteppers", predicate: ["vertStepperInner"], descendants: true }], ngImport: i0, template: "<div class=\"sof-ar-nav-container\"\r\n     [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n     [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n  <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n    <div fxLayout=\"row\" aria-hidden=\"true\">\r\n      <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n      <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n    </div>\r\n    <div fxLayout=\"column\">\r\n      <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n        <span aria-hidden=\"true\">\r\n          <i class=\"fal fa-times fa-lg\"></i>\r\n        </span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n          (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n          [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n    <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n      <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n    </span>\r\n    <ng-template #closedIcon>\r\n      <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n        <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n      </span>\r\n    </ng-template>\r\n    <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n  </button>\r\n\r\n  <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n      mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n    <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n                 [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n                 [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!='progress' \"\r\n                 [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n                 [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n      <div *ngIf=\"!settings.disableUsernameMobile\">\r\n        <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{userName}}\r\n          </span>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{settings.customUserName | translate}}\r\n          </span>\r\n        </ng-container>\r\n      </div>\r\n      <!-- Nav Header Content -->\r\n      <div class=\"nav-header-content\">\r\n        <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n      </div>\r\n\r\n      <!-- Static Navigation -->\r\n      <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n        <nav *ngIf=\"settings.menuStyle === 'static'\" [attr.aria-label]=\"'main'\">\r\n          <ul>\r\n            <li *ngFor=\"let nav of navigationData\">\r\n              <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n                <mat-accordion>\r\n                  <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n                    <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n                      <!-- Navigation -->\r\n                      <ng-container>\r\n                        <!-- If there is a route -->\r\n                        <ng-container *ngIf=\"nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n                               [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                        <!-- If there is not a route -->\r\n                        <ng-container *ngIf=\"!nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item\r\n                                    [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- SubNav -->\r\n                    <ng-container>\r\n                      <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n                                    [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                        <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\"\r\n                          [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                          <span class=\"sof-ar-nav-header-text\" [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                            {{subnav.text | translate}}\r\n                          </span>\r\n                        </a>\r\n                      </mat-nav-list>\r\n                    </ng-container>\r\n                  </mat-expansion-panel>\r\n                </mat-accordion>\r\n              </ng-container>\r\n              <!-- If subnodes are not there -->\r\n              <ng-container>\r\n                <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n                  <!-- If there is a route -->\r\n                  <ng-container *ngIf=\"nav?.route\">\r\n                    <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n                                  [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                         [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                  <!-- If there is not a route -->\r\n                  <ng-container *ngIf=\"!nav?.route\">\r\n                    <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item\" mat-list-item\r\n                              [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </li>\r\n          </ul>\r\n        </nav>\r\n      </div>\r\n\r\n      <!-- Stepper -->\r\n      <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n                            [linear]=\"false\" class=\"sidenav-background\">\r\n        <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n        <ng-template matStepperIcon=\"create\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"edit\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"active\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"done\">\r\n          <span>\r\n            <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n\r\n        <!-- nav steps -->\r\n        <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n          <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n            <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n              <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                   matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n                   [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n                  {{ nav.text | translate }}\r\n                </a>\r\n              </div>\r\n            </ng-template>\r\n            <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n            <!-- sub nav -->\r\n            <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n                                  #vertStepperInner>\r\n              <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n              <ng-template matStepperIcon=\"create\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"edit\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"done\">\r\n                <span>\r\n                  <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"active\">\r\n                <span>\r\n                  <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"none\">\r\n                <span></span>\r\n              </ng-template>\r\n              <!-- sub nav steps -->\r\n              <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n                <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n                  <ng-template matStepLabel>\r\n                    <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                         matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                      <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n                         [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n                         [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n                    </div>\r\n                  </ng-template>\r\n                  <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n                </mat-step>\r\n              </ng-container>\r\n\r\n            </mat-vertical-stepper>\r\n          </mat-step>\r\n        </ng-container>\r\n\r\n      </mat-vertical-stepper>\r\n\r\n      <!-- Nav Footer -->\r\n      <div class=\"nav-footer-item\">\r\n        <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n          <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n            <ng-container>\r\n              <!-- Desktop Nav -->\r\n              <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n                <!-- If there is a route -->\r\n                <ng-container *ngIf=\"nav?.route\">\r\n                  <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n                    <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                       [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </a>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n                <!-- If there is not a route -->\r\n                <ng-container *ngIf=\"!nav?.route\">\r\n                  <mat-nav-list>\r\n                    <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n                            [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </button>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <!-- the mobile progress menu-->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n          <mat-accordion>\r\n            <div *ngFor=\"let step of navigationData; let i = index\">\r\n              <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n                <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n                                     (closed)=\"panelOpenState = false\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div style=\"width: -webkit-fill-available;\"\r\n                           [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                        <span *ngIf=\"!panelOpenState\">\r\n                          <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n                        </span>\r\n                        <span *ngIf=\"panelOpenState\">\r\n                          <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                  <!-- mobile sub menu -->\r\n                  <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                    <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n                            [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode}\"\r\n                            [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                            [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                      <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                   [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                      </ng-template>\r\n                      <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete && subNode!=activeSubNode,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n                    </button>\r\n                  </div>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n              <!-- if there are no subNodes -->\r\n              <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length==0) && !step.hidden\">\r\n                <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n            </div>\r\n          </mat-accordion>\r\n        </div>\r\n\r\n        <!-- the progress menu language and logout buttons-->\r\n        <div class=\"nav-footer-item progress-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <!-- Horizontal Progress -->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n                          style=\"height: 9px\" color=\"accent\">\r\n        </mat-progress-bar>\r\n        <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n          <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n            <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n              <button mat-button [routerLink]=\"step.route\"\r\n                      [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n            </ng-container>\r\n            <!-- if there are subnodes create menus for each step -->\r\n            <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n              <button [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n                      mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [matMenuTriggerFor]=\"menu\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n                <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                  <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n                          [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n                          [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                          [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                    <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                 [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                    </ng-template>\r\n                    <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n        <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-content sof-ar-nav-content></ng-content>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n  <!-- The progress menu parent node icon template-->\r\n  <ng-template #progressParentNodeIcons let-step='step'>\r\n    <span *ngIf=\"step.complete && step != activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"step === activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!step.complete && step != activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The progress menu sub node icon template-->\r\n  <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n    <span *ngIf=\"subNode.complete && activeSubNode != subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"activeSubNode === subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!subNode.complete && activeSubNode != subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The navigation footer template for language and logout buttons -->\r\n  <ng-template #navigationFooter>\r\n    <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n    <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n      <!-- The language button -->\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n        <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{languageSettings.buttonText | translate}}\r\n        </button>\r\n        <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n          <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n                  id=\"apply-lang-btn-{{lang}}\">\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n              <div fxFlex=\"auto\">\r\n                {{ lang | translate }}\r\n              </div>\r\n              <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n                <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        </mat-menu>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n        <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{otherLangText | translate}}\r\n        </button>\r\n      </ng-container>\r\n      <!-- The logout button-->\r\n      <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n        <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"fas fa-sign-out-alt\"></i>\r\n          </span>\r\n          {{logOutText | translate}}\r\n        </button>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important;display:inline!important;visibility:visible!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}.nav-header-content{padding-left:.5rem;padding-right:.5rem}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}.mat-mdc-list-item:focus{outline:2px solid white!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel-header:focus{outline:2px solid white!important}.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}ul{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i9.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i9.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i9.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i11.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i13.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i13.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i13.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i13.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i15.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i15.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i15.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i15.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+        }], viewQueries: [{ propertyName: "stepper", first: true, predicate: ["vertStepper"], descendants: true }, { propertyName: "sidenav", first: true, predicate: ["snav"], descendants: true }, { propertyName: "expansionPanel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "innerSteppers", predicate: ["vertStepperInner"], descendants: true }], ngImport: i0, template: "<div class=\"sof-ar-nav-container\"\r\n     [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n     [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n  <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n    <div fxLayout=\"row\" aria-hidden=\"true\">\r\n      <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n      <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n    </div>\r\n    <div fxLayout=\"column\">\r\n      <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n        <span aria-hidden=\"true\">\r\n          <i class=\"fal fa-times fa-lg\"></i>\r\n        </span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n          (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n          [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n    <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n      <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n    </span>\r\n    <ng-template #closedIcon>\r\n      <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n        <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n      </span>\r\n    </ng-template>\r\n    <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n  </button>\r\n\r\n  <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n      mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n    <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n                 [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n                 [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!=='progress' \"\r\n                 [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n                 [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n      <div *ngIf=\"!settings.disableUsernameMobile\">\r\n        <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{userName}}\r\n          </span>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{settings.customUserName | translate}}\r\n          </span>\r\n        </ng-container>\r\n      </div>\r\n      <!-- Nav Header Content -->\r\n      <div class=\"nav-header-content\">\r\n        <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n      </div>\r\n\r\n      <!-- Static Navigation -->\r\n      <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n        <nav *ngIf=\"settings.menuStyle === 'static'\" [attr.aria-label]=\"'main'\">\r\n          <ul>\r\n            <li *ngFor=\"let nav of navigationData\">\r\n              <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n                <mat-accordion>\r\n                  <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n                    <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n                      <!-- Navigation -->\r\n                      <ng-container>\r\n                        <!-- If there is a route -->\r\n                        <ng-container *ngIf=\"nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n                               [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                        <!-- If there is not a route -->\r\n                        <ng-container *ngIf=\"!nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item\r\n                                    [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- SubNav -->\r\n                    <ng-container>\r\n                      <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n                                    [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                        <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\"\r\n                          [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                          <span class=\"sof-ar-nav-header-text\" [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                            {{subnav.text | translate}}\r\n                          </span>\r\n                        </a>\r\n                      </mat-nav-list>\r\n                    </ng-container>\r\n                  </mat-expansion-panel>\r\n                </mat-accordion>\r\n              </ng-container>\r\n              <!-- If subnodes are not there -->\r\n              <ng-container>\r\n                <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n                  <!-- If there is a route -->\r\n                  <ng-container *ngIf=\"nav?.route\">\r\n                    <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n                                  [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                         [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                  <!-- If there is not a route -->\r\n                  <ng-container *ngIf=\"!nav?.route\">\r\n                    <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item\" mat-list-item\r\n                              [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </li>\r\n          </ul>\r\n        </nav>\r\n      </div>\r\n\r\n      <!-- Stepper -->\r\n      <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n                            [linear]=\"false\" class=\"sidenav-background\">\r\n        <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n        <ng-template matStepperIcon=\"create\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"edit\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"active\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"done\">\r\n          <span>\r\n            <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n\r\n        <!-- nav steps -->\r\n        <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n          <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n            <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n              <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                   matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n                   [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n                  {{ nav.text | translate }}\r\n                </a>\r\n              </div>\r\n            </ng-template>\r\n            <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n            <!-- sub nav -->\r\n            <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n                                  #vertStepperInner>\r\n              <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n              <ng-template matStepperIcon=\"create\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"edit\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"done\">\r\n                <span>\r\n                  <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"active\">\r\n                <span>\r\n                  <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"none\">\r\n                <span></span>\r\n              </ng-template>\r\n              <!-- sub nav steps -->\r\n              <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n                <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n                  <ng-template matStepLabel>\r\n                    <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                         matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                      <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n                         [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n                         [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n                    </div>\r\n                  </ng-template>\r\n                  <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n                </mat-step>\r\n              </ng-container>\r\n\r\n            </mat-vertical-stepper>\r\n          </mat-step>\r\n        </ng-container>\r\n\r\n      </mat-vertical-stepper>\r\n\r\n      <!-- Nav Footer -->\r\n      <div class=\"nav-footer-item\">\r\n        <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n          <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n            <ng-container>\r\n              <!-- Desktop Nav -->\r\n              <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n                <!-- If there is a route -->\r\n                <ng-container *ngIf=\"nav?.route\">\r\n                  <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n                    <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                       [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </a>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n                <!-- If there is not a route -->\r\n                <ng-container *ngIf=\"!nav?.route\">\r\n                  <mat-nav-list>\r\n                    <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n                            [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </button>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <!-- the mobile progress menu-->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n          <mat-accordion>\r\n            <div *ngFor=\"let step of navigationData; let i = index\">\r\n              <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n                <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n                                     (closed)=\"panelOpenState = false\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div style=\"width: -webkit-fill-available;\"\r\n                           [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                        <span *ngIf=\"!panelOpenState\">\r\n                          <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n                        </span>\r\n                        <span *ngIf=\"panelOpenState\">\r\n                          <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                  <!-- mobile sub menu -->\r\n                  <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                    <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n                            [ngClass]=\"{'color-primary':subNode.complete && subNode!==activeSubNode}\"\r\n                            [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                            [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                      <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                   [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                      </ng-template>\r\n                      <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete && subNode!==activeSubNode,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n                    </button>\r\n                  </div>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n              <!-- if there are no subNodes -->\r\n              <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length===0) && !step.hidden\">\r\n                <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n            </div>\r\n          </mat-accordion>\r\n        </div>\r\n\r\n        <!-- the progress menu language and logout buttons-->\r\n        <div class=\"nav-footer-item progress-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <!-- Horizontal Progress -->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n                          style=\"height: 9px\" color=\"accent\">\r\n        </mat-progress-bar>\r\n        <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n          <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n            <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n              <button mat-button [routerLink]=\"step.route\"\r\n                      [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [ngClass]=\"{'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n            </ng-container>\r\n            <!-- if there are subnodes create menus for each step -->\r\n            <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n              <button [ngClass]=\"{'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n                      mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [matMenuTriggerFor]=\"menu\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n                <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                  <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n                          [ngClass]=\"{'color-primary':subNode.complete && subNode!==activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n                          [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                          [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                    <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                 [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                    </ng-template>\r\n                    <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n        <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-content sof-ar-nav-content></ng-content>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n  <!-- The progress menu parent node icon template-->\r\n  <ng-template #progressParentNodeIcons let-step='step'>\r\n    <span *ngIf=\"step.complete && step !== activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"step === activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!step.complete && step !== activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The progress menu sub node icon template-->\r\n  <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n    <span *ngIf=\"subNode.complete && activeSubNode !== subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"activeSubNode === subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!subNode.complete && activeSubNode !== subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The navigation footer template for language and logout buttons -->\r\n  <ng-template #navigationFooter>\r\n    <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n    <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n      <!-- The language button -->\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n        <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{languageSettings.buttonText | translate}}\r\n        </button>\r\n        <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n          <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n                  id=\"apply-lang-btn-{{lang}}\">\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n              <div fxFlex=\"auto\">\r\n                {{ lang | translate }}\r\n              </div>\r\n              <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n                <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        </mat-menu>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n        <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{otherLangText | translate}}\r\n        </button>\r\n      </ng-container>\r\n      <!-- The logout button-->\r\n      <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n        <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"fas fa-sign-out-alt\"></i>\r\n          </span>\r\n          {{logOutText | translate}}\r\n        </button>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important;display:inline!important;visibility:visible!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}.nav-header-content{padding-left:.5rem;padding-right:.5rem}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}.mat-mdc-list-item:focus{outline:2px solid white!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel-header:focus{outline:2px solid white!important}.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}ul{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i9.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i9.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i9.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i11.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i13.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i13.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i13.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i13.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i15.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i15.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i15.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i15.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArmatureNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sof-ar-navigation', providers: [{
                             provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false }
-                        }], template: "<div class=\"sof-ar-nav-container\"\r\n     [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n     [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n  <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n    <div fxLayout=\"row\" aria-hidden=\"true\">\r\n      <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n      <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n    </div>\r\n    <div fxLayout=\"column\">\r\n      <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n        <span aria-hidden=\"true\">\r\n          <i class=\"fal fa-times fa-lg\"></i>\r\n        </span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n          (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n          [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n    <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n      <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n    </span>\r\n    <ng-template #closedIcon>\r\n      <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n        <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n      </span>\r\n    </ng-template>\r\n    <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n  </button>\r\n\r\n  <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n      mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n    <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n                 [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n                 [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!='progress' \"\r\n                 [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n                 [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n      <div *ngIf=\"!settings.disableUsernameMobile\">\r\n        <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{userName}}\r\n          </span>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{settings.customUserName | translate}}\r\n          </span>\r\n        </ng-container>\r\n      </div>\r\n      <!-- Nav Header Content -->\r\n      <div class=\"nav-header-content\">\r\n        <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n      </div>\r\n\r\n      <!-- Static Navigation -->\r\n      <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n        <nav *ngIf=\"settings.menuStyle === 'static'\" [attr.aria-label]=\"'main'\">\r\n          <ul>\r\n            <li *ngFor=\"let nav of navigationData\">\r\n              <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n                <mat-accordion>\r\n                  <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n                    <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n                      <!-- Navigation -->\r\n                      <ng-container>\r\n                        <!-- If there is a route -->\r\n                        <ng-container *ngIf=\"nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n                               [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                        <!-- If there is not a route -->\r\n                        <ng-container *ngIf=\"!nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item\r\n                                    [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- SubNav -->\r\n                    <ng-container>\r\n                      <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n                                    [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                        <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\"\r\n                          [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                          <span class=\"sof-ar-nav-header-text\" [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                            {{subnav.text | translate}}\r\n                          </span>\r\n                        </a>\r\n                      </mat-nav-list>\r\n                    </ng-container>\r\n                  </mat-expansion-panel>\r\n                </mat-accordion>\r\n              </ng-container>\r\n              <!-- If subnodes are not there -->\r\n              <ng-container>\r\n                <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n                  <!-- If there is a route -->\r\n                  <ng-container *ngIf=\"nav?.route\">\r\n                    <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n                                  [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                         [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                  <!-- If there is not a route -->\r\n                  <ng-container *ngIf=\"!nav?.route\">\r\n                    <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item\" mat-list-item\r\n                              [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </li>\r\n          </ul>\r\n        </nav>\r\n      </div>\r\n\r\n      <!-- Stepper -->\r\n      <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n                            [linear]=\"false\" class=\"sidenav-background\">\r\n        <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n        <ng-template matStepperIcon=\"create\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"edit\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"active\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"done\">\r\n          <span>\r\n            <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n\r\n        <!-- nav steps -->\r\n        <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n          <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n            <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n              <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                   matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n                   [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n                  {{ nav.text | translate }}\r\n                </a>\r\n              </div>\r\n            </ng-template>\r\n            <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n            <!-- sub nav -->\r\n            <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n                                  #vertStepperInner>\r\n              <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n              <ng-template matStepperIcon=\"create\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"edit\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"done\">\r\n                <span>\r\n                  <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"active\">\r\n                <span>\r\n                  <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"none\">\r\n                <span></span>\r\n              </ng-template>\r\n              <!-- sub nav steps -->\r\n              <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n                <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n                  <ng-template matStepLabel>\r\n                    <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                         matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                      <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n                         [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n                         [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n                    </div>\r\n                  </ng-template>\r\n                  <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n                </mat-step>\r\n              </ng-container>\r\n\r\n            </mat-vertical-stepper>\r\n          </mat-step>\r\n        </ng-container>\r\n\r\n      </mat-vertical-stepper>\r\n\r\n      <!-- Nav Footer -->\r\n      <div class=\"nav-footer-item\">\r\n        <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n          <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n            <ng-container>\r\n              <!-- Desktop Nav -->\r\n              <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n                <!-- If there is a route -->\r\n                <ng-container *ngIf=\"nav?.route\">\r\n                  <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n                    <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                       [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </a>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n                <!-- If there is not a route -->\r\n                <ng-container *ngIf=\"!nav?.route\">\r\n                  <mat-nav-list>\r\n                    <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n                            [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </button>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <!-- the mobile progress menu-->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n          <mat-accordion>\r\n            <div *ngFor=\"let step of navigationData; let i = index\">\r\n              <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n                <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n                                     (closed)=\"panelOpenState = false\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div style=\"width: -webkit-fill-available;\"\r\n                           [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                        <span *ngIf=\"!panelOpenState\">\r\n                          <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n                        </span>\r\n                        <span *ngIf=\"panelOpenState\">\r\n                          <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                  <!-- mobile sub menu -->\r\n                  <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                    <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n                            [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode}\"\r\n                            [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                            [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                      <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                   [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                      </ng-template>\r\n                      <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete && subNode!=activeSubNode,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n                    </button>\r\n                  </div>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n              <!-- if there are no subNodes -->\r\n              <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length==0) && !step.hidden\">\r\n                <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n            </div>\r\n          </mat-accordion>\r\n        </div>\r\n\r\n        <!-- the progress menu language and logout buttons-->\r\n        <div class=\"nav-footer-item progress-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <!-- Horizontal Progress -->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n                          style=\"height: 9px\" color=\"accent\">\r\n        </mat-progress-bar>\r\n        <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n          <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n            <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n              <button mat-button [routerLink]=\"step.route\"\r\n                      [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n            </ng-container>\r\n            <!-- if there are subnodes create menus for each step -->\r\n            <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n              <button [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n                      mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [matMenuTriggerFor]=\"menu\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n                <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                  <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n                          [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n                          [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                          [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                    <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                 [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                    </ng-template>\r\n                    <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n        <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-content sof-ar-nav-content></ng-content>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n  <!-- The progress menu parent node icon template-->\r\n  <ng-template #progressParentNodeIcons let-step='step'>\r\n    <span *ngIf=\"step.complete && step != activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"step === activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!step.complete && step != activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The progress menu sub node icon template-->\r\n  <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n    <span *ngIf=\"subNode.complete && activeSubNode != subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"activeSubNode === subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!subNode.complete && activeSubNode != subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The navigation footer template for language and logout buttons -->\r\n  <ng-template #navigationFooter>\r\n    <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n    <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n      <!-- The language button -->\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n        <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{languageSettings.buttonText | translate}}\r\n        </button>\r\n        <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n          <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n                  id=\"apply-lang-btn-{{lang}}\">\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n              <div fxFlex=\"auto\">\r\n                {{ lang | translate }}\r\n              </div>\r\n              <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n                <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        </mat-menu>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n        <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{otherLangText | translate}}\r\n        </button>\r\n      </ng-container>\r\n      <!-- The logout button-->\r\n      <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n        <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"fas fa-sign-out-alt\"></i>\r\n          </span>\r\n          {{logOutText | translate}}\r\n        </button>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important;display:inline!important;visibility:visible!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}.nav-header-content{padding-left:.5rem;padding-right:.5rem}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}.mat-mdc-list-item:focus{outline:2px solid white!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel-header:focus{outline:2px solid white!important}.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}ul{display:contents}\n"] }]
+                        }], template: "<div class=\"sof-ar-nav-container\"\r\n     [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n     [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n  <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n    <div fxLayout=\"row\" aria-hidden=\"true\">\r\n      <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n      <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n    </div>\r\n    <div fxLayout=\"column\">\r\n      <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n        <span aria-hidden=\"true\">\r\n          <i class=\"fal fa-times fa-lg\"></i>\r\n        </span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n          (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n          [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n    <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n      <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n    </span>\r\n    <ng-template #closedIcon>\r\n      <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n        <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n      </span>\r\n    </ng-template>\r\n    <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n  </button>\r\n\r\n  <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n      mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n    <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n                 [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n                 [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!=='progress' \"\r\n                 [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n                 [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n      <div *ngIf=\"!settings.disableUsernameMobile\">\r\n        <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{userName}}\r\n          </span>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n          <span class=\"user-name\">\r\n            {{settings.customUserName | translate}}\r\n          </span>\r\n        </ng-container>\r\n      </div>\r\n      <!-- Nav Header Content -->\r\n      <div class=\"nav-header-content\">\r\n        <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n      </div>\r\n\r\n      <!-- Static Navigation -->\r\n      <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n        <nav *ngIf=\"settings.menuStyle === 'static'\" [attr.aria-label]=\"'main'\">\r\n          <ul>\r\n            <li *ngFor=\"let nav of navigationData\">\r\n              <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n                <mat-accordion>\r\n                  <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n                    <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n                      <!-- Navigation -->\r\n                      <ng-container>\r\n                        <!-- If there is a route -->\r\n                        <ng-container *ngIf=\"nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n                               [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                        <!-- If there is not a route -->\r\n                        <ng-container *ngIf=\"!nav?.route\">\r\n                          <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                            <a class=\"nav-item\" mat-list-item\r\n                                    [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                              <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                                <span aria-hidden=\"true\" class=\"icon-styling\">\r\n                                  <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n                                </span>\r\n                              </ng-container>\r\n                              <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                            </a>\r\n                          </mat-nav-list>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </mat-expansion-panel-header>\r\n                    <!-- SubNav -->\r\n                    <ng-container>\r\n                      <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n                                    [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                        <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\"\r\n                          [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                          <span class=\"sof-ar-nav-header-text\" [attr.aria-label]=\"(nav.text | translate) + ' ' + (subnav.text | translate)\">\r\n                            {{subnav.text | translate}}\r\n                          </span>\r\n                        </a>\r\n                      </mat-nav-list>\r\n                    </ng-container>\r\n                  </mat-expansion-panel>\r\n                </mat-accordion>\r\n              </ng-container>\r\n              <!-- If subnodes are not there -->\r\n              <ng-container>\r\n                <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n                  <!-- If there is a route -->\r\n                  <ng-container *ngIf=\"nav?.route\">\r\n                    <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n                                  [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                         [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                  <!-- If there is not a route -->\r\n                  <ng-container *ngIf=\"!nav?.route\">\r\n                    <mat-nav-list [disableRipple]=\"true\" [attr.role]=\"null\">\r\n                      <a class=\"nav-item\" mat-list-item\r\n                              [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                        <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                          <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                        </ng-container>\r\n                        <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n                      </a>\r\n                    </mat-nav-list>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </li>\r\n          </ul>\r\n        </nav>\r\n      </div>\r\n\r\n      <!-- Stepper -->\r\n      <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n                            [linear]=\"false\" class=\"sidenav-background\">\r\n        <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n        <ng-template matStepperIcon=\"create\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"edit\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"active\">\r\n          <span>\r\n            <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template matStepperIcon=\"done\">\r\n          <span>\r\n            <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n          </span>\r\n        </ng-template>\r\n\r\n        <!-- nav steps -->\r\n        <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n          <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n            <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n              <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                   matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n                   [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n                  {{ nav.text | translate }}\r\n                </a>\r\n              </div>\r\n            </ng-template>\r\n            <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n            <!-- sub nav -->\r\n            <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n                                  #vertStepperInner>\r\n              <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n              <ng-template matStepperIcon=\"create\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"edit\">\r\n                <span>\r\n                  <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"done\">\r\n                <span>\r\n                  <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"active\">\r\n                <span>\r\n                  <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n                </span>\r\n              </ng-template>\r\n              <ng-template matStepperIcon=\"none\">\r\n                <span></span>\r\n              </ng-template>\r\n              <!-- sub nav steps -->\r\n              <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n                <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n                  <ng-template matStepLabel>\r\n                    <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n                         matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n                      <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n                         [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n                         [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n                    </div>\r\n                  </ng-template>\r\n                  <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n                </mat-step>\r\n              </ng-container>\r\n\r\n            </mat-vertical-stepper>\r\n          </mat-step>\r\n        </ng-container>\r\n\r\n      </mat-vertical-stepper>\r\n\r\n      <!-- Nav Footer -->\r\n      <div class=\"nav-footer-item\">\r\n        <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n          <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n            <ng-container>\r\n              <!-- Desktop Nav -->\r\n              <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n                <!-- If there is a route -->\r\n                <ng-container *ngIf=\"nav?.route\">\r\n                  <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n                    <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n                       [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </a>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n                <!-- If there is not a route -->\r\n                <ng-container *ngIf=\"!nav?.route\">\r\n                  <mat-nav-list>\r\n                    <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n                            [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n                      <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n                        <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n                      </ng-container>\r\n                      {{nav.text | translate}}\r\n                    </button>\r\n                  </mat-nav-list>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <!-- the mobile progress menu-->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n          <mat-accordion>\r\n            <div *ngFor=\"let step of navigationData; let i = index\">\r\n              <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n                <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n                                     (closed)=\"panelOpenState = false\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div style=\"width: -webkit-fill-available;\"\r\n                           [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                        <span *ngIf=\"!panelOpenState\">\r\n                          <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n                        </span>\r\n                        <span *ngIf=\"panelOpenState\">\r\n                          <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                  <!-- mobile sub menu -->\r\n                  <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                    <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n                            [ngClass]=\"{'color-primary':subNode.complete && subNode!==activeSubNode}\"\r\n                            [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                            [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                      <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                   [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                      </ng-template>\r\n                      <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete && subNode!==activeSubNode,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n                    </button>\r\n                  </div>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n              <!-- if there are no subNodes -->\r\n              <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length===0) && !step.hidden\">\r\n                <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n                                     [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n                  <mat-expansion-panel-header>\r\n                    <mat-panel-title class=\"progress-mobile-panel-title\">\r\n                      <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                        <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                        </ng-template>\r\n                        <span *ngIf=\"settings?.displayNumbers\">\r\n                          {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n                        </span>\r\n                        <span class=\"nav-btn-text\">\r\n                          {{ step.text | translate }}\r\n                        </span>\r\n                      </div>\r\n                    </mat-panel-title>\r\n                    <mat-panel-description>\r\n                    </mat-panel-description>\r\n                  </mat-expansion-panel-header>\r\n                </mat-expansion-panel>\r\n              </ng-container>\r\n            </div>\r\n          </mat-accordion>\r\n        </div>\r\n\r\n        <!-- the progress menu language and logout buttons-->\r\n        <div class=\"nav-footer-item progress-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <!-- Horizontal Progress -->\r\n      <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n        <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n                          style=\"height: 9px\" color=\"accent\">\r\n        </mat-progress-bar>\r\n        <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n          <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n            <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n              <button mat-button [routerLink]=\"step.route\"\r\n                      [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [ngClass]=\"{'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n            </ng-container>\r\n            <!-- if there are subnodes create menus for each step -->\r\n            <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n              <button [ngClass]=\"{'color-primary':step.complete && step!==activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n                      mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n                      [matMenuTriggerFor]=\"menu\">\r\n                <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n                </ng-template>\r\n                <span *ngIf=\"settings?.displayNumbers\">\r\n                  {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n                </span>\r\n                <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n                <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n                  <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n                          [ngClass]=\"{'color-primary':subNode.complete && subNode!==activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n                          [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n                          [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n                    <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n                                 [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n                    </ng-template>\r\n                    <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n        <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-content sof-ar-nav-content></ng-content>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n  <!-- The progress menu parent node icon template-->\r\n  <ng-template #progressParentNodeIcons let-step='step'>\r\n    <span *ngIf=\"step.complete && step !== activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"step === activeParentNode\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!step.complete && step !== activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\" \r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The progress menu sub node icon template-->\r\n  <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n    <span *ngIf=\"subNode.complete && activeSubNode !== subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.complete' | translate\">\r\n      <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"activeSubNode === subNode\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\">\r\n      <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.in-progress' | translate\"></i>\r\n    </span>\r\n    <span *ngIf=\"!subNode.complete && activeSubNode !== subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n      [attr.aria-label]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\">\r\n      <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\" [title]=\"'armature.sof-progress-bar.step-labels.not-done' | translate\"></i>\r\n    </span>\r\n  </ng-template>\r\n  <!-- The navigation footer template for language and logout buttons -->\r\n  <ng-template #navigationFooter>\r\n    <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n    <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n      <!-- The language button -->\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n        <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{languageSettings.buttonText | translate}}\r\n        </button>\r\n        <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n          <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n                  id=\"apply-lang-btn-{{lang}}\">\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n              <div fxFlex=\"auto\">\r\n                {{ lang | translate }}\r\n              </div>\r\n              <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n                <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        </mat-menu>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n        <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n                class=\"faded-button-50 language-button navigationFooter\"\r\n                [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"far fa-globe language-globe\"></i>\r\n          </span>\r\n          {{otherLangText | translate}}\r\n        </button>\r\n      </ng-container>\r\n      <!-- The logout button-->\r\n      <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n        <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n          <span aria-hidden=\"true\" class=\"icon-styling\">\r\n            <i class=\"fas fa-sign-out-alt\"></i>\r\n          </span>\r\n          {{logOutText | translate}}\r\n        </button>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important;display:inline!important;visibility:visible!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}.nav-header-content{padding-left:.5rem;padding-right:.5rem}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}.mat-mdc-list-item:focus{outline:2px solid white!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel-header:focus{outline:2px solid white!important}.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}ul{display:contents}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.MediaMatcher }, { type: i1$3.Router }, { type: BannerService }, { type: AuthorizationService }, { type: BaseConfigService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { stepper: [{
@@ -3544,10 +3544,10 @@ class SofAddressComponent {
     }
 }
 SofAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofAddressComponent, deps: [{ token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-SofAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofAddressComponent, selector: "sof-ar-address", inputs: { id: "id", street1Verbiage: "street1Verbiage", street2Verbiage: "street2Verbiage", cityVerbiage: "cityVerbiage", zipCodeVerbiage: "zipCodeVerbiage", stateVerbiage: "stateVerbiage", titleVerbiage: "titleVerbiage", requiredErrorVerbiage: "requiredErrorVerbiage" }, ngImport: i0, template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage != ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n    <!-- Address 1 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n      <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Address 2 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n    <!-- City -->\r\n    <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n      <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n      <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- State -->\r\n    <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n      <mat-label>{{stateVerbiage}}</mat-label>\r\n      <mat-select formControlName=\"state\" required>\r\n        <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Zip Code -->\r\n    <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n      <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n        placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n        <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n", styles: [".address-input{min-width:350px}.address-title{font-size:large}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: NumbersOnlyDirective, selector: "[sofArNumbersOnly]", inputs: ["sofArNumbersOnly"] }] });
+SofAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofAddressComponent, selector: "sof-ar-address", inputs: { id: "id", street1Verbiage: "street1Verbiage", street2Verbiage: "street2Verbiage", cityVerbiage: "cityVerbiage", zipCodeVerbiage: "zipCodeVerbiage", stateVerbiage: "stateVerbiage", titleVerbiage: "titleVerbiage", requiredErrorVerbiage: "requiredErrorVerbiage" }, ngImport: i0, template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage !== ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n    <!-- Address 1 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n      <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Address 2 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n    <!-- City -->\r\n    <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n      <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n      <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- State -->\r\n    <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n      <mat-label>{{stateVerbiage}}</mat-label>\r\n      <mat-select formControlName=\"state\" required>\r\n        <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Zip Code -->\r\n    <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n      <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n        placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n        <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n", styles: [".address-input{min-width:350px}.address-title{font-size:large}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: NumbersOnlyDirective, selector: "[sofArNumbersOnly]", inputs: ["sofArNumbersOnly"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofAddressComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-ar-address', template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage != ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n    <!-- Address 1 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n      <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Address 2 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n    <!-- City -->\r\n    <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n      <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n      <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- State -->\r\n    <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n      <mat-label>{{stateVerbiage}}</mat-label>\r\n      <mat-select formControlName=\"state\" required>\r\n        <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Zip Code -->\r\n    <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n      <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n        placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n        <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n", styles: [".address-input{min-width:350px}.address-title{font-size:large}\n"] }]
+            args: [{ selector: 'sof-ar-address', template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage !== ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n    <!-- Address 1 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n      <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Address 2 -->\r\n    <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n      <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n    </mat-form-field>\r\n  </div>\r\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n    <!-- City -->\r\n    <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n      <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n      <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- State -->\r\n    <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n      <mat-label>{{stateVerbiage}}</mat-label>\r\n      <mat-select formControlName=\"state\" required>\r\n        <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n    <!-- Zip Code -->\r\n    <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n      <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n        placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n        <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</form>\r\n", styles: [".address-input{min-width:350px}.address-title{font-size:large}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$4.FormBuilder }]; }, propDecorators: { id: [{
                 type: Input
             }], street1Verbiage: [{
@@ -4547,10 +4547,10 @@ class SofProgressBarComponent {
     }
 }
 SofProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofProgressBarComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-SofProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n  <div class=\"shopping-navbar\"\r\n    [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n      + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n  </div>\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm>\r\n    <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\">\r\n      <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n    <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n      (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div>\r\n        <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"\r\n          [attr.aria-label]=\"i == stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n        </span>\r\n        <span *ngIf=\"i < stepActive\">\r\n          <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm fxLayout=\"row\">\r\n    <div class=\"dot-mobile\"></div>\r\n    <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n      <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SofProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType ==='slider'\">\r\n  <div class=\"shopping-navbar\"\r\n    [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n      + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n  </div>\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n      [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm>\r\n    <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\">\r\n      <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n        [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType ==='dot'\">\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n    <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n      (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\"\r\n      [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n      <div>\r\n        <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive }\"\r\n          [attr.aria-label]=\"i === stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n        </span>\r\n        <span *ngIf=\"i < stepActive\">\r\n          <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm fxLayout=\"row\">\r\n    <div class=\"dot-mobile\"></div>\r\n    <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n      <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n        [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        <div class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive, 'dot-done': i < stepActive}\"></div>\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n  <div class=\"shopping-navbar\"\r\n    [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n      + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n  </div>\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm>\r\n    <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\">\r\n      <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n    <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n      (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div>\r\n        <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"\r\n          [attr.aria-label]=\"i == stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n        </span>\r\n        <span *ngIf=\"i < stepActive\">\r\n          <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm fxLayout=\"row\">\r\n    <div class=\"dot-mobile\"></div>\r\n    <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n      <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"] }]
+            args: [{ selector: 'sof-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"progressBarType ==='slider'\">\r\n  <div class=\"shopping-navbar\"\r\n    [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n      + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n  </div>\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n      [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm>\r\n    <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\">\r\n      <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n        [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType ==='dot'\">\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n    <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n      (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\"\r\n      [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n      <div>\r\n        <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive }\"\r\n          [attr.aria-label]=\"i === stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n        </span>\r\n        <span *ngIf=\"i < stepActive\">\r\n          <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm fxLayout=\"row\">\r\n    <div class=\"dot-mobile\"></div>\r\n    <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n      <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n        [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        <div class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive, 'dot-done': i < stepActive}\"></div>\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.Router }]; }, propDecorators: { navbarStepKeys: [{
                 type: Input
             }], stepActive: [{
@@ -4701,10 +4701,10 @@ class SofModalComponent {
     }
 }
 SofModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$6.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-SofModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n    <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n        <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n        <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n            [attr.aria-label]=\"data.cancelButtonText | translate\">\r\n            <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n        <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n            <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n            </div>\r\n            <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n                color=\"primary\">\r\n                {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n            </mat-checkbox>\r\n            <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n                fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n                <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n                    id=\"dialog-cancel\">\r\n                    {{ data.cancelButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-accept\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-error\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: "  [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md],  [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md],  [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm],  [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$6.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+SofModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n    <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n        <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n        <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n            aria-label=\"{{data.cancelButtonText | translate}}\">\r\n            <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n        <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n            <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n            </div>\r\n            <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n                color=\"primary\">\r\n                {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n            </mat-checkbox>\r\n            <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n                fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n                <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n                    id=\"dialog-cancel\">\r\n                    {{ data.cancelButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-accept\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-error\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: "  [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md],  [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md],  [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm],  [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$6.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n    <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n        <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n        <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n            [attr.aria-label]=\"data.cancelButtonText | translate\">\r\n            <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n        <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n            <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n            </div>\r\n            <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n                color=\"primary\">\r\n                {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n            </mat-checkbox>\r\n            <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n                fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n                <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n                    id=\"dialog-cancel\">\r\n                    {{ data.cancelButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-accept\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-error\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"] }]
+            args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n    <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n        <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n        <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n            aria-label=\"{{data.cancelButtonText | translate}}\">\r\n            <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <div fxLayout=\"column\" class=\"dialog-body-container\">\r\n        <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n            <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\">\r\n            </div>\r\n            <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n                color=\"primary\">\r\n                {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n            </mat-checkbox>\r\n            <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n                fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n                <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n                    id=\"dialog-cancel\">\r\n                    {{ data.cancelButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-accept\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n                <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-error\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"] }]
         }], ctorParameters: function () { return [{ type: ModalData, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -4967,10 +4967,10 @@ class SofBadgeComponent {
     }
 }
 SofBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SofBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofBadgeComponent, selector: "sof-badge", inputs: { noIcon: "noIcon", noOutline: "noOutline", badgeText: "badgeText", badgeColor: "badgeColor", iconClass: "iconClass", coloredLabel: "coloredLabel", badgeAria: "badgeAria", iconAria: "iconAria" }, ngImport: i0, template: "<div [attr.aria-label]=\"(badgeAria | translate)\" class=\"badge\">\r\n  <span [ngClass]=\"{'badge-container': !noOutline, 'badge-container-no-outline': noOutline,\r\n    'theme': (badgeColor == 'theme'), \r\n    'success': (badgeColor == 'success'), \r\n    'error': (badgeColor == 'error'), \r\n    'accent': (badgeColor == 'accent'), \r\n    'warn': (badgeColor == 'warn'),\r\n    'info': (badgeColor == 'info'),\r\n    'neutral': (badgeColor == 'neutral')}\">\r\n    <div *ngIf=\"iconClass != ''\" class=\"badge-icon\">\r\n      <i [attr.aria-label]=\"(iconAria | translate)\" [ngClass]=\"[iconClass, badgeColor]\"></i>\r\n    </div>\r\n    <label [ngClass]=\"{'coloredLabel': coloredLabel, \r\n        'theme': (badgeColor == 'theme'), \r\n        'success': (badgeColor == 'success'), \r\n        'error': (badgeColor == 'error'), \r\n        'accent': (badgeColor == 'accent'), \r\n        'warn': (badgeColor == 'warn'),\r\n        'info': (badgeColor == 'info'),\r\n        'neutral': (badgeColor == 'neutral')}\" [innerHtml]=\"(badgeText | translate)\"></label>\r\n  </span>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.badge{font-size:12px;font-family:Poppins!important;font-style:normal!important;font-weight:600;line-height:16px}.badge .badge-icon{display:flex;justify-content:center;align-items:center;height:16px!important;width:16px!important}.badge .badge-icon i.theme,.badge .badge-icon svg.theme{color:var(--primary-color-500-parts)}.badge .badge-icon i.success,.badge .badge-icon svg.success{color:var(--success-color-500-parts)}.badge .badge-icon i.warn,.badge .badge-icon svg.warn{color:var(--warn-color-500-parts)}.badge .badge-icon i.error,.badge .badge-icon svg.error{color:var(--error-color-500-parts)}.badge .badge-icon i.info,.badge .badge-icon svg.info{color:var(--info-color-500-parts)}.badge .badge-icon i.neutral,.badge .badge-icon svg.neutral{color:var(--neutral-color-300-parts)}.badge-container{display:inline-flex;border:2px solid!important;border-radius:4px;align-items:center!important;padding:4px!important}.badge-container.theme{border-color:var(--primary-color-500-parts)!important}.badge-container.success{border-color:var(--success-color-500-parts)!important}.badge-container.warn{border-color:var(--warn-color-500-parts)!important}.badge-container.error{border-color:var(--error-color-500-parts)!important}.badge-container.neutral{border-color:var(--neutral-color-300-parts)!important}.badge-container.info{border-color:var(--info-color-500-parts)!important}.badge-container-no-outline{display:inline-flex;align-items:center!important;padding:4px 8px!important}.coloredLabel.theme{color:var(--primary-color-500-parts)}.coloredLabel.success{color:var(--success-color-500-parts)}.coloredLabel.warn{color:var(--warn-color-500-parts)}.coloredLabel.error{color:var(--error-color-500-parts)}.coloredLabel.info{color:var(--info-color-500-parts)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+SofBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofBadgeComponent, selector: "sof-badge", inputs: { noIcon: "noIcon", noOutline: "noOutline", badgeText: "badgeText", badgeColor: "badgeColor", iconClass: "iconClass", coloredLabel: "coloredLabel", badgeAria: "badgeAria", iconAria: "iconAria" }, ngImport: i0, template: "<div [attr.aria-label]=\"(badgeAria | translate)\" class=\"badge\">\r\n  <span [ngClass]=\"{'badge-container': !noOutline, 'badge-container-no-outline': noOutline,\r\n    'theme': (badgeColor === 'theme'), \r\n    'success': (badgeColor === 'success'), \r\n    'error': (badgeColor === 'error'), \r\n    'accent': (badgeColor === 'accent'), \r\n    'warn': (badgeColor === 'warn'),\r\n    'info': (badgeColor === 'info'),\r\n    'neutral': (badgeColor === 'neutral')}\">\r\n    <div *ngIf=\"iconClass !== ''\" class=\"badge-icon\">\r\n      <i [attr.aria-label]=\"(iconAria | translate)\" [ngClass]=\"[iconClass, badgeColor]\"></i>\r\n    </div>\r\n    <label [ngClass]=\"{'coloredLabel': coloredLabel, \r\n        'theme': (badgeColor === 'theme'), \r\n        'success': (badgeColor === 'success'), \r\n        'error': (badgeColor === 'error'), \r\n        'accent': (badgeColor === 'accent'), \r\n        'warn': (badgeColor === 'warn'),\r\n        'info': (badgeColor === 'info'),\r\n        'neutral': (badgeColor === 'neutral')}\" [innerHtml]=\"(badgeText | translate)\"></label>\r\n  </span>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.badge{font-size:12px;font-family:Poppins!important;font-style:normal!important;font-weight:600;line-height:16px}.badge .badge-icon{display:flex;justify-content:center;align-items:center;height:16px!important;width:16px!important}.badge .badge-icon i.theme,.badge .badge-icon svg.theme{color:var(--primary-color-500-parts)}.badge .badge-icon i.success,.badge .badge-icon svg.success{color:var(--success-color-500-parts)}.badge .badge-icon i.warn,.badge .badge-icon svg.warn{color:var(--warn-color-500-parts)}.badge .badge-icon i.error,.badge .badge-icon svg.error{color:var(--error-color-500-parts)}.badge .badge-icon i.info,.badge .badge-icon svg.info{color:var(--info-color-500-parts)}.badge .badge-icon i.neutral,.badge .badge-icon svg.neutral{color:var(--neutral-color-300-parts)}.badge-container{display:inline-flex;border:2px solid!important;border-radius:4px;align-items:center!important;padding:4px!important}.badge-container.theme{border-color:var(--primary-color-500-parts)!important}.badge-container.success{border-color:var(--success-color-500-parts)!important}.badge-container.warn{border-color:var(--warn-color-500-parts)!important}.badge-container.error{border-color:var(--error-color-500-parts)!important}.badge-container.neutral{border-color:var(--neutral-color-300-parts)!important}.badge-container.info{border-color:var(--info-color-500-parts)!important}.badge-container-no-outline{display:inline-flex;align-items:center!important;padding:4px 8px!important}.coloredLabel.theme{color:var(--primary-color-500-parts)}.coloredLabel.success{color:var(--success-color-500-parts)}.coloredLabel.warn{color:var(--warn-color-500-parts)}.coloredLabel.error{color:var(--error-color-500-parts)}.coloredLabel.info{color:var(--info-color-500-parts)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-badge', template: "<div [attr.aria-label]=\"(badgeAria | translate)\" class=\"badge\">\r\n  <span [ngClass]=\"{'badge-container': !noOutline, 'badge-container-no-outline': noOutline,\r\n    'theme': (badgeColor == 'theme'), \r\n    'success': (badgeColor == 'success'), \r\n    'error': (badgeColor == 'error'), \r\n    'accent': (badgeColor == 'accent'), \r\n    'warn': (badgeColor == 'warn'),\r\n    'info': (badgeColor == 'info'),\r\n    'neutral': (badgeColor == 'neutral')}\">\r\n    <div *ngIf=\"iconClass != ''\" class=\"badge-icon\">\r\n      <i [attr.aria-label]=\"(iconAria | translate)\" [ngClass]=\"[iconClass, badgeColor]\"></i>\r\n    </div>\r\n    <label [ngClass]=\"{'coloredLabel': coloredLabel, \r\n        'theme': (badgeColor == 'theme'), \r\n        'success': (badgeColor == 'success'), \r\n        'error': (badgeColor == 'error'), \r\n        'accent': (badgeColor == 'accent'), \r\n        'warn': (badgeColor == 'warn'),\r\n        'info': (badgeColor == 'info'),\r\n        'neutral': (badgeColor == 'neutral')}\" [innerHtml]=\"(badgeText | translate)\"></label>\r\n  </span>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.badge{font-size:12px;font-family:Poppins!important;font-style:normal!important;font-weight:600;line-height:16px}.badge .badge-icon{display:flex;justify-content:center;align-items:center;height:16px!important;width:16px!important}.badge .badge-icon i.theme,.badge .badge-icon svg.theme{color:var(--primary-color-500-parts)}.badge .badge-icon i.success,.badge .badge-icon svg.success{color:var(--success-color-500-parts)}.badge .badge-icon i.warn,.badge .badge-icon svg.warn{color:var(--warn-color-500-parts)}.badge .badge-icon i.error,.badge .badge-icon svg.error{color:var(--error-color-500-parts)}.badge .badge-icon i.info,.badge .badge-icon svg.info{color:var(--info-color-500-parts)}.badge .badge-icon i.neutral,.badge .badge-icon svg.neutral{color:var(--neutral-color-300-parts)}.badge-container{display:inline-flex;border:2px solid!important;border-radius:4px;align-items:center!important;padding:4px!important}.badge-container.theme{border-color:var(--primary-color-500-parts)!important}.badge-container.success{border-color:var(--success-color-500-parts)!important}.badge-container.warn{border-color:var(--warn-color-500-parts)!important}.badge-container.error{border-color:var(--error-color-500-parts)!important}.badge-container.neutral{border-color:var(--neutral-color-300-parts)!important}.badge-container.info{border-color:var(--info-color-500-parts)!important}.badge-container-no-outline{display:inline-flex;align-items:center!important;padding:4px 8px!important}.coloredLabel.theme{color:var(--primary-color-500-parts)}.coloredLabel.success{color:var(--success-color-500-parts)}.coloredLabel.warn{color:var(--warn-color-500-parts)}.coloredLabel.error{color:var(--error-color-500-parts)}.coloredLabel.info{color:var(--info-color-500-parts)}\n"] }]
+            args: [{ selector: 'sof-badge', template: "<div [attr.aria-label]=\"(badgeAria | translate)\" class=\"badge\">\r\n  <span [ngClass]=\"{'badge-container': !noOutline, 'badge-container-no-outline': noOutline,\r\n    'theme': (badgeColor === 'theme'), \r\n    'success': (badgeColor === 'success'), \r\n    'error': (badgeColor === 'error'), \r\n    'accent': (badgeColor === 'accent'), \r\n    'warn': (badgeColor === 'warn'),\r\n    'info': (badgeColor === 'info'),\r\n    'neutral': (badgeColor === 'neutral')}\">\r\n    <div *ngIf=\"iconClass !== ''\" class=\"badge-icon\">\r\n      <i [attr.aria-label]=\"(iconAria | translate)\" [ngClass]=\"[iconClass, badgeColor]\"></i>\r\n    </div>\r\n    <label [ngClass]=\"{'coloredLabel': coloredLabel, \r\n        'theme': (badgeColor === 'theme'), \r\n        'success': (badgeColor === 'success'), \r\n        'error': (badgeColor === 'error'), \r\n        'accent': (badgeColor === 'accent'), \r\n        'warn': (badgeColor === 'warn'),\r\n        'info': (badgeColor === 'info'),\r\n        'neutral': (badgeColor === 'neutral')}\" [innerHtml]=\"(badgeText | translate)\"></label>\r\n  </span>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.badge{font-size:12px;font-family:Poppins!important;font-style:normal!important;font-weight:600;line-height:16px}.badge .badge-icon{display:flex;justify-content:center;align-items:center;height:16px!important;width:16px!important}.badge .badge-icon i.theme,.badge .badge-icon svg.theme{color:var(--primary-color-500-parts)}.badge .badge-icon i.success,.badge .badge-icon svg.success{color:var(--success-color-500-parts)}.badge .badge-icon i.warn,.badge .badge-icon svg.warn{color:var(--warn-color-500-parts)}.badge .badge-icon i.error,.badge .badge-icon svg.error{color:var(--error-color-500-parts)}.badge .badge-icon i.info,.badge .badge-icon svg.info{color:var(--info-color-500-parts)}.badge .badge-icon i.neutral,.badge .badge-icon svg.neutral{color:var(--neutral-color-300-parts)}.badge-container{display:inline-flex;border:2px solid!important;border-radius:4px;align-items:center!important;padding:4px!important}.badge-container.theme{border-color:var(--primary-color-500-parts)!important}.badge-container.success{border-color:var(--success-color-500-parts)!important}.badge-container.warn{border-color:var(--warn-color-500-parts)!important}.badge-container.error{border-color:var(--error-color-500-parts)!important}.badge-container.neutral{border-color:var(--neutral-color-300-parts)!important}.badge-container.info{border-color:var(--info-color-500-parts)!important}.badge-container-no-outline{display:inline-flex;align-items:center!important;padding:4px 8px!important}.coloredLabel.theme{color:var(--primary-color-500-parts)}.coloredLabel.success{color:var(--success-color-500-parts)}.coloredLabel.warn{color:var(--warn-color-500-parts)}.coloredLabel.error{color:var(--error-color-500-parts)}.coloredLabel.info{color:var(--info-color-500-parts)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { noIcon: [{
                 type: Input
             }], noOutline: [{
@@ -5015,10 +5015,10 @@ class SofImageCheckboxComponent {
     ngOnInit() { }
 }
 SofImageCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofImageCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SofImageCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofImageCheckboxComponent, selector: "sof-image-checkbox", inputs: { imageTitle: "imageTitle", imageUrl: "imageUrl", imageHeight: "imageHeight", imageWidth: "imageWidth", containerHeight: "containerHeight", containerWidth: "containerWidth", matColor: "matColor", isDisabled: ["disabled", "isDisabled"] }, ngImport: i0, template: "<mat-card [ngStyle]=\"{'height.px': containerHeight, 'width.px': containerWidth}\" [ngClass]=\"{'checked': isChecked, 'disabled': isDisabled, \r\n'primary': (matColor == 'primary'), \r\n'success': (matColor == 'success'), \r\n'error': (matColor == 'error'), \r\n'accent': (matColor == 'accent'), \r\n'warn': (matColor == 'warn'),\r\n'info': (matColor == 'info')}\" appearance=\"outlined\" class=\"mat-elevation-z1 image-checkbox\">\r\n    <mat-card-header>\r\n        <mat-checkbox class=\"sof-checkbox\" color=\"{{matColor}}\" [disabled]=\"isDisabled\"\r\n            [(ngModel)]=\"isChecked\"></mat-checkbox>\r\n    </mat-card-header>\r\n    <mat-card-content text-center fxLayoutAlign=\"center center\">\r\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"center center\">\r\n            <div>\r\n                <img [ngStyle]=\"{'height.px': imageHeight, 'width.px': imageWidth}\" [src]='imageUrl'>\r\n            </div>\r\n            <div>\r\n                <div [innerHTML]=\"(imageTitle | translate)\"> </div>\r\n            </div>\r\n        </div>\r\n    </mat-card-content>\r\n</mat-card>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.image-checkbox{border-radius:20px;background-color:transparent;margin-bottom:1rem}.image-checkbox.disabled{filter:grayscale(100%)!important}.image-checkbox.primary.checked{border:2px solid;box-sizing:border-box;border-color:var(--primary-color-500-parts)!important}.image-checkbox.accent.checked{border:2px solid;box-sizing:border-box;border-color:var(--accent-color-500-parts)!important}.image-checkbox.warn.checked{border:2px solid;box-sizing:border-box;border-color:var(--warn-color-500-parts)!important}.image-checkbox.success.checked{border:2px solid;box-sizing:border-box;border-color:var(--success-color-500-parts)!important}.image-checkbox.error.checked{border:2px solid;box-sizing:border-box;border-color:var(--error-color-500-parts)!important}.image-checkbox.info.checked{border:2px solid;box-sizing:border-box;border-color:var(--info-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i6$2.MatCardHeader, selector: "mat-card-header" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+SofImageCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofImageCheckboxComponent, selector: "sof-image-checkbox", inputs: { imageTitle: "imageTitle", imageUrl: "imageUrl", imageHeight: "imageHeight", imageWidth: "imageWidth", containerHeight: "containerHeight", containerWidth: "containerWidth", matColor: "matColor", isDisabled: ["disabled", "isDisabled"] }, ngImport: i0, template: "<mat-card [ngStyle]=\"{'height.px': containerHeight, 'width.px': containerWidth}\" [ngClass]=\"{'checked': isChecked, 'disabled': isDisabled, \r\n'primary': (matColor === 'primary'), \r\n'success': (matColor === 'success'), \r\n'error': (matColor === 'error'), \r\n'accent': (matColor === 'accent'), \r\n'warn': (matColor === 'warn'),\r\n'info': (matColor === 'info')}\" appearance=\"outlined\" class=\"mat-elevation-z1 image-checkbox\">\r\n    <mat-card-header>\r\n        <mat-checkbox class=\"sof-checkbox\" color=\"{{matColor}}\" [disabled]=\"isDisabled\"\r\n            [(ngModel)]=\"isChecked\"></mat-checkbox>\r\n    </mat-card-header>\r\n    <mat-card-content text-center fxLayoutAlign=\"center center\">\r\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"center center\">\r\n            <div>\r\n                <img [ngStyle]=\"{'height.px': imageHeight, 'width.px': imageWidth}\" [src]='imageUrl'>\r\n            </div>\r\n            <div>\r\n                <div [innerHTML]=\"(imageTitle | translate)\"> </div>\r\n            </div>\r\n        </div>\r\n    </mat-card-content>\r\n</mat-card>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.image-checkbox{border-radius:20px;background-color:transparent;margin-bottom:1rem}.image-checkbox.disabled{filter:grayscale(100%)!important}.image-checkbox.primary.checked{border:2px solid;box-sizing:border-box;border-color:var(--primary-color-500-parts)!important}.image-checkbox.accent.checked{border:2px solid;box-sizing:border-box;border-color:var(--accent-color-500-parts)!important}.image-checkbox.warn.checked{border:2px solid;box-sizing:border-box;border-color:var(--warn-color-500-parts)!important}.image-checkbox.success.checked{border:2px solid;box-sizing:border-box;border-color:var(--success-color-500-parts)!important}.image-checkbox.error.checked{border:2px solid;box-sizing:border-box;border-color:var(--error-color-500-parts)!important}.image-checkbox.info.checked{border:2px solid;box-sizing:border-box;border-color:var(--info-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i6$2.MatCardHeader, selector: "mat-card-header" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofImageCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-image-checkbox', template: "<mat-card [ngStyle]=\"{'height.px': containerHeight, 'width.px': containerWidth}\" [ngClass]=\"{'checked': isChecked, 'disabled': isDisabled, \r\n'primary': (matColor == 'primary'), \r\n'success': (matColor == 'success'), \r\n'error': (matColor == 'error'), \r\n'accent': (matColor == 'accent'), \r\n'warn': (matColor == 'warn'),\r\n'info': (matColor == 'info')}\" appearance=\"outlined\" class=\"mat-elevation-z1 image-checkbox\">\r\n    <mat-card-header>\r\n        <mat-checkbox class=\"sof-checkbox\" color=\"{{matColor}}\" [disabled]=\"isDisabled\"\r\n            [(ngModel)]=\"isChecked\"></mat-checkbox>\r\n    </mat-card-header>\r\n    <mat-card-content text-center fxLayoutAlign=\"center center\">\r\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"center center\">\r\n            <div>\r\n                <img [ngStyle]=\"{'height.px': imageHeight, 'width.px': imageWidth}\" [src]='imageUrl'>\r\n            </div>\r\n            <div>\r\n                <div [innerHTML]=\"(imageTitle | translate)\"> </div>\r\n            </div>\r\n        </div>\r\n    </mat-card-content>\r\n</mat-card>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.image-checkbox{border-radius:20px;background-color:transparent;margin-bottom:1rem}.image-checkbox.disabled{filter:grayscale(100%)!important}.image-checkbox.primary.checked{border:2px solid;box-sizing:border-box;border-color:var(--primary-color-500-parts)!important}.image-checkbox.accent.checked{border:2px solid;box-sizing:border-box;border-color:var(--accent-color-500-parts)!important}.image-checkbox.warn.checked{border:2px solid;box-sizing:border-box;border-color:var(--warn-color-500-parts)!important}.image-checkbox.success.checked{border:2px solid;box-sizing:border-box;border-color:var(--success-color-500-parts)!important}.image-checkbox.error.checked{border:2px solid;box-sizing:border-box;border-color:var(--error-color-500-parts)!important}.image-checkbox.info.checked{border:2px solid;box-sizing:border-box;border-color:var(--info-color-500-parts)!important}\n"] }]
+            args: [{ selector: 'sof-image-checkbox', template: "<mat-card [ngStyle]=\"{'height.px': containerHeight, 'width.px': containerWidth}\" [ngClass]=\"{'checked': isChecked, 'disabled': isDisabled, \r\n'primary': (matColor === 'primary'), \r\n'success': (matColor === 'success'), \r\n'error': (matColor === 'error'), \r\n'accent': (matColor === 'accent'), \r\n'warn': (matColor === 'warn'),\r\n'info': (matColor === 'info')}\" appearance=\"outlined\" class=\"mat-elevation-z1 image-checkbox\">\r\n    <mat-card-header>\r\n        <mat-checkbox class=\"sof-checkbox\" color=\"{{matColor}}\" [disabled]=\"isDisabled\"\r\n            [(ngModel)]=\"isChecked\"></mat-checkbox>\r\n    </mat-card-header>\r\n    <mat-card-content text-center fxLayoutAlign=\"center center\">\r\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"center center\">\r\n            <div>\r\n                <img [ngStyle]=\"{'height.px': imageHeight, 'width.px': imageWidth}\" [src]='imageUrl'>\r\n            </div>\r\n            <div>\r\n                <div [innerHTML]=\"(imageTitle | translate)\"> </div>\r\n            </div>\r\n        </div>\r\n    </mat-card-content>\r\n</mat-card>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.image-checkbox{border-radius:20px;background-color:transparent;margin-bottom:1rem}.image-checkbox.disabled{filter:grayscale(100%)!important}.image-checkbox.primary.checked{border:2px solid;box-sizing:border-box;border-color:var(--primary-color-500-parts)!important}.image-checkbox.accent.checked{border:2px solid;box-sizing:border-box;border-color:var(--accent-color-500-parts)!important}.image-checkbox.warn.checked{border:2px solid;box-sizing:border-box;border-color:var(--warn-color-500-parts)!important}.image-checkbox.success.checked{border:2px solid;box-sizing:border-box;border-color:var(--success-color-500-parts)!important}.image-checkbox.error.checked{border:2px solid;box-sizing:border-box;border-color:var(--error-color-500-parts)!important}.image-checkbox.info.checked{border:2px solid;box-sizing:border-box;border-color:var(--info-color-500-parts)!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { imageTitle: [{
                 type: Input
             }], imageUrl: [{
@@ -5115,10 +5115,10 @@ class SofConfirmAddressComponent {
     }
 }
 SofConfirmAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofConfirmAddressComponent, deps: [{ token: i1$6.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-SofConfirmAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofConfirmAddressComponent, selector: "sof-confirm-address", ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" p-a-40>\r\n    <ng-container *ngIf=\"recommendAddressNotFound\">\r\n        <h2 fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"merriweather\">\r\n            <i class=\"ph-duotone ph-warning alert-icon\"></i>\r\n            <span>{{data?.headerTextRecommendAddressNotFound}}</span>\r\n        </h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentTextRecommendAddressNotFound}}</p>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!recommendAddressNotFound\">\r\n        <h2 class=\"merriweather\">{{data?.headerText}}</h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentText}}</p>\r\n    </ng-container>\r\n    <div>\r\n        <form [formGroup]=\"confirmedAddressForm\" autocomplete=\"off\">\r\n            <mat-radio-group formControlName=\"confirmedAddress\" fxLayout=\"row\" fxLayoutGap=\"24px\">\r\n                <div fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex=\"48%\">\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.givenAddressSubtitle}}</p>\r\n                    <mat-card appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box-grey text-grey\">\r\n                        <mat-radio-button *ngIf=\"!recommendAddressNotFound\" value=\"entered\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.givenAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div fxLayout=\"column\" fxLayoutgap=\"4px\">\r\n                            <h4>{{data?.givenAddress?.address1}}</h4>\r\n                            <h4>{{data?.givenAddress?.address2}}</h4>\r\n                            <h4>{{data?.givenAddress?.city}}, {{data?.givenAddress?.state}}</h4>\r\n                            <h4>{{data?.givenAddress?.zip5}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n                <div *ngIf=\"!recommendAddressNotFound\" fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex>\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.recommendAddressSubtitle}}</p>\r\n                    <mat-card *ngIf=\"!recommendAddressNotFound\" appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box\">\r\n                        <mat-radio-button value=\"recommended\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.recommendAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div>\r\n                            <h4>{{data?.recommendAddress?.address1}}</h4>\r\n                            <h4>{{data?.recommendAddress?.address2}}</h4>\r\n                            <h4>{{data?.recommendAddress?.city}}, {{data?.recommendAddress?.state}}</h4>\r\n                            <h4>{{data?.recommendAddress?.zip5}}-{{data?.recommendAddress?.zip4}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n            </mat-radio-group>\r\n        </form>\r\n    </div>\r\n\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n        <button id=\"cancelAddressSelection\" mat-button class=\"sof-button text-to-upper-case btn-min-width\" \r\n            color=\"primary\" (click)=\"onNoClick()\">\r\n            {{data?.cancelButtonText}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value == 'entered' && !recommendAddressNotFound\" id=\"btnUseAddress\" \r\n            class=\"sof-stroked-button text-to-upper-case btn-min-width\" mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextGivenAddress}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value == 'recommended'\" id=\"btnUseAddress\" class=\"sof-flat-button text-to-upper-case btn-min-width\"\r\n            mat-flat-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddress}}\r\n            <span >\r\n            </span>\r\n        </button>\r\n        <button *ngIf=\"recommendAddressNotFound\" id=\"btnUseAddress\" class=\"sof-stroked-button text-to-upper-case btn-min-width\"\r\n            mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddressNotFound}}\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.radio-box{background:#ffffff;border-radius:10px;padding:16px;min-height:152px}.radio-box-grey{background-color:var(--neutral-color-50-parts);border-radius:10px;padding:16px;min-height:152px}.text-grey{color:#0009}.text-to-upper-case{text-transform:uppercase}.btn-min-width{min-width:117px}.alert-icon{color:var(--warn-color-900-parts)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i7$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
+SofConfirmAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SofConfirmAddressComponent, selector: "sof-confirm-address", ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" p-a-40>\r\n    <ng-container *ngIf=\"recommendAddressNotFound\">\r\n        <h2 fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"merriweather\">\r\n            <i class=\"ph-duotone ph-warning alert-icon\"></i>\r\n            <span>{{data?.headerTextRecommendAddressNotFound}}</span>\r\n        </h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentTextRecommendAddressNotFound}}</p>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!recommendAddressNotFound\">\r\n        <h2 class=\"merriweather\">{{data?.headerText}}</h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentText}}</p>\r\n    </ng-container>\r\n    <div>\r\n        <form [formGroup]=\"confirmedAddressForm\" autocomplete=\"off\">\r\n            <mat-radio-group formControlName=\"confirmedAddress\" fxLayout=\"row\" fxLayoutGap=\"24px\">\r\n                <div fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex=\"48%\">\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.givenAddressSubtitle}}</p>\r\n                    <mat-card appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box-grey text-grey\">\r\n                        <mat-radio-button *ngIf=\"!recommendAddressNotFound\" value=\"entered\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.givenAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div fxLayout=\"column\" fxLayoutgap=\"4px\">\r\n                            <h4>{{data?.givenAddress?.address1}}</h4>\r\n                            <h4>{{data?.givenAddress?.address2}}</h4>\r\n                            <h4>{{data?.givenAddress?.city}}, {{data?.givenAddress?.state}}</h4>\r\n                            <h4>{{data?.givenAddress?.zip5}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n                <div *ngIf=\"!recommendAddressNotFound\" fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex>\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.recommendAddressSubtitle}}</p>\r\n                    <mat-card *ngIf=\"!recommendAddressNotFound\" appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box\">\r\n                        <mat-radio-button value=\"recommended\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.recommendAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div>\r\n                            <h4>{{data?.recommendAddress?.address1}}</h4>\r\n                            <h4>{{data?.recommendAddress?.address2}}</h4>\r\n                            <h4>{{data?.recommendAddress?.city}}, {{data?.recommendAddress?.state}}</h4>\r\n                            <h4>{{data?.recommendAddress?.zip5}}-{{data?.recommendAddress?.zip4}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n            </mat-radio-group>\r\n        </form>\r\n    </div>\r\n\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n        <button id=\"cancelAddressSelection\" mat-button class=\"sof-button text-to-upper-case btn-min-width\" \r\n            color=\"primary\" (click)=\"onNoClick()\">\r\n            {{data?.cancelButtonText}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value === 'entered' && !recommendAddressNotFound\" id=\"btnUseAddress\" \r\n            class=\"sof-stroked-button text-to-upper-case btn-min-width\" mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextGivenAddress}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value === 'recommended'\" id=\"btnUseAddress\" class=\"sof-flat-button text-to-upper-case btn-min-width\"\r\n            mat-flat-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddress}}\r\n            <span >\r\n            </span>\r\n        </button>\r\n        <button *ngIf=\"recommendAddressNotFound\" id=\"btnUseAddress\" class=\"sof-stroked-button text-to-upper-case btn-min-width\"\r\n            mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddressNotFound}}\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.radio-box{background:#ffffff;border-radius:10px;padding:16px;min-height:152px}.radio-box-grey{background-color:var(--neutral-color-50-parts);border-radius:10px;padding:16px;min-height:152px}.text-grey{color:#0009}.text-to-upper-case{text-transform:uppercase}.btn-min-width{min-width:117px}.alert-icon{color:var(--warn-color-900-parts)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i7$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SofConfirmAddressComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-confirm-address', template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" p-a-40>\r\n    <ng-container *ngIf=\"recommendAddressNotFound\">\r\n        <h2 fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"merriweather\">\r\n            <i class=\"ph-duotone ph-warning alert-icon\"></i>\r\n            <span>{{data?.headerTextRecommendAddressNotFound}}</span>\r\n        </h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentTextRecommendAddressNotFound}}</p>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!recommendAddressNotFound\">\r\n        <h2 class=\"merriweather\">{{data?.headerText}}</h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentText}}</p>\r\n    </ng-container>\r\n    <div>\r\n        <form [formGroup]=\"confirmedAddressForm\" autocomplete=\"off\">\r\n            <mat-radio-group formControlName=\"confirmedAddress\" fxLayout=\"row\" fxLayoutGap=\"24px\">\r\n                <div fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex=\"48%\">\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.givenAddressSubtitle}}</p>\r\n                    <mat-card appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box-grey text-grey\">\r\n                        <mat-radio-button *ngIf=\"!recommendAddressNotFound\" value=\"entered\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.givenAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div fxLayout=\"column\" fxLayoutgap=\"4px\">\r\n                            <h4>{{data?.givenAddress?.address1}}</h4>\r\n                            <h4>{{data?.givenAddress?.address2}}</h4>\r\n                            <h4>{{data?.givenAddress?.city}}, {{data?.givenAddress?.state}}</h4>\r\n                            <h4>{{data?.givenAddress?.zip5}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n                <div *ngIf=\"!recommendAddressNotFound\" fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex>\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.recommendAddressSubtitle}}</p>\r\n                    <mat-card *ngIf=\"!recommendAddressNotFound\" appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box\">\r\n                        <mat-radio-button value=\"recommended\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.recommendAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div>\r\n                            <h4>{{data?.recommendAddress?.address1}}</h4>\r\n                            <h4>{{data?.recommendAddress?.address2}}</h4>\r\n                            <h4>{{data?.recommendAddress?.city}}, {{data?.recommendAddress?.state}}</h4>\r\n                            <h4>{{data?.recommendAddress?.zip5}}-{{data?.recommendAddress?.zip4}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n            </mat-radio-group>\r\n        </form>\r\n    </div>\r\n\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n        <button id=\"cancelAddressSelection\" mat-button class=\"sof-button text-to-upper-case btn-min-width\" \r\n            color=\"primary\" (click)=\"onNoClick()\">\r\n            {{data?.cancelButtonText}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value == 'entered' && !recommendAddressNotFound\" id=\"btnUseAddress\" \r\n            class=\"sof-stroked-button text-to-upper-case btn-min-width\" mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextGivenAddress}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value == 'recommended'\" id=\"btnUseAddress\" class=\"sof-flat-button text-to-upper-case btn-min-width\"\r\n            mat-flat-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddress}}\r\n            <span >\r\n            </span>\r\n        </button>\r\n        <button *ngIf=\"recommendAddressNotFound\" id=\"btnUseAddress\" class=\"sof-stroked-button text-to-upper-case btn-min-width\"\r\n            mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddressNotFound}}\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.radio-box{background:#ffffff;border-radius:10px;padding:16px;min-height:152px}.radio-box-grey{background-color:var(--neutral-color-50-parts);border-radius:10px;padding:16px;min-height:152px}.text-grey{color:#0009}.text-to-upper-case{text-transform:uppercase}.btn-min-width{min-width:117px}.alert-icon{color:var(--warn-color-900-parts)}\n"] }]
+            args: [{ selector: 'sof-confirm-address', template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" p-a-40>\r\n    <ng-container *ngIf=\"recommendAddressNotFound\">\r\n        <h2 fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"merriweather\">\r\n            <i class=\"ph-duotone ph-warning alert-icon\"></i>\r\n            <span>{{data?.headerTextRecommendAddressNotFound}}</span>\r\n        </h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentTextRecommendAddressNotFound}}</p>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!recommendAddressNotFound\">\r\n        <h2 class=\"merriweather\">{{data?.headerText}}</h2>\r\n        <p class=\"body1\" m-t-0>{{data?.contentText}}</p>\r\n    </ng-container>\r\n    <div>\r\n        <form [formGroup]=\"confirmedAddressForm\" autocomplete=\"off\">\r\n            <mat-radio-group formControlName=\"confirmedAddress\" fxLayout=\"row\" fxLayoutGap=\"24px\">\r\n                <div fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex=\"48%\">\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.givenAddressSubtitle}}</p>\r\n                    <mat-card appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box-grey text-grey\">\r\n                        <mat-radio-button *ngIf=\"!recommendAddressNotFound\" value=\"entered\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.givenAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div fxLayout=\"column\" fxLayoutgap=\"4px\">\r\n                            <h4>{{data?.givenAddress?.address1}}</h4>\r\n                            <h4>{{data?.givenAddress?.address2}}</h4>\r\n                            <h4>{{data?.givenAddress?.city}}, {{data?.givenAddress?.state}}</h4>\r\n                            <h4>{{data?.givenAddress?.zip5}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n                <div *ngIf=\"!recommendAddressNotFound\" fxLayout=\"column\" fxLayoutGap=\"2px\" fxFlex>\r\n                    <p class=\"body2 text-to-upper-case text-grey fw-500\" m-t-0>{{data?.recommendAddressSubtitle}}</p>\r\n                    <mat-card *ngIf=\"!recommendAddressNotFound\" appearance=\"outlined\" fxLayout=\"row\" class=\"radio-box\">\r\n                        <mat-radio-button value=\"recommended\" color=\"primary\">\r\n                            <span [hidden]=\"true\">{{data?.recommendAddressSubtitle}}</span>\r\n                        </mat-radio-button>\r\n                        <div>\r\n                            <h4>{{data?.recommendAddress?.address1}}</h4>\r\n                            <h4>{{data?.recommendAddress?.address2}}</h4>\r\n                            <h4>{{data?.recommendAddress?.city}}, {{data?.recommendAddress?.state}}</h4>\r\n                            <h4>{{data?.recommendAddress?.zip5}}-{{data?.recommendAddress?.zip4}}</h4>\r\n                        </div>\r\n                    </mat-card>\r\n                </div>\r\n            </mat-radio-group>\r\n        </form>\r\n    </div>\r\n\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n        <button id=\"cancelAddressSelection\" mat-button class=\"sof-button text-to-upper-case btn-min-width\" \r\n            color=\"primary\" (click)=\"onNoClick()\">\r\n            {{data?.cancelButtonText}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value === 'entered' && !recommendAddressNotFound\" id=\"btnUseAddress\" \r\n            class=\"sof-stroked-button text-to-upper-case btn-min-width\" mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextGivenAddress}}\r\n        </button>\r\n        <button *ngIf=\"confirmedAddress.value === 'recommended'\" id=\"btnUseAddress\" class=\"sof-flat-button text-to-upper-case btn-min-width\"\r\n            mat-flat-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddress}}\r\n            <span >\r\n            </span>\r\n        </button>\r\n        <button *ngIf=\"recommendAddressNotFound\" id=\"btnUseAddress\" class=\"sof-stroked-button text-to-upper-case btn-min-width\"\r\n            mat-stroked-button color=\"primary\" (click)=\"confirmAddr()\">\r\n            {{data?.confirmButtonTextRecommendAddressNotFound}}\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.radio-box{background:#ffffff;border-radius:10px;padding:16px;min-height:152px}.radio-box-grey{background-color:var(--neutral-color-50-parts);border-radius:10px;padding:16px;min-height:152px}.text-grey{color:#0009}.text-to-upper-case{text-transform:uppercase}.btn-min-width{min-width:117px}.alert-icon{color:var(--warn-color-900-parts)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$6.MatDialogRef }, { type: ConfirmAddressData, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]