@carefirst/library 2.0.17 → 2.0.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/esm2022/lib/components/icon/icon.component.mjs +3 -3
  2. package/esm2022/lib/components/page/page.component.mjs +18 -3
  3. package/esm2022/lib/interfaces/icon.interface.mjs +2 -1
  4. package/fesm2022/carefirst-library.mjs +20 -4
  5. package/fesm2022/carefirst-library.mjs.map +1 -1
  6. package/lib/components/page/page.component.d.ts +7 -1
  7. package/lib/interfaces/icon.interface.d.ts +1 -1
  8. package/package.json +1 -1
package/fesm2022/carefirst-library.mjs CHANGED
@@ -90,6 +90,9 @@ class PageComponent {
90
90
  noScroll;
91
91
  devMode;
92
92
  buttonsVertical;
93
+ noPageButtons;
94
+ stickyButtonOn;
95
+ noStickyButtonFade;
93
96
  scrollEvent = new EventEmitter();
94
97
  inputCenterH = false;
95
98
  inputCenterV = false;
@@ -97,6 +100,9 @@ class PageComponent {
97
100
  inputNoScroll = false;
98
101
  inputDevMode = false;
99
102
  inputButtonsVertical = false;
103
+ inputNoPageButtons = false;
104
+ inputStickyButtonOn = false;
105
+ inputNoStickyButtonFade = false;
100
106
  ngOnChanges(changes) {
101
107
  this.inputCenterH = checkTruthAttribute(changes, 'centerH', this.inputCenterH);
102
108
  this.inputCenterV = checkTruthAttribute(changes, 'centerV', this.inputCenterV);
@@ -104,13 +110,16 @@ class PageComponent {
104
110
  this.inputNoScroll = checkTruthAttribute(changes, 'noScroll', this.inputNoScroll);
105
111
  this.inputDevMode = checkTruthAttribute(changes, 'devMode', this.inputDevMode);
106
112
  this.inputButtonsVertical = checkTruthAttribute(changes, 'buttonsVertical', this.inputButtonsVertical);
113
+ this.inputNoPageButtons = checkTruthAttribute(changes, 'noPageButtons', this.inputNoPageButtons);
114
+ this.inputNoStickyButtonFade = checkTruthAttribute(changes, 'noStickyButtonFade', this.inputNoStickyButtonFade);
115
+ this.inputStickyButtonOn = checkTruthAttribute(changes, 'stickyButtonOn', this.inputStickyButtonOn);
107
116
  }
108
117
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
109
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: PageComponent, selector: "cf-page", inputs: { centerH: "centerH", centerV: "centerV", dark: "dark", noScroll: "noScroll", devMode: "devMode", buttonsVertical: "buttonsVertical" }, outputs: { scrollEvent: "scrollEvent" }, usesOnChanges: true, ngImport: i0, template: "<ion-content\n scrollEvents=\"true\"\n class=\"ion-page cf-page\"\n [ngClass]=\"{ 'bg-dark': inputDark, 'no-scroll': inputNoScroll, 'dev-mode': inputDevMode }\"\n (ionScroll)=\"scrollEvent.emit($event)\">\n <div id=\"page-setup\" [ngClass]=\"{ 'center-v': inputCenterV }\">\n <!-- Header -->\n <div id=\"header\" class=\"ion-no-border\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-header]\"></ng-content>\n </div>\n </div>\n <!-- Content and Buttons -->\n <div id=\"device-spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n <div id=\"page-buttons\">\n <div class=\"content\" [ngClass]=\"{ 'vertical-buttons': inputButtonsVertical }\">\n <ng-content select=\"[cf-page-buttons]\"></ng-content>\n </div>\n </div>\n </div>\n <!-- Footer -->\n <div id=\"footer\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-footer]\"></ng-content>\n </div>\n </div>\n </div>\n</ion-content>\n", styles: ["ion-content.cf-page{--page-background-color: var(--main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark{--page-background-color: var(--cf-app-background-dark)}ion-content.cf-page::part(scroll){background-color:var(--page-background-color);-ms-overflow-style:none;scrollbar-width:none}ion-content.cf-page::part(scroll)::-webkit-scrollbar{display:none}ion-content.cf-page.no-scroll::part(scroll){overflow:hidden}ion-content.cf-page #page-setup{width:100%;min-height:100%;height:fit-content;flex-direction:column;display:flex}ion-content.cf-page #page-setup>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page #page-setup>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page #page-setup .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup .content>*{max-width:100%}ion-content.cf-page #page-setup #header{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;z-index:10;background-color:var(--page-background-color)}ion-content.cf-page #page-setup #device-spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:1;width:min(var(--cf-page-content-mobile-max-width, 100%),100%)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:0;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}ion-content.cf-page #page-setup #device-spacing #page-buttons{width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:var(--cf-page-bottom-padding, 24px);width:min(var(--cf-page-content-mobile-max-width, 100%),100%);margin-inline:auto}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{flex-direction:row;padding-bottom:var(--cf-page-bottom-padding, 48px);width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content.vertical-buttons{flex-direction:column}}ion-content.cf-page #page-setup #device-spacing.center-h,ion-content.cf-page #page-setup #device-spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page #page-setup #device-spacing.center-v,ion-content.cf-page #page-setup #device-spacing.center-v>.content{justify-content:center}ion-content.cf-page #page-setup #footer{display:flex;flex-direction:column;align-items:center;background-color:var(--cf-page-footer-bg-color, transparent)}#page-setup.center-v{justify-content:center}ion-content.cf-page.dev-mode #page-setup{background-color:#0ff}ion-content.cf-page.dev-mode #page-setup #header{background-color:#00f}ion-content.cf-page.dev-mode #page-setup .content{background-color:green}ion-content.cf-page.dev-mode #page-setup #page-buttons>.content{background-color:tomato}ion-content.cf-page.dev-mode #page-setup #footer{background-color:brown}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
118
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: PageComponent, selector: "cf-page", inputs: { centerH: "centerH", centerV: "centerV", dark: "dark", noScroll: "noScroll", devMode: "devMode", buttonsVertical: "buttonsVertical", noPageButtons: "noPageButtons", stickyButtonOn: "stickyButtonOn", noStickyButtonFade: "noStickyButtonFade" }, outputs: { scrollEvent: "scrollEvent" }, usesOnChanges: true, ngImport: i0, template: "<ion-content\n scrollEvents=\"true\"\n class=\"ion-page cf-page\"\n [ngClass]=\"{ 'bg-dark': inputDark, 'no-scroll': inputNoScroll, 'dev-mode': inputDevMode }\"\n (ionScroll)=\"scrollEvent.emit($event)\">\n <div id=\"page-setup\" [ngClass]=\"{ 'center-v': inputCenterV }\">\n <!-- Header -->\n <div id=\"header\" class=\"ion-no-border\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-header]\"></ng-content>\n </div>\n </div>\n <!-- Content and Buttons -->\n <div id=\"device-spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n <div id=\"page-buttons\" *ngIf=\"!inputNoPageButtons\">\n <div class=\"content\" [ngClass]=\"{ 'vertical-buttons': inputButtonsVertical }\">\n <ng-content select=\"[cf-page-buttons]\"></ng-content>\n </div>\n </div>\n </div>\n <!-- Footer -->\n <div id=\"footer\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-footer]\"></ng-content>\n </div>\n </div>\n <!-- Sticky-buttons -->\n <div id=\"sticky-buttons\" *ngIf=\"inputStickyButtonOn\">\n <div id=\"overlay\" [ngClass]=\"{ off: inputNoStickyButtonFade }\"> </div>\n <div id=\"buttons-container-background\">\n <div id=\"buttons-container\">\n <div class=\"content\" [ngClass]=\"{ 'vertical-buttons': inputButtonsVertical }\">\n <ng-content select=\"[cf-page-sticky-buttons]\"></ng-content>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ion-content>\n", styles: ["ion-content.cf-page{--page-background-color: var(--cf-page-main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark{--page-background-color: var(--cf-app-background-dark)}ion-content.cf-page::part(scroll){background-color:var(--page-background-color);-ms-overflow-style:none;scrollbar-width:none}ion-content.cf-page::part(scroll)::-webkit-scrollbar{display:none}ion-content.cf-page.no-scroll::part(scroll){overflow:hidden}ion-content.cf-page{--main-page-block-padding: 24px}@media (min-width: 768px){ion-content.cf-page{--main-page-block-padding: 48px}}ion-content.cf-page #page-setup{position:relative;width:100%;min-height:100%;height:fit-content;flex-direction:column;display:flex}ion-content.cf-page #page-setup>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page #page-setup>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page #page-setup .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup .content>*{max-width:100%}ion-content.cf-page #page-setup #header{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;z-index:10;background-color:var(--page-background-color)}ion-content.cf-page #page-setup #device-spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:1;width:min(var(--cf-page-content-mobile-max-width, 100%),100%)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:0;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}ion-content.cf-page #page-setup #device-spacing #page-buttons{width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{justify-content:center;flex-wrap:nowrap;gap:16px;width:min(var(--cf-page-content-mobile-max-width, 100%),100%);margin-inline:auto;padding-bottom:var(--main-page-block-padding)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{flex-direction:row;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content.vertical-buttons{flex-direction:column;align-items:center}}ion-content.cf-page #page-setup #device-spacing.center-h,ion-content.cf-page #page-setup #device-spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page #page-setup #device-spacing.center-v,ion-content.cf-page #page-setup #device-spacing.center-v>.content{justify-content:center}ion-content.cf-page #page-setup #footer{display:flex;flex-direction:column;align-items:center;background-color:var(--cf-page-footer-bg-color, transparent)}ion-content.cf-page #page-setup #sticky-buttons{--fade-height: var(--cf-page-sticky-button-fade-height, 48px);display:flex;flex-direction:column;align-items:center;position:sticky;bottom:0;z-index:10;background-color:transparent;margin-inline:auto;padding-inline:0px}ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background{background-color:var(--page-background-color);width:100%;display:flex;flex-direction:column;align-items:center;margin-top:var(--fade-height);padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container{width:100%;max-width:var(--cf-page-mobile-max-width, 358px);padding-top:12px}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container>.content{justify-content:center;flex-wrap:nowrap;gap:16px;width:min(var(--cf-page-content-mobile-max-width, 100%),100%);margin-inline:auto;padding-bottom:var(--main-page-block-padding)}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container>.content{flex-direction:row;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container>.content.vertical-buttons{flex-direction:column;align-items:center}}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container{padding-top:24px}}ion-content.cf-page #page-setup #sticky-buttons #overlay{width:100%;height:var(--fade-height);position:absolute;background-image:linear-gradient(to bottom,transparent,var(--page-background-color) 80%)}ion-content.cf-page #page-setup #sticky-buttons #overlay.off{background-color:var(--page-background-color)}#page-setup.center-v{justify-content:center}ion-content.cf-page.dev-mode #page-setup{background-color:#0ff}ion-content.cf-page.dev-mode #page-setup #header{background-color:#00f}ion-content.cf-page.dev-mode #page-setup .content{background-color:green}ion-content.cf-page.dev-mode #page-setup #page-buttons>.content{background-color:tomato}ion-content.cf-page.dev-mode #page-setup #footer{background-color:brown}ion-content.cf-page.dev-mode #page-setup #sticky-buttons #buttons-container-background{background-color:#7fff00}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
110
119
  }
111
120
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: PageComponent, decorators: [{
112
121
  type: Component,
113
- args: [{ selector: 'cf-page', template: "<ion-content\n scrollEvents=\"true\"\n class=\"ion-page cf-page\"\n [ngClass]=\"{ 'bg-dark': inputDark, 'no-scroll': inputNoScroll, 'dev-mode': inputDevMode }\"\n (ionScroll)=\"scrollEvent.emit($event)\">\n <div id=\"page-setup\" [ngClass]=\"{ 'center-v': inputCenterV }\">\n <!-- Header -->\n <div id=\"header\" class=\"ion-no-border\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-header]\"></ng-content>\n </div>\n </div>\n <!-- Content and Buttons -->\n <div id=\"device-spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n <div id=\"page-buttons\">\n <div class=\"content\" [ngClass]=\"{ 'vertical-buttons': inputButtonsVertical }\">\n <ng-content select=\"[cf-page-buttons]\"></ng-content>\n </div>\n </div>\n </div>\n <!-- Footer -->\n <div id=\"footer\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-footer]\"></ng-content>\n </div>\n </div>\n </div>\n</ion-content>\n", styles: ["ion-content.cf-page{--page-background-color: var(--main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark{--page-background-color: var(--cf-app-background-dark)}ion-content.cf-page::part(scroll){background-color:var(--page-background-color);-ms-overflow-style:none;scrollbar-width:none}ion-content.cf-page::part(scroll)::-webkit-scrollbar{display:none}ion-content.cf-page.no-scroll::part(scroll){overflow:hidden}ion-content.cf-page #page-setup{width:100%;min-height:100%;height:fit-content;flex-direction:column;display:flex}ion-content.cf-page #page-setup>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page #page-setup>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page #page-setup .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup .content>*{max-width:100%}ion-content.cf-page #page-setup #header{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;z-index:10;background-color:var(--page-background-color)}ion-content.cf-page #page-setup #device-spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:1;width:min(var(--cf-page-content-mobile-max-width, 100%),100%)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:0;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}ion-content.cf-page #page-setup #device-spacing #page-buttons{width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:var(--cf-page-bottom-padding, 24px);width:min(var(--cf-page-content-mobile-max-width, 100%),100%);margin-inline:auto}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{flex-direction:row;padding-bottom:var(--cf-page-bottom-padding, 48px);width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content.vertical-buttons{flex-direction:column}}ion-content.cf-page #page-setup #device-spacing.center-h,ion-content.cf-page #page-setup #device-spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page #page-setup #device-spacing.center-v,ion-content.cf-page #page-setup #device-spacing.center-v>.content{justify-content:center}ion-content.cf-page #page-setup #footer{display:flex;flex-direction:column;align-items:center;background-color:var(--cf-page-footer-bg-color, transparent)}#page-setup.center-v{justify-content:center}ion-content.cf-page.dev-mode #page-setup{background-color:#0ff}ion-content.cf-page.dev-mode #page-setup #header{background-color:#00f}ion-content.cf-page.dev-mode #page-setup .content{background-color:green}ion-content.cf-page.dev-mode #page-setup #page-buttons>.content{background-color:tomato}ion-content.cf-page.dev-mode #page-setup #footer{background-color:brown}\n"] }]
122
+ args: [{ selector: 'cf-page', template: "<ion-content\n scrollEvents=\"true\"\n class=\"ion-page cf-page\"\n [ngClass]=\"{ 'bg-dark': inputDark, 'no-scroll': inputNoScroll, 'dev-mode': inputDevMode }\"\n (ionScroll)=\"scrollEvent.emit($event)\">\n <div id=\"page-setup\" [ngClass]=\"{ 'center-v': inputCenterV }\">\n <!-- Header -->\n <div id=\"header\" class=\"ion-no-border\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-header]\"></ng-content>\n </div>\n </div>\n <!-- Content and Buttons -->\n <div id=\"device-spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n <div id=\"page-buttons\" *ngIf=\"!inputNoPageButtons\">\n <div class=\"content\" [ngClass]=\"{ 'vertical-buttons': inputButtonsVertical }\">\n <ng-content select=\"[cf-page-buttons]\"></ng-content>\n </div>\n </div>\n </div>\n <!-- Footer -->\n <div id=\"footer\">\n <div class=\"content\">\n <ng-content select=\"[cf-page-footer]\"></ng-content>\n </div>\n </div>\n <!-- Sticky-buttons -->\n <div id=\"sticky-buttons\" *ngIf=\"inputStickyButtonOn\">\n <div id=\"overlay\" [ngClass]=\"{ off: inputNoStickyButtonFade }\"> </div>\n <div id=\"buttons-container-background\">\n <div id=\"buttons-container\">\n <div class=\"content\" [ngClass]=\"{ 'vertical-buttons': inputButtonsVertical }\">\n <ng-content select=\"[cf-page-sticky-buttons]\"></ng-content>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ion-content>\n", styles: ["ion-content.cf-page{--page-background-color: var(--cf-page-main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark{--page-background-color: var(--cf-app-background-dark)}ion-content.cf-page::part(scroll){background-color:var(--page-background-color);-ms-overflow-style:none;scrollbar-width:none}ion-content.cf-page::part(scroll)::-webkit-scrollbar{display:none}ion-content.cf-page.no-scroll::part(scroll){overflow:hidden}ion-content.cf-page{--main-page-block-padding: 24px}@media (min-width: 768px){ion-content.cf-page{--main-page-block-padding: 48px}}ion-content.cf-page #page-setup{position:relative;width:100%;min-height:100%;height:fit-content;flex-direction:column;display:flex}ion-content.cf-page #page-setup>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page #page-setup>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page #page-setup .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup .content>*{max-width:100%}ion-content.cf-page #page-setup #header{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;z-index:10;background-color:var(--page-background-color)}ion-content.cf-page #page-setup #device-spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:1;width:min(var(--cf-page-content-mobile-max-width, 100%),100%)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing>.content:first-child{flex-grow:0;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}ion-content.cf-page #page-setup #device-spacing #page-buttons{width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{justify-content:center;flex-wrap:nowrap;gap:16px;width:min(var(--cf-page-content-mobile-max-width, 100%),100%);margin-inline:auto;padding-bottom:var(--main-page-block-padding)}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content{flex-direction:row;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}@media (min-width: 768px){ion-content.cf-page #page-setup #device-spacing #page-buttons>.content.vertical-buttons{flex-direction:column;align-items:center}}ion-content.cf-page #page-setup #device-spacing.center-h,ion-content.cf-page #page-setup #device-spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page #page-setup #device-spacing.center-v,ion-content.cf-page #page-setup #device-spacing.center-v>.content{justify-content:center}ion-content.cf-page #page-setup #footer{display:flex;flex-direction:column;align-items:center;background-color:var(--cf-page-footer-bg-color, transparent)}ion-content.cf-page #page-setup #sticky-buttons{--fade-height: var(--cf-page-sticky-button-fade-height, 48px);display:flex;flex-direction:column;align-items:center;position:sticky;bottom:0;z-index:10;background-color:transparent;margin-inline:auto;padding-inline:0px}ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background{background-color:var(--page-background-color);width:100%;display:flex;flex-direction:column;align-items:center;margin-top:var(--fade-height);padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container{width:100%;max-width:var(--cf-page-mobile-max-width, 358px);padding-top:12px}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container>.content{justify-content:center;flex-wrap:nowrap;gap:16px;width:min(var(--cf-page-content-mobile-max-width, 100%),100%);margin-inline:auto;padding-bottom:var(--main-page-block-padding)}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container>.content{flex-direction:row;width:min(var(--cf-page-content-desktop-max-width, 100%),100%)}}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container>.content.vertical-buttons{flex-direction:column;align-items:center}}@media (min-width: 768px){ion-content.cf-page #page-setup #sticky-buttons #buttons-container-background #buttons-container{padding-top:24px}}ion-content.cf-page #page-setup #sticky-buttons #overlay{width:100%;height:var(--fade-height);position:absolute;background-image:linear-gradient(to bottom,transparent,var(--page-background-color) 80%)}ion-content.cf-page #page-setup #sticky-buttons #overlay.off{background-color:var(--page-background-color)}#page-setup.center-v{justify-content:center}ion-content.cf-page.dev-mode #page-setup{background-color:#0ff}ion-content.cf-page.dev-mode #page-setup #header{background-color:#00f}ion-content.cf-page.dev-mode #page-setup .content{background-color:green}ion-content.cf-page.dev-mode #page-setup #page-buttons>.content{background-color:tomato}ion-content.cf-page.dev-mode #page-setup #footer{background-color:brown}ion-content.cf-page.dev-mode #page-setup #sticky-buttons #buttons-container-background{background-color:#7fff00}\n"] }]
114
123
  }], propDecorators: { centerH: [{
115
124
  type: Input
116
125
  }], centerV: [{
@@ -123,6 +132,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
123
132
  type: Input
124
133
  }], buttonsVertical: [{
125
134
  type: Input
135
+ }], noPageButtons: [{
136
+ type: Input
137
+ }], stickyButtonOn: [{
138
+ type: Input
139
+ }], noStickyButtonFade: [{
140
+ type: Input
126
141
  }], scrollEvent: [{
127
142
  type: Output
128
143
  }] } });
@@ -177,6 +192,7 @@ const iconsC = [
177
192
  'user-dependent',
178
193
  'plus',
179
194
  'close-box',
195
+ 'speech-bubble',
180
196
  ];
181
197
  const iconColorC = ['primary', 'secondary', 'success', 'warning', 'error', 'white', 'accent'];
182
198
 
@@ -197,11 +213,11 @@ class IconComponent {
197
213
  this.inputColor = validateStringValue(changes, 'iconColor', iconColorC.slice(), this.inputColor);
198
214
  }
199
215
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
200
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: IconComponent, selector: "cf-icon", inputs: { icon: "icon", height: "height", iconColor: "iconColor" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"app-icon-container\" [ngStyle]=\"{ height: (this.height || 20) + 'px' }\" [ngClass]=\"iconColor\">\n <!-- person -->\n <svg *ngIf=\"inputIcon === 'person'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"5\" r=\"4\" stroke-width=\"1.5\" />\n <path d=\"M2 19C3 10 17 10 18 19\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n </svg>\n <!-- appointment -->\n <svg\n *ngIf=\"inputIcon === 'appointment'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n style=\"stroke-width: 1.5; stroke-linecap: round\">\n <rect width=\"16\" height=\"16\" x=\"2\" y=\"3\" rx=\"2\" ry=\"2\" />\n <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"3\" />\n <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"3\" />\n <line x1=\"2\" y1=\"7\" x2=\"18\" y2=\"7\" />\n <line x1=\"6\" y1=\"11\" x2=\"14\" y2=\"11\" />\n </svg>\n <!-- clock -->\n <svg *ngIf=\"inputIcon === 'clock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M10 6L10 10L13 13\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- calendar -->\n <svg *ngIf=\"inputIcon === 'calendar'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 20\" fill=\"none\">\n <path\n d=\"M1 6.50508H21M4.01099 2.50004V2C4.01099 1.72386 4.23484 1.5 4.51099 1.5H17.4878C17.7639 1.5 17.9878 1.72386 17.9878 2V2.50004M4.98834 9.00006H5.03295M4.96603 12.1079H5.01064M4.94379 15.2158H4.9884M9.03296 9.00006H9.07757M9.01065 12.1079H9.05526M8.98834 15.2158H9.03295M13.0776 9.00006H13.1222M13.0553 12.1079H13.0999M13.033 15.2158H13.0776M17.1222 9.00006H17.1668M17.0999 12.1079H17.1445M17.0776 15.2158H17.1222M3 18.5H19C20.1046 18.5 21 17.6046 21 16.5V4.5C21 3.39543 20.1046 2.5 19 2.5H3C1.89543 2.5 1 3.39543 1 4.5V16.5C1 17.6046 1.89543 18.5 3 18.5Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- email -->\n <svg *ngIf=\"inputIcon === 'email'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 16\" fill=\"none\">\n <path\n d=\"M2 2L10.2286 8L17.9999 2M19 4.19995V11.8C19 12.9201 19.0002 13.4802 18.7822 13.908C18.5905 14.2844 18.2841 14.5902 17.9078 14.782C17.48 15 16.9203 15 15.8002 15H4.2002C3.08009 15 2.51962 15 2.0918 14.782C1.71547 14.5902 1.40973 14.2844 1.21799 13.908C1 13.4802 1 12.9201 1 11.8V4.19995C1 3.07985 1 2.51986 1.21799 2.09204C1.40973 1.71572 1.71547 1.40973 2.0918 1.21799C2.51962 1 3.08009 1 4.2002 1H15.8002C16.9203 1 17.48 1 17.9078 1.21799C18.2841 1.40973 18.5905 1.71572 18.7822 2.09204C19.0002 2.51986 19 3.07985 19 4.19995Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- phone -->\n <svg *ngIf=\"inputIcon === 'phone'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\n <path\n d=\"M20.97 17.33C20.97 17.69 20.89 18.06 20.72 18.42C20.55 18.78 20.33 19.12 20.04 19.44C19.55 19.98 19.01 20.37 18.4 20.62C17.8 20.87 17.15 21 16.45 21C15.43 21 14.34 20.76 13.19 20.27C12.04 19.78 10.89 19.12 9.75 18.29C8.6 17.45 7.51 16.52 6.47 15.49C5.44 14.45 4.51 13.36 3.68 12.22C2.86 11.08 2.2 9.94 1.72 8.81C1.24 7.67 1 6.58 1 5.54C1 4.86 1.12 4.21 1.36 3.61C1.6 3 1.98 2.44 2.51 1.94C3.15 1.31 3.85 1 4.59 1C4.87 1 5.15 1.06 5.4 1.18C5.66 1.3 5.89 1.48 6.07 1.74L8.39 5.01C8.57 5.26 8.7 5.49 8.79 5.71C8.88 5.92 8.93 6.13 8.93 6.32C8.93 6.56 8.86 6.8 8.72 7.03C8.59 7.26 8.4 7.5 8.16 7.74L7.4 8.53C7.29 8.64 7.24 8.77 7.24 8.93C7.24 9.01 7.25 9.08 7.27 9.16C7.3 9.24 7.33 9.3 7.35 9.36C7.53 9.69 7.84 10.12 8.28 10.64C8.73 11.16 9.21 11.69 9.73 12.22C10.27 12.75 10.79 13.24 11.32 13.69C11.84 14.13 12.27 14.43 12.61 14.61C12.66 14.63 12.72 14.66 12.79 14.69C12.87 14.72 12.95 14.73 13.04 14.73C13.21 14.73 13.34 14.67 13.45 14.56L14.21 13.81C14.46 13.56 14.7 13.37 14.93 13.25C15.16 13.11 15.39 13.04 15.64 13.04C15.83 13.04 16.03 13.08 16.25 13.17C16.47 13.26 16.7 13.39 16.95 13.56L20.26 15.91C20.52 16.09 20.7 16.3 20.81 16.55C20.91 16.8 20.97 17.05 20.97 17.33Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\" />\n <path d=\"M14 1C17 1 21 4 21 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M14 4C16 4 18 6 18 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- home -->\n <svg *ngIf=\"inputIcon === 'home'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.97409 6.39868L9.14434 1.56272C9.64904 1.22233 10.3094 1.22072 10.8158 1.55865L18.0692 6.39951C18.6251 6.77052 18.959 7.39471 18.959 8.06306V19H12.0095V13.0287C12.0095 11.9177 11.1089 11.0171 9.99786 11.0171C8.88685 11.0171 7.9862 11.9177 7.9862 13.0287V19H1.09241V8.0568C1.09241 7.3919 1.42285 6.77047 1.97409 6.39868Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- cog -->\n <svg *ngIf=\"inputIcon === 'cog'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M10.4014 0.7771C10.6692 0.7771 10.9258 0.884538 11.1138 1.07535L12.4463 2.4281C12.5731 2.55681 12.7323 2.64876 12.9072 2.6942L14.745 3.1718C15.0042 3.23917 15.2255 3.4077 15.3595 3.63965L16.7608 6.06688C16.8947 6.29883 16.93 6.5748 16.8587 6.83298L16.3535 8.66333C16.3054 8.83748 16.3054 9.02139 16.3535 9.19553L16.8587 11.0259C16.93 11.2841 16.8947 11.56 16.7608 11.792L15.3595 14.2192C15.2255 14.4512 15.0042 14.6197 14.745 14.6871L12.9072 15.1647C12.7323 15.2101 12.5731 15.3021 12.4463 15.4308L11.1138 16.7835C10.9258 16.9743 10.6692 17.0818 10.4014 17.0818H7.59865C7.33082 17.0818 7.07418 16.9743 6.88623 16.7835L5.55373 15.4308C5.42695 15.3021 5.26768 15.2101 5.09283 15.1647L3.25506 14.6871C2.99584 14.6197 2.77448 14.4512 2.64056 14.2192L1.2392 11.792C1.10529 11.56 1.07001 11.2841 1.14128 11.0259L1.64655 9.19553C1.69462 9.02139 1.69462 8.83748 1.64655 8.66333L1.14128 6.83298C1.07001 6.5748 1.10529 6.29883 1.2392 6.06688L2.64056 3.63965C2.77448 3.4077 2.99584 3.23917 3.25506 3.1718L5.09283 2.6942C5.26768 2.64876 5.42695 2.55681 5.55373 2.4281L6.88623 1.07535C7.07418 0.884538 7.33082 0.7771 7.59865 0.7771H10.4014Z\"\n stroke-width=\"1.5\" />\n <path\n d=\"M12.1179 8.92943C12.1179 10.6114 10.7544 11.9748 9.07247 11.9748C7.39054 11.9748 6.02706 10.6114 6.02706 8.92943C6.02706 7.2475 7.39054 5.88402 9.07247 5.88402C10.7544 5.88402 12.1179 7.2475 12.1179 8.92943Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- profile -->\n <svg *ngIf=\"inputIcon === 'profile'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M15 18.9294C15 16.168 12.7614 13.9294 10 13.9294C7.23858 13.9294 5 16.168 5 18.9294M10 10.9294C8.34315 10.9294 7 9.5863 7 7.92944C7 6.27259 8.34315 4.92944 10 4.92944C11.6569 4.92944 13 6.27259 13 7.92944C13 9.5863 11.6569 10.9294 10 10.9294ZM19 4.12939V15.7294C19 16.8495 19.0002 17.4097 18.7822 17.8375C18.5905 18.2138 18.2841 18.5197 17.9078 18.7114C17.48 18.9294 16.9203 18.9294 15.8002 18.9294H4.2002C3.08009 18.9294 2.51962 18.9294 2.0918 18.7114C1.71547 18.5197 1.40973 18.2138 1.21799 17.8375C1 17.4097 1 16.8495 1 15.7294V4.12939C1 3.00929 1 2.44931 1.21799 2.02148C1.40973 1.64516 1.71547 1.33918 2.0918 1.14743C2.51962 0.929443 3.08009 0.929443 4.2002 0.929443H15.8002C16.9203 0.929443 17.48 0.929443 17.9078 1.14743C18.2841 1.33918 18.5905 1.64516 18.7822 2.02148C19.0002 2.44931 19 3.00929 19 4.12939Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- scan -->\n <svg *ngIf=\"inputIcon === 'scan'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1 5V2C1 1.44772 1.44772 1 2 1H5M1 15V18C1 18.5523 1.44772 19 2 19H5M19 5V2C19 1.44772 18.5523 1 18 1H15M19 15V18C19 18.5523 18.5523 19 18 19H15M2 10H18\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-out -->\n <svg *ngIf=\"inputIcon === 'sign-out'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M7.80053 9.94781H17.7201M15.708 7.4576L18.9408 9.93332L15.708 12.4013M14.9327 4.89544V2.99078C14.9327 1.88621 14.0373 0.990784 12.9327 0.990784H3.05328C1.94871 0.990784 1.05328 1.88621 1.05328 2.99078V16.9978C1.05328 18.1024 1.94871 18.9978 3.05328 18.9978H12.9327C14.0373 18.9978 14.9327 18.1024 14.9327 16.9978V14.9943\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-in -->\n <svg *ngIf=\"inputIcon === 'sign-in'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.07129 10.0204H10.9908M8.97873 7.53022L12.2115 10.0059L8.97873 12.4739M4.03967 7.11697V3.06152C4.03967 1.95695 4.9351 1.06152 6.03967 1.06152H16.9409C18.0454 1.06152 18.9409 1.95695 18.9409 3.06152V17.0685C18.9409 18.1731 18.0454 19.0685 16.9409 19.0685H6.03967C4.9351 19.0685 4.03967 18.1731 4.03967 17.0685V13.1326\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- close -->\n <svg *ngIf=\"inputIcon === 'close'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\" fill=\"none\">\n <path d=\"M1.37749 12.6423L12.6705 1.3492M12.6705 12.6423L1.37749 1.3492\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- rating-star-blank -->\n <svg *ngIf=\"inputIcon === 'rating-star-blank'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 31\" fill=\"none\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- rating-star-filled -->\n <svg\n *ngIf=\"inputIcon === 'rating-star-filled'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 31\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- check-mark -->\n <svg *ngIf=\"inputIcon === 'check-mark'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M1 10L7 16L19 4\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- back-arrow -->\n <svg *ngIf=\"inputIcon === 'back-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6.5 5L1 10L6.5 15M1 10L19 10\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- lock -->\n <svg *ngIf=\"inputIcon === 'lock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 27\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 13C11.6595 13.0003 10.8472 13.303 10.2115 13.8529C9.57579 14.4027 9.1592 15.163 9.03785 15.9947C8.9165 16.8264 9.0985 17.674 9.55058 18.3825C10.0027 19.0911 10.6946 19.6133 11.5 19.8538V22C11.5 22.2652 11.6054 22.5196 11.7929 22.7071C11.9804 22.8946 12.2348 23 12.5 23C12.7652 23 13.0196 22.8946 13.2071 22.7071C13.3946 22.5196 13.5 22.2652 13.5 22V19.8538C14.3054 19.6133 14.9973 19.0911 15.4494 18.3825C15.9015 17.674 16.0835 16.8264 15.9622 15.9947C15.8408 15.163 15.4242 14.4027 14.7885 13.8529C14.1528 13.303 13.3405 13.0003 12.5 13ZM12.5 18C12.2033 18 11.9133 17.912 11.6666 17.7472C11.42 17.5824 11.2277 17.3481 11.1142 17.074C11.0006 16.7999 10.9709 16.4983 11.0288 16.2074C11.0867 15.9164 11.2296 15.6491 11.4393 15.4393C11.6491 15.2296 11.9164 15.0867 12.2074 15.0288C12.4983 14.9709 12.7999 15.0007 13.074 15.1142C13.3481 15.2277 13.5824 15.42 13.7472 15.6666C13.912 15.9133 14 16.2033 14 16.5C14 16.8978 13.842 17.2794 13.5607 17.5607C13.2794 17.842 12.8978 18 12.5 18ZM22.5 9H18.5V6C18.5 4.4087 17.8679 2.88258 16.7426 1.75736C15.6174 0.632141 14.0913 0 12.5 0C10.9087 0 9.38258 0.632141 8.25736 1.75736C7.13214 2.88258 6.5 4.4087 6.5 6V9H2.5C1.96957 9 1.46086 9.21071 1.08579 9.58579C0.710714 9.96086 0.5 10.4696 0.5 11V25C0.5 25.5304 0.710714 26.0391 1.08579 26.4142C1.46086 26.7893 1.96957 27 2.5 27H22.5C23.0304 27 23.5391 26.7893 23.9142 26.4142C24.2893 26.0391 24.5 25.5304 24.5 25V11C24.5 10.4696 24.2893 9.96086 23.9142 9.58579C23.5391 9.21071 23.0304 9 22.5 9ZM8.5 6C8.5 4.93913 8.92143 3.92172 9.67157 3.17157C10.4217 2.42143 11.4391 2 12.5 2C13.5609 2 14.5783 2.42143 15.3284 3.17157C16.0786 3.92172 16.5 4.93913 16.5 6V9H8.5V6ZM22.5 25H2.5V11H22.5V25Z\" />\n </svg>\n <!-- show-password -->\n <svg *ngIf=\"inputIcon === 'show-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n </svg>\n <!-- hide-password -->\n <svg *ngIf=\"inputIcon === 'hide-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n <line x1=\"1\" y1=\"4\" x2=\"19\" y2=\"16\" stroke-width=\"1\" stroke-linecap=\"round\" />\n </svg>\n <!-- circle-check -->\n <svg *ngIf=\"inputIcon === 'circle-check'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M5.5 11L9 14L14.5 7.5\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- circle-alert -->\n <svg *ngIf=\"inputIcon === 'circle-alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M10.0002 19.1666C15.0418 19.1666 19.1668 15.0416 19.1668 9.99998C19.1668 4.95831 15.0418 0.833313 10.0002 0.833313C4.9585 0.833313 0.833496 4.95831 0.833496 9.99998C0.833496 15.0416 4.9585 19.1666 10.0002 19.1666Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n <path d=\"M10 6.33331V10.9166\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M9.99512 13.6667H10.0034\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- direction-switch -->\n <svg *ngIf=\"inputIcon === 'direction-switch'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M15.3805 4.2C14.7138 3.13333 12.5005 1 8.98046 1C4.58046 1 0.980469 3.8 0.980469 8.99999M12.9805 5H16.1804V1.8M2.67738 13.8C3.34405 14.8667 5.55738 17 9.07738 17C13.4774 17 17.0774 14.2 17.0774 9M5.07738 13H1.87739V16.2\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- chat-bubbles -->\n <svg\n *ngIf=\"inputIcon === 'chat-bubbles'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 1 19 V 7 S 1 5 3 5 H 13 S 15 5 15 7 V 15 S 15 17 13 17 H 3.5 Z\" />\n <path d=\"M 4 9 H 12 M 4 13 H 12\" />\n <path d=\"M 3 5 V 3 S 3 1 5 1 H 17 S 19 1 19 3 V 15 L 16.5 13 15 13\" />\n </svg>\n <!-- phone-down -->\n <svg *ngIf=\"inputIcon === 'phone-down'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -8 29 29\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M22.6589 11.7706C23.4866 12.1253 24.4468 11.9404 25.0836 11.3036L27.2257 9.16151C28.0404 8.34676 28.0404 7.02577 27.2257 6.21102C20.3003 -0.714333 9.072 -0.714112 2.14665 6.21124C1.3319 7.02599 1.33198 8.34672 2.14673 9.16146L4.28896 11.3035C4.9257 11.9403 5.88596 12.1251 6.71364 11.7704L9.58644 10.5392C10.3299 10.2206 10.8388 9.52027 10.912 8.71471L11.0005 7.74261C11.1036 6.60831 12.0546 5.7398 13.1936 5.73979L16.1789 5.73968C17.3179 5.73968 18.2687 6.60846 18.3719 7.74277L18.4602 8.71468C18.5335 9.52024 19.0425 10.2207 19.786 10.5393L22.6589 11.7706Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- mic -->\n <svg\n *ngIf=\"inputIcon === 'mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n </svg>\n <!-- no-mic -->\n <svg\n *ngIf=\"inputIcon === 'no-mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n <line x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\" />\n </svg>\n <!-- Button Icons -->\n <!-- button-forward-arrow -->\n <svg *ngIf=\"inputIcon === 'button-forward-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" fill=\"none\">\n <path d=\"M5.5 12.5H19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M12.5 5.5L19.5 12.5L12.5 19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- button-check-box -->\n <svg *ngIf=\"inputIcon === 'button-check-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <rect x=\"1\" y=\"1\" rx=\"4\" ry=\"4\" width=\"18\" height=\"18\" stroke-width=\"1.5\" />\n <path d=\"M5 11L9 14L15 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Social Media Icons -->\n <!-- social-media-whatsapp -->\n <svg\n *ngIf=\"inputIcon === 'social-media-whatsapp'\"\n viewBox=\"-1 -1 27 27\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M18.2273 14.9814C17.9163 14.8265 16.3871 14.0777 16.102 13.9743C15.8169 13.871 15.6096 13.8195 15.4022 14.1293C15.1949 14.4391 14.5988 15.1364 14.4174 15.343C14.236 15.5495 14.0545 15.5755 13.7436 15.4204C13.4325 15.2655 12.4303 14.9387 11.2423 13.884C10.3178 13.0633 9.69351 12.0497 9.51211 11.7398C9.33066 11.4299 9.49273 11.2624 9.64844 11.108C9.78843 10.9693 9.95952 10.7465 10.115 10.5657C10.2706 10.385 10.3224 10.2558 10.426 10.0494C10.5297 9.84273 10.4779 9.66201 10.4 9.50709C10.3224 9.35217 9.70034 7.82853 9.44116 7.20866C9.18867 6.60517 8.93227 6.6869 8.74136 6.67733C8.56016 6.66839 8.35254 6.66649 8.14526 6.66649C7.93794 6.66649 7.60093 6.74395 7.31582 7.05374C7.03076 7.36363 6.22729 8.11257 6.22729 9.63606C6.22729 11.1597 7.34175 12.6315 7.49727 12.8381C7.65278 13.0448 9.69043 16.1712 12.8105 17.512C13.5525 17.831 14.1319 18.0214 14.5836 18.1641C15.3287 18.3997 16.0067 18.3665 16.5426 18.2867C17.1402 18.1979 18.3828 17.538 18.642 16.815C18.9011 16.0918 18.9011 15.4721 18.8234 15.343C18.7457 15.2138 18.5383 15.1364 18.2273 14.9814ZM12.5523 22.693H12.5481C10.6916 22.6923 8.8707 22.1959 7.28223 21.2578L6.90439 21.0346L2.98867 22.0569L4.03384 18.2573L3.78789 17.8677C2.7522 16.2284 2.20518 14.3336 2.20601 12.3881C2.2083 6.711 6.84956 2.09234 12.5564 2.09234C15.3198 2.09326 17.9175 3.16569 19.8709 5.11195C21.8243 7.05816 22.8994 9.64514 22.8983 12.3964C22.8959 18.0739 18.2547 22.693 12.5523 22.693ZM21.3576 3.63307C19.0074 1.2915 15.8821 0.00136065 12.5521 0C5.69111 0 0.10708 5.55698 0.104297 12.3873C0.103418 14.5707 0.676563 16.7018 1.76592 18.5806L0 25L6.59868 23.2773C8.41685 24.2643 10.4639 24.7845 12.5472 24.7852H12.5523C19.4126 24.7852 24.9972 19.2276 25 12.3972C25.0013 9.08708 23.7077 5.97465 21.3576 3.63307Z\" />\n </svg>\n <!-- social-media-facebook -->\n <svg\n *ngIf=\"inputIcon === 'social-media-facebook'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-1 -1 27 27\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M25 12.5764C25 5.63064 19.4036 0 12.5 0C5.59644 0 0 5.63064 0 12.5764C0 18.8536 4.57109 24.0565 10.5469 25V16.2118H7.37305V12.5764H10.5469V9.80566C10.5469 6.6537 12.413 4.91265 15.2683 4.91265C16.6359 4.91265 18.0664 5.15829 18.0664 5.15829V8.25326H16.4902C14.9374 8.25326 14.4531 9.22267 14.4531 10.2172V12.5764H17.9199L17.3657 16.2118H14.4531V25C20.429 24.0565 25 18.8536 25 12.5764Z\" />\n </svg>\n <!-- social-media-linkedin -->\n <svg\n *ngIf=\"inputIcon === 'social-media-linkedin'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M23.3696 0H1.63043C0.733696 0 0 0.733696 0 1.63043V23.3696C0 24.2663 0.733696 25 1.63043 25H23.3696C24.2663 25 25 24.2663 25 23.3696V1.63043C25 0.733696 24.2663 0 23.3696 0ZM3.39674 4.75543C3.83152 4.32065 4.42935 4.07609 5.02717 4.07609C5.625 4.07609 6.22283 4.32065 6.65761 4.75543C7.09239 5.19022 7.33696 5.76087 7.33696 6.38587C7.33696 7.01087 7.09239 7.6087 6.63043 8.04348C6.19565 8.45109 5.625 8.69565 5.05435 8.69565C5.02717 8.69565 5.02717 8.69565 5 8.69565C4.42935 8.72283 3.83152 8.47826 3.39674 8.04348C2.96196 7.6087 2.71739 7.01087 2.71739 6.38587C2.71739 5.76087 2.96196 5.19022 3.39674 4.75543ZM7.33696 21.4946C7.33696 21.9293 6.95652 22.2826 6.52174 22.2826H3.53261C3.09783 22.2826 2.71739 21.9022 2.71739 21.4674V11.6848C2.71739 11.2228 3.07065 10.8696 3.50543 10.8696H6.52174C6.95652 10.8696 7.33696 11.25 7.33696 11.6848V21.4946ZM22.2826 21.7391C22.2826 22.0109 22.0109 22.2826 21.7391 22.2826H18.2065C17.9348 22.2826 17.663 22.0109 17.663 21.7391V15.6522C17.663 15.163 17.5543 14.7826 17.2826 14.538C16.9837 14.2391 16.5761 14.0489 16.1413 14.0761C15.2446 14.0761 14.1033 14.837 14.1033 15.6793V21.8207C14.1033 22.1196 13.8043 22.3098 13.5598 22.3098H10.0272C9.78261 22.3098 9.4837 22.1196 9.4837 21.8207V11.3859C9.4837 11.087 9.78261 10.8696 10.0272 10.8696H13.288C13.5598 10.8696 13.8315 11.1413 13.8315 11.413V11.8207C14.5652 11.0598 16.0326 10.5978 17.0924 10.5978H17.663C19.8098 10.5978 22.2826 12.2826 22.2826 14.4565V21.7391Z\" />\n </svg>\n <!-- social-media-instagram -->\n <svg\n *ngIf=\"inputIcon === 'social-media-instagram'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 0C9.1052 0 8.67952 0.0143895 7.34627 0.0752221C6.01579 0.135956 5.10712 0.347233 4.31198 0.656259C3.48999 0.975705 2.7929 1.40312 2.09798 2.09803C1.40307 2.79294 0.975655 3.49004 0.656209 4.31203C0.347183 5.10712 0.135906 6.01579 0.0751725 7.34627C0.0143398 8.67952 0 9.1052 0 12.5C0 15.8948 0.0143398 16.3205 0.0751725 17.6537C0.135906 18.9842 0.347183 19.8929 0.656209 20.688C0.975655 21.51 1.40307 22.2071 2.09798 22.902C2.7929 23.5969 3.48999 24.0243 4.31198 24.3438C5.10712 24.6528 6.01579 24.8641 7.34627 24.9248C8.67952 24.9856 9.1052 25 12.5 25C15.8948 25 16.3205 24.9856 17.6537 24.9248C18.9842 24.8641 19.8929 24.6528 20.688 24.3438C21.51 24.0243 22.2071 23.5969 22.902 22.902C23.5969 22.2071 24.0243 21.51 24.3438 20.688C24.6528 19.8929 24.8641 18.9842 24.9248 17.6537C24.9856 16.3205 25 15.8948 25 12.5C25 9.1052 24.9856 8.67952 24.9248 7.34627C24.8641 6.01579 24.6528 5.10712 24.3438 4.31203C24.0243 3.49004 23.5969 2.79294 22.902 2.09803C22.2071 1.40312 21.51 0.975705 20.688 0.656259C19.8929 0.347233 18.9842 0.135956 17.6537 0.0752221C16.3205 0.0143895 15.8948 0 12.5 0ZM12.5 2.2523C15.8376 2.2523 16.233 2.265 17.5511 2.32514C18.7698 2.38076 19.4317 2.5844 19.8721 2.75553C20.4556 2.98229 20.872 3.25321 21.3094 3.6906C21.7468 4.12799 22.0177 4.54444 22.2445 5.12786C22.4157 5.56832 22.6193 6.23019 22.6749 7.44893C22.735 8.767 22.7478 9.16236 22.7478 12.5C22.7478 15.8376 22.735 16.233 22.6749 17.5511C22.6193 18.7698 22.4157 19.4317 22.2445 19.8721C22.0177 20.4556 21.7468 20.872 21.3094 21.3094C20.872 21.7468 20.4556 22.0177 19.8721 22.2445C19.4317 22.4157 18.7698 22.6193 17.5511 22.6749C16.2332 22.735 15.8379 22.7478 12.5 22.7478C9.16212 22.7478 8.76685 22.735 7.44893 22.6749C6.23019 22.6193 5.56832 22.4157 5.12786 22.2445C4.54439 22.0177 4.12799 21.7468 3.69055 21.3094C3.25316 20.872 2.98224 20.4556 2.75553 19.8721C2.58435 19.4317 2.38071 18.7698 2.32509 17.5511C2.26495 16.233 2.25225 15.8376 2.25225 12.5C2.25225 9.16236 2.26495 8.767 2.32509 7.44893C2.38071 6.23019 2.58435 5.56832 2.75553 5.12786C2.98224 4.54444 3.25316 4.12799 3.69055 3.6906C4.12799 3.25321 4.54439 2.98229 5.12786 2.75553C5.56832 2.5844 6.23019 2.38076 7.44893 2.32514C8.767 2.265 9.16236 2.2523 12.5 2.2523Z\" />\n <path\n d=\"M12.5 16.6666C10.1988 16.6666 8.3333 14.8012 8.3333 12.5C8.3333 10.1988 10.1988 8.3333 12.5 8.3333C14.8012 8.3333 16.6666 10.1988 16.6666 12.5C16.6666 14.8012 14.8012 16.6666 12.5 16.6666ZM12.5 6.08105C8.95488 6.08105 6.08105 8.95488 6.08105 12.5C6.08105 16.0451 8.95488 18.9189 12.5 18.9189C16.0451 18.9189 18.9189 16.0451 18.9189 12.5C18.9189 8.95488 16.0451 6.08105 12.5 6.08105Z\" />\n <path\n d=\"M20.6726 5.82761C20.6726 6.65605 20.001 7.32759 19.1726 7.32759C18.3442 7.32759 17.6726 6.65605 17.6726 5.82761C17.6726 4.99918 18.3442 4.32764 19.1726 4.32764C20.001 4.32764 20.6726 4.99918 20.6726 5.82761Z\" />\n </svg>\n <!-- social-media-google-mail -->\n <svg\n *ngIf=\"inputIcon === 'social-media-google-mail'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 22 17\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g clip-path=\"url(#clip0_1282_2376)\">\n <path\n d=\"M0.000141144 15.7966C0.11293 16.0839 0.234306 16.3624 0.46389 16.5802C0.745003 16.8469 1.06848 16.9971 1.45093 16.9982C2.54561 17.0012 3.64028 17.0006 4.73553 17.0006C5.01607 17.0006 5.02466 16.9923 5.02466 16.7033C5.02523 14.0175 5.02523 11.3318 5.02523 8.646C5.02523 8.55181 5.02523 8.45761 5.02523 8.36106C5.13745 8.35282 5.18726 8.42523 5.24623 8.47115C7.09034 9.89116 8.93446 11.3106 10.7728 12.7388C10.9412 12.8695 11.0511 12.863 11.216 12.7353C13.0549 11.3082 14.8991 9.88821 16.7426 8.46762C16.7981 8.42464 16.8577 8.33692 16.9195 8.36342C17.0054 8.39933 16.9607 8.50706 16.9607 8.58242C16.963 11.2682 16.9625 13.9539 16.9625 16.6397C16.9625 16.9976 16.963 16.9982 17.3003 16.9982C18.352 16.9982 19.4043 17.0006 20.456 16.9971C21.3549 16.9941 21.991 16.3336 21.9916 15.4046C21.9927 12.4762 21.9916 9.54734 21.9921 6.61903C21.9933 5.22022 21.9893 3.822 22.0001 2.42378C22.0076 1.45297 21.6017 0.724131 20.7772 0.283176C19.9333 -0.168375 19.0997 -0.0718245 18.3348 0.515134C16.7581 1.72555 15.1859 2.94244 13.612 4.15639C12.8048 4.77867 11.9946 5.39742 11.1937 6.02795C11.0391 6.14922 10.9377 6.14275 10.786 6.025C8.90641 4.56732 7.02221 3.11671 5.13859 1.66491C4.62904 1.27223 4.11777 0.882497 3.6065 0.492173C2.31259 -0.495706 0.49538 0.14777 0.0631199 1.74616C0.0459442 1.80974 0.0213261 1.87038 -0.000429153 1.93278C0.000143051 6.55368 0.000141144 11.1752 0.000141144 15.7966Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1282_2376\">\n <rect width=\"22\" height=\"17\" transform=\"matrix(-1 0 0 1 22 0)\" />\n </clipPath>\n </defs>\n </svg>\n <!-- Instant Video Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,3.08c-7.13-.08-13,5.67-13.05,12.82-.05,7.01,5.53,12.88,12.7,13.01,7.13.14,13.01-5.56,13.12-12.75.12-7.11-5.61-13-12.77-13.08Zm-.15,21.93c-4.88.04-8.97-4.01-9-8.92-.04-5.01,3.96-9.07,8.97-9.11,4.94-.03,9.03,3.99,9.06,8.9.03,5.07-3.95,9.09-9.03,9.13Z\" />\n <g>\n <g>\n <path\n d=\"m45.29,62.33c.4.41.4,1.06,0,1.46l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0Z\" />\n <path\n d=\"m35.43,59.61c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21Z\" />\n <path\n d=\"m66.36,45.57c-.2-1.35-.47-2.69-.94-3.98-.9-2.46-2.37-4.55-4.19-6.41-1.51-1.53-3.2-2.84-5.02-3.98-1.43-.88-2.9-1.67-4.45-2.31-.75-.3-1.63-.13-2.14.47-.72.83-1.61,1.43-2.58,1.92-2.68,1.36-5.52,1.86-8.51,1.57-2.05-.19-4-.77-5.81-1.77-.76-.42-1.49-.9-2.06-1.56-.63-.73-1.43-.96-2.33-.61-.73.28-1.46.57-2.17.91-2.97,1.42-5.61,3.3-7.8,5.77-1.77,1.99-3.1,4.23-3.89,6.77-.69,2.24-.95,4.56-1.1,6.89-.12,1.96-.12,3.92-.04,5.88.04,1.16.87,1.97,2.02,1.97h10.78c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.62,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h10.75c1.07,0,1.9-.75,1.97-1.81.07-1.1.12-2.2.13-3.31.03-2.14-.07-4.28-.37-6.41Zm-26.35,27.85c-6.22,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.77-1.53,1.88-2.87,3.24-3.9,1.89-1.45,4.26-2.31,6.83-2.31s4.93.86,6.82,2.31c1.36,1.03,2.47,2.37,3.24,3.9.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm22.82-20.43c0,.16-.06.21-.22.21-1.53-.01-3.05,0-4.57,0h-6.31c-2.69-3.53-6.94-5.81-11.72-5.81s-9.04,2.28-11.73,5.81h-11.12c.02-1.02.03-2,.07-2.98.06-1.44.21-2.87.42-4.3.45-3.04,1.72-5.67,3.8-7.93,1.98-2.15,4.36-3.75,7.02-4.94.08-.04.15-.07.25.01,1.89,1.55,4.06,2.54,6.41,3.14,4.48,1.14,8.85.77,13.06-1.14,1.12-.51,2.17-1.13,3.12-1.92.11-.09.2-.09.33-.03,2.15,1.08,4.16,2.37,5.95,3.99,1.58,1.42,2.91,3.03,3.81,4.97.5,1.08.79,2.22.99,3.39.38,2.25.47,4.53.44,6.81,0,.24-.01.48,0,.72Z\" />\n </g>\n <path\n d=\"m45.29,63.79l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0,.4.41.4,1.06,0,1.46Z\" />\n <path\n d=\"m45.29,59.61l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45Z\" />\n </g>\n </svg>\n <!-- Instant Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <g>\n <path\n d=\"m43.17,57.56c.39.4.39,1.02,0,1.41l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0Z\" />\n <path\n d=\"m33.66,54.94c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06Z\" />\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.67.63,1.34,1.23,2.04,1.82-5.36,2.04-9.17,7.23-9.17,13.31,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.78-4.67.55-.04,1.1-.07,1.64-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.91,28.85c-6,0-10.87-4.87-10.87-10.86,0-5.38,3.93-9.86,9.07-10.72.59-.11,1.19-.15,1.8-.15,4.17,0,7.78,2.35,9.61,5.81.8,1.51,1.25,3.23,1.25,5.06,0,5.99-4.87,10.86-10.86,10.86Zm20.01-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.84.11-1.68.11-2.5.02-2.55-3.87-6.93-6.42-11.89-6.42-.41,0-.83.02-1.24.06-.68-.52-1.33-1.07-1.99-1.63-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n </g>\n <path\n d=\"m43.17,58.97l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0,.39.4.39,1.02,0,1.41Z\" />\n <path\n d=\"m43.17,54.94l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4Z\" />\n </g>\n </svg>\n <!-- Scheduled Video Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,2.31c-7.34-.09-13.37,5.83-13.43,13.19-.05,7.2,5.69,13.24,13.07,13.38,7.33.14,13.38-5.73,13.49-13.12.12-7.32-5.77-13.38-13.13-13.45Zm-.16,22.55c-5.02.04-9.22-4.12-9.26-9.17-.04-5.15,4.08-9.34,9.23-9.37,5.08-.03,9.29,4.1,9.32,9.15.03,5.21-4.06,9.35-9.29,9.39Z\" />\n <g>\n <path\n d=\"m67.1,46.01c-.2-1.39-.48-2.77-.97-4.1-.92-2.52-2.43-4.67-4.3-6.58-1.55-1.58-3.3-2.92-5.17-4.1-1.46-.91-2.98-1.72-4.58-2.37-.77-.32-1.67-.14-2.19.47-.75.86-1.66,1.48-2.66,1.98-2.76,1.4-5.68,1.91-8.75,1.62-2.12-.2-4.12-.79-5.98-1.82-.78-.44-1.53-.93-2.12-1.61-.65-.75-1.47-.99-2.39-.63-.75.29-1.51.59-2.24.94-3.05,1.47-5.76,3.4-8.02,5.94-1.82,2.04-3.19,4.34-4,6.96-.71,2.31-.98,4.69-1.13,7.08-.12,2.02-.13,4.04-.05,6.06.05,1.18.9,2.02,2.08,2.02h11.53c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.63,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h11.41c1.1,0,1.96-.77,2.03-1.86.08-1.14.12-2.27.14-3.4.03-2.21-.07-4.41-.39-6.6Zm-27.06,28.18c-6.21,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.8-1.59,1.97-2.97,3.4-4.01,1.87-1.39,4.17-2.2,6.67-2.2s4.81.82,6.68,2.2c1.42,1.05,2.58,2.42,3.38,4.01.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm23.43-20.55c0,.17-.06.22-.23.22-1.56-.01-3.13,0-4.7,0h-6.86c-2.7-3.47-6.91-5.7-11.64-5.7s-8.94,2.23-11.64,5.7h-11.91c.03-1.05.03-2.06.08-3.07.06-1.48.21-2.95.43-4.42.46-3.13,1.77-5.83,3.91-8.15,2.04-2.22,4.48-3.86,7.22-5.09.09-.04.15-.07.25.01,1.95,1.6,4.18,2.62,6.61,3.23,4.6,1.17,9.09.79,13.43-1.17,1.15-.52,2.22-1.17,3.2-1.97.12-.1.2-.1.34-.03,2.22,1.1,4.28,2.44,6.12,4.1,1.63,1.46,3,3.11,3.92,5.11.52,1.11.82,2.29,1.02,3.49.39,2.32.48,4.65.46,7-.01.25-.02.49-.01.74Z\" />\n <path\n d=\"m45.97,63.99c0,.56-.44,1-1,1h-5.99c-.55,0-1-.44-1-1,0-.03,0-.07.01-.1-.01-.03-.01-.07-.01-.11v-7.27c0-.56.45-1,1-1s1,.44,1,1v6.48h4.99c.56,0,1,.45,1,1Z\" />\n </g>\n </svg>\n <!-- Scheduled Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.68.63,1.36,1.24,2.05,1.83-5.34,2.05-9.15,7.23-9.15,13.3,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.79-4.67.54-.04,1.08-.07,1.61-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.88,28.85c-5.99,0-10.87-4.87-10.87-10.86,0-5.37,3.92-9.84,9.04-10.72.59-.11,1.21-.15,1.83-.15,4.17,0,7.79,2.36,9.62,5.82.79,1.51,1.24,3.23,1.24,5.05,0,5.99-4.87,10.86-10.86,10.86Zm19.98-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.83.11-1.64.11-2.45.02-2.56-3.87-6.93-6.42-11.9-6.42-.43,0-.86.02-1.28.07-.68-.53-1.33-1.08-1.99-1.64-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n <path\n d=\"m43.84,58.42c0,.54-.42.96-.96.96h-5.78c-.53,0-.96-.42-.96-.96,0-.03,0-.07,0-.1,0-.03,0-.07,0-.11v-7.01c0-.54.43-.96.96-.96s.96.42.96.96v6.25h4.81c.54,0,.96.43.96.96Z\" />\n </g>\n </svg>\n <!-- Vital Scan Service -->\n <svg\n *ngIf=\"inputIcon === 'vital-scan-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m69.5,31c-1.38,0-2.5-1.12-2.5-2.5v-13.5s-13.5,0-13.5,0h0c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h16s0,0,0,0h0c1.38,0,2.5,1.12,2.5,2.5,0,.03,0,.06,0,.09v15.91c0,1.38-1.12,2.5-2.5,2.5h0Z\" />\n <path\n d=\"m69.5,70h-16c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h13.5s0-13.5,0-13.5c0-1.38,1.12-2.5,2.5-2.5h0c1.38,0,2.5,1.12,2.5,2.5v15.88s0,.08,0,.12c0,1.38-1.12,2.5-2.5,2.5Z\" />\n <path\n d=\"m10.5,49c1.38,0,2.5,1.12,2.5,2.5v13.5s13.5,0,13.5,0h0c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-16s0,0,0,0h0c-1.38,0-2.5-1.12-2.5-2.5,0-.03,0-.06,0-.09v-15.91c0-1.38,1.12-2.5,2.5-2.5h0Z\" />\n <path\n d=\"m10.5,10h16c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-13.5s0,13.5,0,13.5c0,1.38-1.12,2.5-2.5,2.5h0c-1.38,0-2.5-1.12-2.5-2.5v-15.88s0-.08,0-.12c0-1.38,1.12-2.5,2.5-2.5Z\" />\n </g>\n <path\n d=\"m66.91,41.79c0,.99-.83,1.79-1.85,1.79h0s-7.04,0-7.04,0c-1.08,0-2.17-.03-3.25,0-1.07.04-1.76-.42-2.2-1.38-.38-.83-.82-1.63-1.37-2.72-.87,2.89-1.65,5.48-2.43,8.06-.53,1.75-1.06,3.5-1.57,5.25-.27.92-.83,1.54-1.82,1.52-1.05-.02-1.57-.68-1.79-1.68-1.18-5.51-2.37-11.02-3.55-16.53-.04-.17-.09-.33-.22-.84-.22.66-.35,1.02-.46,1.38-.97,3.53-1.94,7.05-2.89,10.58-.26.97-.74,1.67-1.79,1.7-1.12.03-1.62-.7-1.9-1.71-.61-2.23-1.27-4.45-1.92-6.67-.07-.24-.17-.47-.32-.91-.52,1.03-.87,1.93-1.41,2.7-.35.5-.97,1.14-1.49,1.16-4.15.09-8.31.05-12.52.05-.06,0-.13,0-.19,0-1.02,0-1.85-.8-1.85-1.79s.83-1.79,1.85-1.79h0s1.17,0,1.17,0c3.1,0,6.2-.02,9.31.02.7,0,1.07-.22,1.36-.85.79-1.69,1.66-3.34,2.48-5.02.41-.85.98-1.43,1.99-1.31.94.11,1.38.75,1.62,1.63.51,1.87,1.07,3.73,1.7,5.92.22-.72.37-1.14.49-1.58,1.05-3.81,2.1-7.63,3.12-11.45.27-1.02.77-1.74,1.89-1.7,1.11.04,1.57.79,1.79,1.82,1.16,5.48,2.35,10.95,3.53,16.42.08.36.17.71.32,1.34,1.07-3.54,2.05-6.82,3.04-10.1.11-.36.2-.77.34-1.05.3-.59,1.01-1.14,1.56-1.18.55-.04,1.39.44,1.69.94,1,1.7,1.85,3.5,2.68,5.29.32.69.72.89,1.45.88,2.83-.05,5.67-.02,8.58-.02h0s0,0,0,0c1.02,0,1.85.8,1.85,1.79Z\" />\n </svg>\n <!-- open-back-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-back-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M14 3 L6 10 L14 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-forward-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-forward-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6 3 L14 10 L6 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-up-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-up-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 14 L10 6 L17 14\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-down-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-down-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 6 L10 14 L17 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Single Document -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'single-document'\" viewBox=\"0 0 18 22\" fill=\"none\">\n <path\n d=\"M11 1H2.5C1.67157 1 1 1.67157 1 2.5V19.5C1 20.3284 1.67157 21 2.5 21H15.5C16.3284 21 17 20.3284 17 19.5V7M11 1L17 7M11 1V5.5C11 6.32843 11.6716 7 12.5 7H17M4 14H12M4 17H9\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Lightning -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'lightning'\" viewBox=\"0 0 14 22\" fill=\"none\">\n <path\n d=\"M1.23099 11.6824L8.99999 1V10H12.6072C12.7707 10 12.8651 10.1854 12.769 10.3176L4.99999 21V12H1.39274C1.22928 12 1.13485 11.8146 1.23099 11.6824Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Microsoft 365 -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'microsoft-365'\" fill=\"none\" viewBox=\"4 2 40 44\" style=\"stroke: none\">\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint0_radial_2994_8373)\" />\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint1_linear_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint2_radial_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint3_linear_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint4_radial_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint5_linear_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint6_radial_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint7_linear_2994_8373)\" />\n <defs>\n <radialGradient\n id=\"paint0_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(17.4186 10.6383) rotate(110.528) scale(33.3657 58.1966)\">\n <stop offset=\"0.06441\" stop-color=\"#AE7FE2\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" />\n </radialGradient>\n <linearGradient id=\"paint1_linear_2994_8373\" x1=\"17.5119\" y1=\"37.8685\" x2=\"12.7513\" y2=\"29.6347\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#114A8B\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint2_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(10.4299 36.3511) rotate(-8.36717) scale(31.0503 20.5108)\">\n <stop offset=\"0.133928\" stop-color=\"#D59DFF\" />\n <stop offset=\"1\" stop-color=\"#5E438F\" />\n </radialGradient>\n <linearGradient id=\"paint3_linear_2994_8373\" x1=\"40.3566\" y1=\"25.3768\" x2=\"35.2552\" y2=\"32.6916\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#493474\" />\n <stop offset=\"1\" stop-color=\"#8C66BA\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint4_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint5_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint6_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint7_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n </defs>\n </svg>\n <!-- user-dependent -->\n <svg *ngIf=\"icon === 'user-dependent'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23 23\" fill=\"none\">\n <path\n d=\"M15.65 20.2C15.65 17.87 13.33 15.97 10.46 15.97C7.59 15.97 5.27 17.86 5.27 20.2M14.2 3.73999C13.06 3.25999 11.81 3 10.5 3C5.25 3 1 7.25 1 12.5C1 17.75 5.25 22 10.5 22C15.75 22 20 17.75 20 12.5C20 11.19 19.73 9.92998 19.25 8.78998M14.2 3.73999C14.07 4.13999 14 4.56 14 5C14 5.75 14.21 6.46 14.58 7.06C14.78 7.4 15.04 7.70997 15.34 7.96997C16.04 8.60997 16.97 9 18 9C18.44 9 18.86 8.92998 19.25 8.78998M14.2 3.73999C14.39 3.15999 14.71 2.64002 15.13 2.21002C15.86 1.46002 16.88 1 18 1C19.18 1 20.25 1.51002 20.97 2.33002C21.61 3.04002 22 3.98 22 5C22 5.32 21.96 5.62999 21.88 5.92999C21.79 6.32999 21.63 6.72 21.42 7.06C20.94 7.87 20.17 8.49998 19.25 8.78998M19.49 4.97998H16.51M18 3.52002V6.51001M13.27 10.92C13.27 12.4719 12.0119 13.73 10.46 13.73C8.90808 13.73 7.65 12.4719 7.65 10.92C7.65 9.36806 8.90808 8.10999 10.46 8.10999C12.0119 8.10999 13.27 9.36806 13.27 10.92Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- plus -->\n <svg *ngIf=\"icon === 'plus'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 14\" fill=\"none\">\n <path d=\"M1.52881 6.99686H13.5069M7.51786 12.9859V1.00781\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- close-box -->\n <svg *ngIf=\"icon === 'close-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M6.06584 13.9342L10 10M10 10L13.9342 6.06581M10 10L13.9342 13.9342M10 10L6.06584 6.06581M5 19H15C17.2091 19 19 17.2091 19 15V5C19 2.79086 17.2091 1 15 1H5C2.79086 1 1 2.79086 1 5V15C1 17.2091 2.79086 19 5 19Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n</div>\n", styles: [".app-icon-container{display:flex;align-items:center;justify-content:center;aspect-ratio:1}svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));height:100%;--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.primary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.secondary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary))}.success svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success))}.warning svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning))}.error svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error))}.white svg{stroke:var(--cf-svg-overwrite-stroke-color, #ffffff);--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, #ffffff)}.accent svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent))}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
216
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: IconComponent, selector: "cf-icon", inputs: { icon: "icon", height: "height", iconColor: "iconColor" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"app-icon-container\" [ngStyle]=\"{ height: (this.height || 20) + 'px' }\" [ngClass]=\"iconColor\">\n <!-- person -->\n <svg *ngIf=\"inputIcon === 'person'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"5\" r=\"4\" stroke-width=\"1.5\" />\n <path d=\"M2 19C3 10 17 10 18 19\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n </svg>\n <!-- appointment -->\n <svg\n *ngIf=\"inputIcon === 'appointment'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n style=\"stroke-width: 1.5; stroke-linecap: round\">\n <rect width=\"16\" height=\"16\" x=\"2\" y=\"3\" rx=\"2\" ry=\"2\" />\n <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"3\" />\n <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"3\" />\n <line x1=\"2\" y1=\"7\" x2=\"18\" y2=\"7\" />\n <line x1=\"6\" y1=\"11\" x2=\"14\" y2=\"11\" />\n </svg>\n <!-- clock -->\n <svg *ngIf=\"inputIcon === 'clock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M10 6L10 10L13 13\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- calendar -->\n <svg *ngIf=\"inputIcon === 'calendar'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 20\" fill=\"none\">\n <path\n d=\"M1 6.50508H21M4.01099 2.50004V2C4.01099 1.72386 4.23484 1.5 4.51099 1.5H17.4878C17.7639 1.5 17.9878 1.72386 17.9878 2V2.50004M4.98834 9.00006H5.03295M4.96603 12.1079H5.01064M4.94379 15.2158H4.9884M9.03296 9.00006H9.07757M9.01065 12.1079H9.05526M8.98834 15.2158H9.03295M13.0776 9.00006H13.1222M13.0553 12.1079H13.0999M13.033 15.2158H13.0776M17.1222 9.00006H17.1668M17.0999 12.1079H17.1445M17.0776 15.2158H17.1222M3 18.5H19C20.1046 18.5 21 17.6046 21 16.5V4.5C21 3.39543 20.1046 2.5 19 2.5H3C1.89543 2.5 1 3.39543 1 4.5V16.5C1 17.6046 1.89543 18.5 3 18.5Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- email -->\n <svg *ngIf=\"inputIcon === 'email'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 16\" fill=\"none\">\n <path\n d=\"M2 2L10.2286 8L17.9999 2M19 4.19995V11.8C19 12.9201 19.0002 13.4802 18.7822 13.908C18.5905 14.2844 18.2841 14.5902 17.9078 14.782C17.48 15 16.9203 15 15.8002 15H4.2002C3.08009 15 2.51962 15 2.0918 14.782C1.71547 14.5902 1.40973 14.2844 1.21799 13.908C1 13.4802 1 12.9201 1 11.8V4.19995C1 3.07985 1 2.51986 1.21799 2.09204C1.40973 1.71572 1.71547 1.40973 2.0918 1.21799C2.51962 1 3.08009 1 4.2002 1H15.8002C16.9203 1 17.48 1 17.9078 1.21799C18.2841 1.40973 18.5905 1.71572 18.7822 2.09204C19.0002 2.51986 19 3.07985 19 4.19995Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- phone -->\n <svg *ngIf=\"inputIcon === 'phone'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\n <path\n d=\"M20.97 17.33C20.97 17.69 20.89 18.06 20.72 18.42C20.55 18.78 20.33 19.12 20.04 19.44C19.55 19.98 19.01 20.37 18.4 20.62C17.8 20.87 17.15 21 16.45 21C15.43 21 14.34 20.76 13.19 20.27C12.04 19.78 10.89 19.12 9.75 18.29C8.6 17.45 7.51 16.52 6.47 15.49C5.44 14.45 4.51 13.36 3.68 12.22C2.86 11.08 2.2 9.94 1.72 8.81C1.24 7.67 1 6.58 1 5.54C1 4.86 1.12 4.21 1.36 3.61C1.6 3 1.98 2.44 2.51 1.94C3.15 1.31 3.85 1 4.59 1C4.87 1 5.15 1.06 5.4 1.18C5.66 1.3 5.89 1.48 6.07 1.74L8.39 5.01C8.57 5.26 8.7 5.49 8.79 5.71C8.88 5.92 8.93 6.13 8.93 6.32C8.93 6.56 8.86 6.8 8.72 7.03C8.59 7.26 8.4 7.5 8.16 7.74L7.4 8.53C7.29 8.64 7.24 8.77 7.24 8.93C7.24 9.01 7.25 9.08 7.27 9.16C7.3 9.24 7.33 9.3 7.35 9.36C7.53 9.69 7.84 10.12 8.28 10.64C8.73 11.16 9.21 11.69 9.73 12.22C10.27 12.75 10.79 13.24 11.32 13.69C11.84 14.13 12.27 14.43 12.61 14.61C12.66 14.63 12.72 14.66 12.79 14.69C12.87 14.72 12.95 14.73 13.04 14.73C13.21 14.73 13.34 14.67 13.45 14.56L14.21 13.81C14.46 13.56 14.7 13.37 14.93 13.25C15.16 13.11 15.39 13.04 15.64 13.04C15.83 13.04 16.03 13.08 16.25 13.17C16.47 13.26 16.7 13.39 16.95 13.56L20.26 15.91C20.52 16.09 20.7 16.3 20.81 16.55C20.91 16.8 20.97 17.05 20.97 17.33Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\" />\n <path d=\"M14 1C17 1 21 4 21 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M14 4C16 4 18 6 18 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- home -->\n <svg *ngIf=\"inputIcon === 'home'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.97409 6.39868L9.14434 1.56272C9.64904 1.22233 10.3094 1.22072 10.8158 1.55865L18.0692 6.39951C18.6251 6.77052 18.959 7.39471 18.959 8.06306V19H12.0095V13.0287C12.0095 11.9177 11.1089 11.0171 9.99786 11.0171C8.88685 11.0171 7.9862 11.9177 7.9862 13.0287V19H1.09241V8.0568C1.09241 7.3919 1.42285 6.77047 1.97409 6.39868Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- cog -->\n <svg *ngIf=\"inputIcon === 'cog'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M10.4014 0.7771C10.6692 0.7771 10.9258 0.884538 11.1138 1.07535L12.4463 2.4281C12.5731 2.55681 12.7323 2.64876 12.9072 2.6942L14.745 3.1718C15.0042 3.23917 15.2255 3.4077 15.3595 3.63965L16.7608 6.06688C16.8947 6.29883 16.93 6.5748 16.8587 6.83298L16.3535 8.66333C16.3054 8.83748 16.3054 9.02139 16.3535 9.19553L16.8587 11.0259C16.93 11.2841 16.8947 11.56 16.7608 11.792L15.3595 14.2192C15.2255 14.4512 15.0042 14.6197 14.745 14.6871L12.9072 15.1647C12.7323 15.2101 12.5731 15.3021 12.4463 15.4308L11.1138 16.7835C10.9258 16.9743 10.6692 17.0818 10.4014 17.0818H7.59865C7.33082 17.0818 7.07418 16.9743 6.88623 16.7835L5.55373 15.4308C5.42695 15.3021 5.26768 15.2101 5.09283 15.1647L3.25506 14.6871C2.99584 14.6197 2.77448 14.4512 2.64056 14.2192L1.2392 11.792C1.10529 11.56 1.07001 11.2841 1.14128 11.0259L1.64655 9.19553C1.69462 9.02139 1.69462 8.83748 1.64655 8.66333L1.14128 6.83298C1.07001 6.5748 1.10529 6.29883 1.2392 6.06688L2.64056 3.63965C2.77448 3.4077 2.99584 3.23917 3.25506 3.1718L5.09283 2.6942C5.26768 2.64876 5.42695 2.55681 5.55373 2.4281L6.88623 1.07535C7.07418 0.884538 7.33082 0.7771 7.59865 0.7771H10.4014Z\"\n stroke-width=\"1.5\" />\n <path\n d=\"M12.1179 8.92943C12.1179 10.6114 10.7544 11.9748 9.07247 11.9748C7.39054 11.9748 6.02706 10.6114 6.02706 8.92943C6.02706 7.2475 7.39054 5.88402 9.07247 5.88402C10.7544 5.88402 12.1179 7.2475 12.1179 8.92943Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- profile -->\n <svg *ngIf=\"inputIcon === 'profile'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M15 18.9294C15 16.168 12.7614 13.9294 10 13.9294C7.23858 13.9294 5 16.168 5 18.9294M10 10.9294C8.34315 10.9294 7 9.5863 7 7.92944C7 6.27259 8.34315 4.92944 10 4.92944C11.6569 4.92944 13 6.27259 13 7.92944C13 9.5863 11.6569 10.9294 10 10.9294ZM19 4.12939V15.7294C19 16.8495 19.0002 17.4097 18.7822 17.8375C18.5905 18.2138 18.2841 18.5197 17.9078 18.7114C17.48 18.9294 16.9203 18.9294 15.8002 18.9294H4.2002C3.08009 18.9294 2.51962 18.9294 2.0918 18.7114C1.71547 18.5197 1.40973 18.2138 1.21799 17.8375C1 17.4097 1 16.8495 1 15.7294V4.12939C1 3.00929 1 2.44931 1.21799 2.02148C1.40973 1.64516 1.71547 1.33918 2.0918 1.14743C2.51962 0.929443 3.08009 0.929443 4.2002 0.929443H15.8002C16.9203 0.929443 17.48 0.929443 17.9078 1.14743C18.2841 1.33918 18.5905 1.64516 18.7822 2.02148C19.0002 2.44931 19 3.00929 19 4.12939Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- scan -->\n <svg *ngIf=\"inputIcon === 'scan'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1 5V2C1 1.44772 1.44772 1 2 1H5M1 15V18C1 18.5523 1.44772 19 2 19H5M19 5V2C19 1.44772 18.5523 1 18 1H15M19 15V18C19 18.5523 18.5523 19 18 19H15M2 10H18\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-out -->\n <svg *ngIf=\"inputIcon === 'sign-out'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M7.80053 9.94781H17.7201M15.708 7.4576L18.9408 9.93332L15.708 12.4013M14.9327 4.89544V2.99078C14.9327 1.88621 14.0373 0.990784 12.9327 0.990784H3.05328C1.94871 0.990784 1.05328 1.88621 1.05328 2.99078V16.9978C1.05328 18.1024 1.94871 18.9978 3.05328 18.9978H12.9327C14.0373 18.9978 14.9327 18.1024 14.9327 16.9978V14.9943\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-in -->\n <svg *ngIf=\"inputIcon === 'sign-in'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.07129 10.0204H10.9908M8.97873 7.53022L12.2115 10.0059L8.97873 12.4739M4.03967 7.11697V3.06152C4.03967 1.95695 4.9351 1.06152 6.03967 1.06152H16.9409C18.0454 1.06152 18.9409 1.95695 18.9409 3.06152V17.0685C18.9409 18.1731 18.0454 19.0685 16.9409 19.0685H6.03967C4.9351 19.0685 4.03967 18.1731 4.03967 17.0685V13.1326\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- close -->\n <svg *ngIf=\"inputIcon === 'close'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\" fill=\"none\">\n <path d=\"M1.37749 12.6423L12.6705 1.3492M12.6705 12.6423L1.37749 1.3492\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- rating-star-blank -->\n <svg *ngIf=\"inputIcon === 'rating-star-blank'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 31\" fill=\"none\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- rating-star-filled -->\n <svg\n *ngIf=\"inputIcon === 'rating-star-filled'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 31\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- check-mark -->\n <svg *ngIf=\"inputIcon === 'check-mark'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M1 10L7 16L19 4\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- back-arrow -->\n <svg *ngIf=\"inputIcon === 'back-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6.5 5L1 10L6.5 15M1 10L19 10\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- lock -->\n <svg *ngIf=\"inputIcon === 'lock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 27\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 13C11.6595 13.0003 10.8472 13.303 10.2115 13.8529C9.57579 14.4027 9.1592 15.163 9.03785 15.9947C8.9165 16.8264 9.0985 17.674 9.55058 18.3825C10.0027 19.0911 10.6946 19.6133 11.5 19.8538V22C11.5 22.2652 11.6054 22.5196 11.7929 22.7071C11.9804 22.8946 12.2348 23 12.5 23C12.7652 23 13.0196 22.8946 13.2071 22.7071C13.3946 22.5196 13.5 22.2652 13.5 22V19.8538C14.3054 19.6133 14.9973 19.0911 15.4494 18.3825C15.9015 17.674 16.0835 16.8264 15.9622 15.9947C15.8408 15.163 15.4242 14.4027 14.7885 13.8529C14.1528 13.303 13.3405 13.0003 12.5 13ZM12.5 18C12.2033 18 11.9133 17.912 11.6666 17.7472C11.42 17.5824 11.2277 17.3481 11.1142 17.074C11.0006 16.7999 10.9709 16.4983 11.0288 16.2074C11.0867 15.9164 11.2296 15.6491 11.4393 15.4393C11.6491 15.2296 11.9164 15.0867 12.2074 15.0288C12.4983 14.9709 12.7999 15.0007 13.074 15.1142C13.3481 15.2277 13.5824 15.42 13.7472 15.6666C13.912 15.9133 14 16.2033 14 16.5C14 16.8978 13.842 17.2794 13.5607 17.5607C13.2794 17.842 12.8978 18 12.5 18ZM22.5 9H18.5V6C18.5 4.4087 17.8679 2.88258 16.7426 1.75736C15.6174 0.632141 14.0913 0 12.5 0C10.9087 0 9.38258 0.632141 8.25736 1.75736C7.13214 2.88258 6.5 4.4087 6.5 6V9H2.5C1.96957 9 1.46086 9.21071 1.08579 9.58579C0.710714 9.96086 0.5 10.4696 0.5 11V25C0.5 25.5304 0.710714 26.0391 1.08579 26.4142C1.46086 26.7893 1.96957 27 2.5 27H22.5C23.0304 27 23.5391 26.7893 23.9142 26.4142C24.2893 26.0391 24.5 25.5304 24.5 25V11C24.5 10.4696 24.2893 9.96086 23.9142 9.58579C23.5391 9.21071 23.0304 9 22.5 9ZM8.5 6C8.5 4.93913 8.92143 3.92172 9.67157 3.17157C10.4217 2.42143 11.4391 2 12.5 2C13.5609 2 14.5783 2.42143 15.3284 3.17157C16.0786 3.92172 16.5 4.93913 16.5 6V9H8.5V6ZM22.5 25H2.5V11H22.5V25Z\" />\n </svg>\n <!-- show-password -->\n <svg *ngIf=\"inputIcon === 'show-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n </svg>\n <!-- hide-password -->\n <svg *ngIf=\"inputIcon === 'hide-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n <line x1=\"1\" y1=\"4\" x2=\"19\" y2=\"16\" stroke-width=\"1\" stroke-linecap=\"round\" />\n </svg>\n <!-- circle-check -->\n <svg *ngIf=\"inputIcon === 'circle-check'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M5.5 11L9 14L14.5 7.5\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- circle-alert -->\n <svg *ngIf=\"inputIcon === 'circle-alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M10.0002 19.1666C15.0418 19.1666 19.1668 15.0416 19.1668 9.99998C19.1668 4.95831 15.0418 0.833313 10.0002 0.833313C4.9585 0.833313 0.833496 4.95831 0.833496 9.99998C0.833496 15.0416 4.9585 19.1666 10.0002 19.1666Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n <path d=\"M10 6.33331V10.9166\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M9.99512 13.6667H10.0034\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- direction-switch -->\n <svg *ngIf=\"inputIcon === 'direction-switch'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M15.3805 4.2C14.7138 3.13333 12.5005 1 8.98046 1C4.58046 1 0.980469 3.8 0.980469 8.99999M12.9805 5H16.1804V1.8M2.67738 13.8C3.34405 14.8667 5.55738 17 9.07738 17C13.4774 17 17.0774 14.2 17.0774 9M5.07738 13H1.87739V16.2\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- chat-bubbles -->\n <svg\n *ngIf=\"inputIcon === 'chat-bubbles'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 1 19 V 7 S 1 5 3 5 H 13 S 15 5 15 7 V 15 S 15 17 13 17 H 3.5 Z\" />\n <path d=\"M 4 9 H 12 M 4 13 H 12\" />\n <path d=\"M 3 5 V 3 S 3 1 5 1 H 17 S 19 1 19 3 V 15 L 16.5 13 15 13\" />\n </svg>\n <!-- phone-down -->\n <svg *ngIf=\"inputIcon === 'phone-down'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -8 29 29\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M22.6589 11.7706C23.4866 12.1253 24.4468 11.9404 25.0836 11.3036L27.2257 9.16151C28.0404 8.34676 28.0404 7.02577 27.2257 6.21102C20.3003 -0.714333 9.072 -0.714112 2.14665 6.21124C1.3319 7.02599 1.33198 8.34672 2.14673 9.16146L4.28896 11.3035C4.9257 11.9403 5.88596 12.1251 6.71364 11.7704L9.58644 10.5392C10.3299 10.2206 10.8388 9.52027 10.912 8.71471L11.0005 7.74261C11.1036 6.60831 12.0546 5.7398 13.1936 5.73979L16.1789 5.73968C17.3179 5.73968 18.2687 6.60846 18.3719 7.74277L18.4602 8.71468C18.5335 9.52024 19.0425 10.2207 19.786 10.5393L22.6589 11.7706Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- mic -->\n <svg\n *ngIf=\"inputIcon === 'mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n </svg>\n <!-- no-mic -->\n <svg\n *ngIf=\"inputIcon === 'no-mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n <line x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\" />\n </svg>\n <!-- Button Icons -->\n <!-- button-forward-arrow -->\n <svg *ngIf=\"inputIcon === 'button-forward-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" fill=\"none\">\n <path d=\"M5.5 12.5H19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M12.5 5.5L19.5 12.5L12.5 19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- button-check-box -->\n <svg *ngIf=\"inputIcon === 'button-check-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <rect x=\"1\" y=\"1\" rx=\"4\" ry=\"4\" width=\"18\" height=\"18\" stroke-width=\"1.5\" />\n <path d=\"M5 11L9 14L15 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Social Media Icons -->\n <!-- social-media-whatsapp -->\n <svg\n *ngIf=\"inputIcon === 'social-media-whatsapp'\"\n viewBox=\"-1 -1 27 27\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M18.2273 14.9814C17.9163 14.8265 16.3871 14.0777 16.102 13.9743C15.8169 13.871 15.6096 13.8195 15.4022 14.1293C15.1949 14.4391 14.5988 15.1364 14.4174 15.343C14.236 15.5495 14.0545 15.5755 13.7436 15.4204C13.4325 15.2655 12.4303 14.9387 11.2423 13.884C10.3178 13.0633 9.69351 12.0497 9.51211 11.7398C9.33066 11.4299 9.49273 11.2624 9.64844 11.108C9.78843 10.9693 9.95952 10.7465 10.115 10.5657C10.2706 10.385 10.3224 10.2558 10.426 10.0494C10.5297 9.84273 10.4779 9.66201 10.4 9.50709C10.3224 9.35217 9.70034 7.82853 9.44116 7.20866C9.18867 6.60517 8.93227 6.6869 8.74136 6.67733C8.56016 6.66839 8.35254 6.66649 8.14526 6.66649C7.93794 6.66649 7.60093 6.74395 7.31582 7.05374C7.03076 7.36363 6.22729 8.11257 6.22729 9.63606C6.22729 11.1597 7.34175 12.6315 7.49727 12.8381C7.65278 13.0448 9.69043 16.1712 12.8105 17.512C13.5525 17.831 14.1319 18.0214 14.5836 18.1641C15.3287 18.3997 16.0067 18.3665 16.5426 18.2867C17.1402 18.1979 18.3828 17.538 18.642 16.815C18.9011 16.0918 18.9011 15.4721 18.8234 15.343C18.7457 15.2138 18.5383 15.1364 18.2273 14.9814ZM12.5523 22.693H12.5481C10.6916 22.6923 8.8707 22.1959 7.28223 21.2578L6.90439 21.0346L2.98867 22.0569L4.03384 18.2573L3.78789 17.8677C2.7522 16.2284 2.20518 14.3336 2.20601 12.3881C2.2083 6.711 6.84956 2.09234 12.5564 2.09234C15.3198 2.09326 17.9175 3.16569 19.8709 5.11195C21.8243 7.05816 22.8994 9.64514 22.8983 12.3964C22.8959 18.0739 18.2547 22.693 12.5523 22.693ZM21.3576 3.63307C19.0074 1.2915 15.8821 0.00136065 12.5521 0C5.69111 0 0.10708 5.55698 0.104297 12.3873C0.103418 14.5707 0.676563 16.7018 1.76592 18.5806L0 25L6.59868 23.2773C8.41685 24.2643 10.4639 24.7845 12.5472 24.7852H12.5523C19.4126 24.7852 24.9972 19.2276 25 12.3972C25.0013 9.08708 23.7077 5.97465 21.3576 3.63307Z\" />\n </svg>\n <!-- social-media-facebook -->\n <svg\n *ngIf=\"inputIcon === 'social-media-facebook'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-1 -1 27 27\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M25 12.5764C25 5.63064 19.4036 0 12.5 0C5.59644 0 0 5.63064 0 12.5764C0 18.8536 4.57109 24.0565 10.5469 25V16.2118H7.37305V12.5764H10.5469V9.80566C10.5469 6.6537 12.413 4.91265 15.2683 4.91265C16.6359 4.91265 18.0664 5.15829 18.0664 5.15829V8.25326H16.4902C14.9374 8.25326 14.4531 9.22267 14.4531 10.2172V12.5764H17.9199L17.3657 16.2118H14.4531V25C20.429 24.0565 25 18.8536 25 12.5764Z\" />\n </svg>\n <!-- social-media-linkedin -->\n <svg\n *ngIf=\"inputIcon === 'social-media-linkedin'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M23.3696 0H1.63043C0.733696 0 0 0.733696 0 1.63043V23.3696C0 24.2663 0.733696 25 1.63043 25H23.3696C24.2663 25 25 24.2663 25 23.3696V1.63043C25 0.733696 24.2663 0 23.3696 0ZM3.39674 4.75543C3.83152 4.32065 4.42935 4.07609 5.02717 4.07609C5.625 4.07609 6.22283 4.32065 6.65761 4.75543C7.09239 5.19022 7.33696 5.76087 7.33696 6.38587C7.33696 7.01087 7.09239 7.6087 6.63043 8.04348C6.19565 8.45109 5.625 8.69565 5.05435 8.69565C5.02717 8.69565 5.02717 8.69565 5 8.69565C4.42935 8.72283 3.83152 8.47826 3.39674 8.04348C2.96196 7.6087 2.71739 7.01087 2.71739 6.38587C2.71739 5.76087 2.96196 5.19022 3.39674 4.75543ZM7.33696 21.4946C7.33696 21.9293 6.95652 22.2826 6.52174 22.2826H3.53261C3.09783 22.2826 2.71739 21.9022 2.71739 21.4674V11.6848C2.71739 11.2228 3.07065 10.8696 3.50543 10.8696H6.52174C6.95652 10.8696 7.33696 11.25 7.33696 11.6848V21.4946ZM22.2826 21.7391C22.2826 22.0109 22.0109 22.2826 21.7391 22.2826H18.2065C17.9348 22.2826 17.663 22.0109 17.663 21.7391V15.6522C17.663 15.163 17.5543 14.7826 17.2826 14.538C16.9837 14.2391 16.5761 14.0489 16.1413 14.0761C15.2446 14.0761 14.1033 14.837 14.1033 15.6793V21.8207C14.1033 22.1196 13.8043 22.3098 13.5598 22.3098H10.0272C9.78261 22.3098 9.4837 22.1196 9.4837 21.8207V11.3859C9.4837 11.087 9.78261 10.8696 10.0272 10.8696H13.288C13.5598 10.8696 13.8315 11.1413 13.8315 11.413V11.8207C14.5652 11.0598 16.0326 10.5978 17.0924 10.5978H17.663C19.8098 10.5978 22.2826 12.2826 22.2826 14.4565V21.7391Z\" />\n </svg>\n <!-- social-media-instagram -->\n <svg\n *ngIf=\"inputIcon === 'social-media-instagram'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 0C9.1052 0 8.67952 0.0143895 7.34627 0.0752221C6.01579 0.135956 5.10712 0.347233 4.31198 0.656259C3.48999 0.975705 2.7929 1.40312 2.09798 2.09803C1.40307 2.79294 0.975655 3.49004 0.656209 4.31203C0.347183 5.10712 0.135906 6.01579 0.0751725 7.34627C0.0143398 8.67952 0 9.1052 0 12.5C0 15.8948 0.0143398 16.3205 0.0751725 17.6537C0.135906 18.9842 0.347183 19.8929 0.656209 20.688C0.975655 21.51 1.40307 22.2071 2.09798 22.902C2.7929 23.5969 3.48999 24.0243 4.31198 24.3438C5.10712 24.6528 6.01579 24.8641 7.34627 24.9248C8.67952 24.9856 9.1052 25 12.5 25C15.8948 25 16.3205 24.9856 17.6537 24.9248C18.9842 24.8641 19.8929 24.6528 20.688 24.3438C21.51 24.0243 22.2071 23.5969 22.902 22.902C23.5969 22.2071 24.0243 21.51 24.3438 20.688C24.6528 19.8929 24.8641 18.9842 24.9248 17.6537C24.9856 16.3205 25 15.8948 25 12.5C25 9.1052 24.9856 8.67952 24.9248 7.34627C24.8641 6.01579 24.6528 5.10712 24.3438 4.31203C24.0243 3.49004 23.5969 2.79294 22.902 2.09803C22.2071 1.40312 21.51 0.975705 20.688 0.656259C19.8929 0.347233 18.9842 0.135956 17.6537 0.0752221C16.3205 0.0143895 15.8948 0 12.5 0ZM12.5 2.2523C15.8376 2.2523 16.233 2.265 17.5511 2.32514C18.7698 2.38076 19.4317 2.5844 19.8721 2.75553C20.4556 2.98229 20.872 3.25321 21.3094 3.6906C21.7468 4.12799 22.0177 4.54444 22.2445 5.12786C22.4157 5.56832 22.6193 6.23019 22.6749 7.44893C22.735 8.767 22.7478 9.16236 22.7478 12.5C22.7478 15.8376 22.735 16.233 22.6749 17.5511C22.6193 18.7698 22.4157 19.4317 22.2445 19.8721C22.0177 20.4556 21.7468 20.872 21.3094 21.3094C20.872 21.7468 20.4556 22.0177 19.8721 22.2445C19.4317 22.4157 18.7698 22.6193 17.5511 22.6749C16.2332 22.735 15.8379 22.7478 12.5 22.7478C9.16212 22.7478 8.76685 22.735 7.44893 22.6749C6.23019 22.6193 5.56832 22.4157 5.12786 22.2445C4.54439 22.0177 4.12799 21.7468 3.69055 21.3094C3.25316 20.872 2.98224 20.4556 2.75553 19.8721C2.58435 19.4317 2.38071 18.7698 2.32509 17.5511C2.26495 16.233 2.25225 15.8376 2.25225 12.5C2.25225 9.16236 2.26495 8.767 2.32509 7.44893C2.38071 6.23019 2.58435 5.56832 2.75553 5.12786C2.98224 4.54444 3.25316 4.12799 3.69055 3.6906C4.12799 3.25321 4.54439 2.98229 5.12786 2.75553C5.56832 2.5844 6.23019 2.38076 7.44893 2.32514C8.767 2.265 9.16236 2.2523 12.5 2.2523Z\" />\n <path\n d=\"M12.5 16.6666C10.1988 16.6666 8.3333 14.8012 8.3333 12.5C8.3333 10.1988 10.1988 8.3333 12.5 8.3333C14.8012 8.3333 16.6666 10.1988 16.6666 12.5C16.6666 14.8012 14.8012 16.6666 12.5 16.6666ZM12.5 6.08105C8.95488 6.08105 6.08105 8.95488 6.08105 12.5C6.08105 16.0451 8.95488 18.9189 12.5 18.9189C16.0451 18.9189 18.9189 16.0451 18.9189 12.5C18.9189 8.95488 16.0451 6.08105 12.5 6.08105Z\" />\n <path\n d=\"M20.6726 5.82761C20.6726 6.65605 20.001 7.32759 19.1726 7.32759C18.3442 7.32759 17.6726 6.65605 17.6726 5.82761C17.6726 4.99918 18.3442 4.32764 19.1726 4.32764C20.001 4.32764 20.6726 4.99918 20.6726 5.82761Z\" />\n </svg>\n <!-- social-media-google-mail -->\n <svg\n *ngIf=\"inputIcon === 'social-media-google-mail'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 22 17\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g clip-path=\"url(#clip0_1282_2376)\">\n <path\n d=\"M0.000141144 15.7966C0.11293 16.0839 0.234306 16.3624 0.46389 16.5802C0.745003 16.8469 1.06848 16.9971 1.45093 16.9982C2.54561 17.0012 3.64028 17.0006 4.73553 17.0006C5.01607 17.0006 5.02466 16.9923 5.02466 16.7033C5.02523 14.0175 5.02523 11.3318 5.02523 8.646C5.02523 8.55181 5.02523 8.45761 5.02523 8.36106C5.13745 8.35282 5.18726 8.42523 5.24623 8.47115C7.09034 9.89116 8.93446 11.3106 10.7728 12.7388C10.9412 12.8695 11.0511 12.863 11.216 12.7353C13.0549 11.3082 14.8991 9.88821 16.7426 8.46762C16.7981 8.42464 16.8577 8.33692 16.9195 8.36342C17.0054 8.39933 16.9607 8.50706 16.9607 8.58242C16.963 11.2682 16.9625 13.9539 16.9625 16.6397C16.9625 16.9976 16.963 16.9982 17.3003 16.9982C18.352 16.9982 19.4043 17.0006 20.456 16.9971C21.3549 16.9941 21.991 16.3336 21.9916 15.4046C21.9927 12.4762 21.9916 9.54734 21.9921 6.61903C21.9933 5.22022 21.9893 3.822 22.0001 2.42378C22.0076 1.45297 21.6017 0.724131 20.7772 0.283176C19.9333 -0.168375 19.0997 -0.0718245 18.3348 0.515134C16.7581 1.72555 15.1859 2.94244 13.612 4.15639C12.8048 4.77867 11.9946 5.39742 11.1937 6.02795C11.0391 6.14922 10.9377 6.14275 10.786 6.025C8.90641 4.56732 7.02221 3.11671 5.13859 1.66491C4.62904 1.27223 4.11777 0.882497 3.6065 0.492173C2.31259 -0.495706 0.49538 0.14777 0.0631199 1.74616C0.0459442 1.80974 0.0213261 1.87038 -0.000429153 1.93278C0.000143051 6.55368 0.000141144 11.1752 0.000141144 15.7966Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1282_2376\">\n <rect width=\"22\" height=\"17\" transform=\"matrix(-1 0 0 1 22 0)\" />\n </clipPath>\n </defs>\n </svg>\n <!-- Instant Video Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,3.08c-7.13-.08-13,5.67-13.05,12.82-.05,7.01,5.53,12.88,12.7,13.01,7.13.14,13.01-5.56,13.12-12.75.12-7.11-5.61-13-12.77-13.08Zm-.15,21.93c-4.88.04-8.97-4.01-9-8.92-.04-5.01,3.96-9.07,8.97-9.11,4.94-.03,9.03,3.99,9.06,8.9.03,5.07-3.95,9.09-9.03,9.13Z\" />\n <g>\n <g>\n <path\n d=\"m45.29,62.33c.4.41.4,1.06,0,1.46l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0Z\" />\n <path\n d=\"m35.43,59.61c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21Z\" />\n <path\n d=\"m66.36,45.57c-.2-1.35-.47-2.69-.94-3.98-.9-2.46-2.37-4.55-4.19-6.41-1.51-1.53-3.2-2.84-5.02-3.98-1.43-.88-2.9-1.67-4.45-2.31-.75-.3-1.63-.13-2.14.47-.72.83-1.61,1.43-2.58,1.92-2.68,1.36-5.52,1.86-8.51,1.57-2.05-.19-4-.77-5.81-1.77-.76-.42-1.49-.9-2.06-1.56-.63-.73-1.43-.96-2.33-.61-.73.28-1.46.57-2.17.91-2.97,1.42-5.61,3.3-7.8,5.77-1.77,1.99-3.1,4.23-3.89,6.77-.69,2.24-.95,4.56-1.1,6.89-.12,1.96-.12,3.92-.04,5.88.04,1.16.87,1.97,2.02,1.97h10.78c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.62,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h10.75c1.07,0,1.9-.75,1.97-1.81.07-1.1.12-2.2.13-3.31.03-2.14-.07-4.28-.37-6.41Zm-26.35,27.85c-6.22,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.77-1.53,1.88-2.87,3.24-3.9,1.89-1.45,4.26-2.31,6.83-2.31s4.93.86,6.82,2.31c1.36,1.03,2.47,2.37,3.24,3.9.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm22.82-20.43c0,.16-.06.21-.22.21-1.53-.01-3.05,0-4.57,0h-6.31c-2.69-3.53-6.94-5.81-11.72-5.81s-9.04,2.28-11.73,5.81h-11.12c.02-1.02.03-2,.07-2.98.06-1.44.21-2.87.42-4.3.45-3.04,1.72-5.67,3.8-7.93,1.98-2.15,4.36-3.75,7.02-4.94.08-.04.15-.07.25.01,1.89,1.55,4.06,2.54,6.41,3.14,4.48,1.14,8.85.77,13.06-1.14,1.12-.51,2.17-1.13,3.12-1.92.11-.09.2-.09.33-.03,2.15,1.08,4.16,2.37,5.95,3.99,1.58,1.42,2.91,3.03,3.81,4.97.5,1.08.79,2.22.99,3.39.38,2.25.47,4.53.44,6.81,0,.24-.01.48,0,.72Z\" />\n </g>\n <path\n d=\"m45.29,63.79l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0,.4.41.4,1.06,0,1.46Z\" />\n <path\n d=\"m45.29,59.61l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45Z\" />\n </g>\n </svg>\n <!-- Instant Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <g>\n <path\n d=\"m43.17,57.56c.39.4.39,1.02,0,1.41l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0Z\" />\n <path\n d=\"m33.66,54.94c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06Z\" />\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.67.63,1.34,1.23,2.04,1.82-5.36,2.04-9.17,7.23-9.17,13.31,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.78-4.67.55-.04,1.1-.07,1.64-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.91,28.85c-6,0-10.87-4.87-10.87-10.86,0-5.38,3.93-9.86,9.07-10.72.59-.11,1.19-.15,1.8-.15,4.17,0,7.78,2.35,9.61,5.81.8,1.51,1.25,3.23,1.25,5.06,0,5.99-4.87,10.86-10.86,10.86Zm20.01-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.84.11-1.68.11-2.5.02-2.55-3.87-6.93-6.42-11.89-6.42-.41,0-.83.02-1.24.06-.68-.52-1.33-1.07-1.99-1.63-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n </g>\n <path\n d=\"m43.17,58.97l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0,.39.4.39,1.02,0,1.41Z\" />\n <path\n d=\"m43.17,54.94l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4Z\" />\n </g>\n </svg>\n <!-- Scheduled Video Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,2.31c-7.34-.09-13.37,5.83-13.43,13.19-.05,7.2,5.69,13.24,13.07,13.38,7.33.14,13.38-5.73,13.49-13.12.12-7.32-5.77-13.38-13.13-13.45Zm-.16,22.55c-5.02.04-9.22-4.12-9.26-9.17-.04-5.15,4.08-9.34,9.23-9.37,5.08-.03,9.29,4.1,9.32,9.15.03,5.21-4.06,9.35-9.29,9.39Z\" />\n <g>\n <path\n d=\"m67.1,46.01c-.2-1.39-.48-2.77-.97-4.1-.92-2.52-2.43-4.67-4.3-6.58-1.55-1.58-3.3-2.92-5.17-4.1-1.46-.91-2.98-1.72-4.58-2.37-.77-.32-1.67-.14-2.19.47-.75.86-1.66,1.48-2.66,1.98-2.76,1.4-5.68,1.91-8.75,1.62-2.12-.2-4.12-.79-5.98-1.82-.78-.44-1.53-.93-2.12-1.61-.65-.75-1.47-.99-2.39-.63-.75.29-1.51.59-2.24.94-3.05,1.47-5.76,3.4-8.02,5.94-1.82,2.04-3.19,4.34-4,6.96-.71,2.31-.98,4.69-1.13,7.08-.12,2.02-.13,4.04-.05,6.06.05,1.18.9,2.02,2.08,2.02h11.53c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.63,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h11.41c1.1,0,1.96-.77,2.03-1.86.08-1.14.12-2.27.14-3.4.03-2.21-.07-4.41-.39-6.6Zm-27.06,28.18c-6.21,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.8-1.59,1.97-2.97,3.4-4.01,1.87-1.39,4.17-2.2,6.67-2.2s4.81.82,6.68,2.2c1.42,1.05,2.58,2.42,3.38,4.01.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm23.43-20.55c0,.17-.06.22-.23.22-1.56-.01-3.13,0-4.7,0h-6.86c-2.7-3.47-6.91-5.7-11.64-5.7s-8.94,2.23-11.64,5.7h-11.91c.03-1.05.03-2.06.08-3.07.06-1.48.21-2.95.43-4.42.46-3.13,1.77-5.83,3.91-8.15,2.04-2.22,4.48-3.86,7.22-5.09.09-.04.15-.07.25.01,1.95,1.6,4.18,2.62,6.61,3.23,4.6,1.17,9.09.79,13.43-1.17,1.15-.52,2.22-1.17,3.2-1.97.12-.1.2-.1.34-.03,2.22,1.1,4.28,2.44,6.12,4.1,1.63,1.46,3,3.11,3.92,5.11.52,1.11.82,2.29,1.02,3.49.39,2.32.48,4.65.46,7-.01.25-.02.49-.01.74Z\" />\n <path\n d=\"m45.97,63.99c0,.56-.44,1-1,1h-5.99c-.55,0-1-.44-1-1,0-.03,0-.07.01-.1-.01-.03-.01-.07-.01-.11v-7.27c0-.56.45-1,1-1s1,.44,1,1v6.48h4.99c.56,0,1,.45,1,1Z\" />\n </g>\n </svg>\n <!-- Scheduled Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.68.63,1.36,1.24,2.05,1.83-5.34,2.05-9.15,7.23-9.15,13.3,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.79-4.67.54-.04,1.08-.07,1.61-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.88,28.85c-5.99,0-10.87-4.87-10.87-10.86,0-5.37,3.92-9.84,9.04-10.72.59-.11,1.21-.15,1.83-.15,4.17,0,7.79,2.36,9.62,5.82.79,1.51,1.24,3.23,1.24,5.05,0,5.99-4.87,10.86-10.86,10.86Zm19.98-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.83.11-1.64.11-2.45.02-2.56-3.87-6.93-6.42-11.9-6.42-.43,0-.86.02-1.28.07-.68-.53-1.33-1.08-1.99-1.64-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n <path\n d=\"m43.84,58.42c0,.54-.42.96-.96.96h-5.78c-.53,0-.96-.42-.96-.96,0-.03,0-.07,0-.1,0-.03,0-.07,0-.11v-7.01c0-.54.43-.96.96-.96s.96.42.96.96v6.25h4.81c.54,0,.96.43.96.96Z\" />\n </g>\n </svg>\n <!-- Vital Scan Service -->\n <svg\n *ngIf=\"inputIcon === 'vital-scan-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m69.5,31c-1.38,0-2.5-1.12-2.5-2.5v-13.5s-13.5,0-13.5,0h0c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h16s0,0,0,0h0c1.38,0,2.5,1.12,2.5,2.5,0,.03,0,.06,0,.09v15.91c0,1.38-1.12,2.5-2.5,2.5h0Z\" />\n <path\n d=\"m69.5,70h-16c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h13.5s0-13.5,0-13.5c0-1.38,1.12-2.5,2.5-2.5h0c1.38,0,2.5,1.12,2.5,2.5v15.88s0,.08,0,.12c0,1.38-1.12,2.5-2.5,2.5Z\" />\n <path\n d=\"m10.5,49c1.38,0,2.5,1.12,2.5,2.5v13.5s13.5,0,13.5,0h0c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-16s0,0,0,0h0c-1.38,0-2.5-1.12-2.5-2.5,0-.03,0-.06,0-.09v-15.91c0-1.38,1.12-2.5,2.5-2.5h0Z\" />\n <path\n d=\"m10.5,10h16c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-13.5s0,13.5,0,13.5c0,1.38-1.12,2.5-2.5,2.5h0c-1.38,0-2.5-1.12-2.5-2.5v-15.88s0-.08,0-.12c0-1.38,1.12-2.5,2.5-2.5Z\" />\n </g>\n <path\n d=\"m66.91,41.79c0,.99-.83,1.79-1.85,1.79h0s-7.04,0-7.04,0c-1.08,0-2.17-.03-3.25,0-1.07.04-1.76-.42-2.2-1.38-.38-.83-.82-1.63-1.37-2.72-.87,2.89-1.65,5.48-2.43,8.06-.53,1.75-1.06,3.5-1.57,5.25-.27.92-.83,1.54-1.82,1.52-1.05-.02-1.57-.68-1.79-1.68-1.18-5.51-2.37-11.02-3.55-16.53-.04-.17-.09-.33-.22-.84-.22.66-.35,1.02-.46,1.38-.97,3.53-1.94,7.05-2.89,10.58-.26.97-.74,1.67-1.79,1.7-1.12.03-1.62-.7-1.9-1.71-.61-2.23-1.27-4.45-1.92-6.67-.07-.24-.17-.47-.32-.91-.52,1.03-.87,1.93-1.41,2.7-.35.5-.97,1.14-1.49,1.16-4.15.09-8.31.05-12.52.05-.06,0-.13,0-.19,0-1.02,0-1.85-.8-1.85-1.79s.83-1.79,1.85-1.79h0s1.17,0,1.17,0c3.1,0,6.2-.02,9.31.02.7,0,1.07-.22,1.36-.85.79-1.69,1.66-3.34,2.48-5.02.41-.85.98-1.43,1.99-1.31.94.11,1.38.75,1.62,1.63.51,1.87,1.07,3.73,1.7,5.92.22-.72.37-1.14.49-1.58,1.05-3.81,2.1-7.63,3.12-11.45.27-1.02.77-1.74,1.89-1.7,1.11.04,1.57.79,1.79,1.82,1.16,5.48,2.35,10.95,3.53,16.42.08.36.17.71.32,1.34,1.07-3.54,2.05-6.82,3.04-10.1.11-.36.2-.77.34-1.05.3-.59,1.01-1.14,1.56-1.18.55-.04,1.39.44,1.69.94,1,1.7,1.85,3.5,2.68,5.29.32.69.72.89,1.45.88,2.83-.05,5.67-.02,8.58-.02h0s0,0,0,0c1.02,0,1.85.8,1.85,1.79Z\" />\n </svg>\n <!-- open-back-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-back-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M14 3 L6 10 L14 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-forward-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-forward-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6 3 L14 10 L6 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-up-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-up-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 14 L10 6 L17 14\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-down-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-down-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 6 L10 14 L17 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Single Document -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'single-document'\" viewBox=\"0 0 18 22\" fill=\"none\">\n <path\n d=\"M11 1H2.5C1.67157 1 1 1.67157 1 2.5V19.5C1 20.3284 1.67157 21 2.5 21H15.5C16.3284 21 17 20.3284 17 19.5V7M11 1L17 7M11 1V5.5C11 6.32843 11.6716 7 12.5 7H17M4 14H12M4 17H9\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Lightning -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'lightning'\" viewBox=\"0 0 14 22\" fill=\"none\">\n <path\n d=\"M1.23099 11.6824L8.99999 1V10H12.6072C12.7707 10 12.8651 10.1854 12.769 10.3176L4.99999 21V12H1.39274C1.22928 12 1.13485 11.8146 1.23099 11.6824Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Microsoft 365 -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'microsoft-365'\" fill=\"none\" viewBox=\"4 2 40 44\" style=\"stroke: none\">\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint0_radial_2994_8373)\" />\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint1_linear_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint2_radial_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint3_linear_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint4_radial_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint5_linear_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint6_radial_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint7_linear_2994_8373)\" />\n <defs>\n <radialGradient\n id=\"paint0_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(17.4186 10.6383) rotate(110.528) scale(33.3657 58.1966)\">\n <stop offset=\"0.06441\" stop-color=\"#AE7FE2\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" />\n </radialGradient>\n <linearGradient id=\"paint1_linear_2994_8373\" x1=\"17.5119\" y1=\"37.8685\" x2=\"12.7513\" y2=\"29.6347\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#114A8B\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint2_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(10.4299 36.3511) rotate(-8.36717) scale(31.0503 20.5108)\">\n <stop offset=\"0.133928\" stop-color=\"#D59DFF\" />\n <stop offset=\"1\" stop-color=\"#5E438F\" />\n </radialGradient>\n <linearGradient id=\"paint3_linear_2994_8373\" x1=\"40.3566\" y1=\"25.3768\" x2=\"35.2552\" y2=\"32.6916\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#493474\" />\n <stop offset=\"1\" stop-color=\"#8C66BA\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint4_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint5_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint6_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint7_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n </defs>\n </svg>\n <!-- user-dependent -->\n <svg *ngIf=\"icon === 'user-dependent'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23 23\" fill=\"none\">\n <path\n d=\"M15.65 20.2C15.65 17.87 13.33 15.97 10.46 15.97C7.59 15.97 5.27 17.86 5.27 20.2M14.2 3.73999C13.06 3.25999 11.81 3 10.5 3C5.25 3 1 7.25 1 12.5C1 17.75 5.25 22 10.5 22C15.75 22 20 17.75 20 12.5C20 11.19 19.73 9.92998 19.25 8.78998M14.2 3.73999C14.07 4.13999 14 4.56 14 5C14 5.75 14.21 6.46 14.58 7.06C14.78 7.4 15.04 7.70997 15.34 7.96997C16.04 8.60997 16.97 9 18 9C18.44 9 18.86 8.92998 19.25 8.78998M14.2 3.73999C14.39 3.15999 14.71 2.64002 15.13 2.21002C15.86 1.46002 16.88 1 18 1C19.18 1 20.25 1.51002 20.97 2.33002C21.61 3.04002 22 3.98 22 5C22 5.32 21.96 5.62999 21.88 5.92999C21.79 6.32999 21.63 6.72 21.42 7.06C20.94 7.87 20.17 8.49998 19.25 8.78998M19.49 4.97998H16.51M18 3.52002V6.51001M13.27 10.92C13.27 12.4719 12.0119 13.73 10.46 13.73C8.90808 13.73 7.65 12.4719 7.65 10.92C7.65 9.36806 8.90808 8.10999 10.46 8.10999C12.0119 8.10999 13.27 9.36806 13.27 10.92Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- plus -->\n <svg *ngIf=\"icon === 'plus'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 14\" fill=\"none\">\n <path d=\"M1.52881 6.99686H13.5069M7.51786 12.9859V1.00781\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- close-box -->\n <svg *ngIf=\"icon === 'close-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M6.06584 13.9342L10 10M10 10L13.9342 6.06581M10 10L13.9342 13.9342M10 10L6.06584 6.06581M5 19H15C17.2091 19 19 17.2091 19 15V5C19 2.79086 17.2091 1 15 1H5C2.79086 1 1 2.79086 1 5V15C1 17.2091 2.79086 19 5 19Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- speech-bubble -->\n <svg *ngIf=\"icon === 'speech-bubble'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M10.0006 9.42996V9.22C10.0006 8.54 10.4207 8.17998 10.8407 7.88998C11.2507 7.60998 11.6606 7.24999 11.6606 6.58999C11.6606 5.66999 10.9206 4.92996 10.0006 4.92996C9.08064 4.92996 8.34067 5.66999 8.34067 6.58999M9.99614 11.82H10.0051M0.976562 17.9875V3.01257C0.976562 1.908 1.87199 1.01257 2.97656 1.01257H17.0248C18.1293 1.01257 19.0247 1.908 19.0247 3.01257V13.0198C19.0247 14.1244 18.1293 15.0198 17.0247 15.0198H4.96875L0.976562 17.9875Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n</div>\n", styles: [".app-icon-container{display:flex;align-items:center;justify-content:center;aspect-ratio:1}svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));height:100%;--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.primary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.secondary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary))}.success svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success))}.warning svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning))}.error svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error))}.white svg{stroke:var(--cf-svg-overwrite-stroke-color, #ffffff);--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, #ffffff)}.accent svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent))}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
201
217
  }
202
218
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: IconComponent, decorators: [{
203
219
  type: Component,
204
- args: [{ selector: 'cf-icon', template: "<div class=\"app-icon-container\" [ngStyle]=\"{ height: (this.height || 20) + 'px' }\" [ngClass]=\"iconColor\">\n <!-- person -->\n <svg *ngIf=\"inputIcon === 'person'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"5\" r=\"4\" stroke-width=\"1.5\" />\n <path d=\"M2 19C3 10 17 10 18 19\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n </svg>\n <!-- appointment -->\n <svg\n *ngIf=\"inputIcon === 'appointment'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n style=\"stroke-width: 1.5; stroke-linecap: round\">\n <rect width=\"16\" height=\"16\" x=\"2\" y=\"3\" rx=\"2\" ry=\"2\" />\n <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"3\" />\n <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"3\" />\n <line x1=\"2\" y1=\"7\" x2=\"18\" y2=\"7\" />\n <line x1=\"6\" y1=\"11\" x2=\"14\" y2=\"11\" />\n </svg>\n <!-- clock -->\n <svg *ngIf=\"inputIcon === 'clock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M10 6L10 10L13 13\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- calendar -->\n <svg *ngIf=\"inputIcon === 'calendar'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 20\" fill=\"none\">\n <path\n d=\"M1 6.50508H21M4.01099 2.50004V2C4.01099 1.72386 4.23484 1.5 4.51099 1.5H17.4878C17.7639 1.5 17.9878 1.72386 17.9878 2V2.50004M4.98834 9.00006H5.03295M4.96603 12.1079H5.01064M4.94379 15.2158H4.9884M9.03296 9.00006H9.07757M9.01065 12.1079H9.05526M8.98834 15.2158H9.03295M13.0776 9.00006H13.1222M13.0553 12.1079H13.0999M13.033 15.2158H13.0776M17.1222 9.00006H17.1668M17.0999 12.1079H17.1445M17.0776 15.2158H17.1222M3 18.5H19C20.1046 18.5 21 17.6046 21 16.5V4.5C21 3.39543 20.1046 2.5 19 2.5H3C1.89543 2.5 1 3.39543 1 4.5V16.5C1 17.6046 1.89543 18.5 3 18.5Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- email -->\n <svg *ngIf=\"inputIcon === 'email'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 16\" fill=\"none\">\n <path\n d=\"M2 2L10.2286 8L17.9999 2M19 4.19995V11.8C19 12.9201 19.0002 13.4802 18.7822 13.908C18.5905 14.2844 18.2841 14.5902 17.9078 14.782C17.48 15 16.9203 15 15.8002 15H4.2002C3.08009 15 2.51962 15 2.0918 14.782C1.71547 14.5902 1.40973 14.2844 1.21799 13.908C1 13.4802 1 12.9201 1 11.8V4.19995C1 3.07985 1 2.51986 1.21799 2.09204C1.40973 1.71572 1.71547 1.40973 2.0918 1.21799C2.51962 1 3.08009 1 4.2002 1H15.8002C16.9203 1 17.48 1 17.9078 1.21799C18.2841 1.40973 18.5905 1.71572 18.7822 2.09204C19.0002 2.51986 19 3.07985 19 4.19995Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- phone -->\n <svg *ngIf=\"inputIcon === 'phone'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\n <path\n d=\"M20.97 17.33C20.97 17.69 20.89 18.06 20.72 18.42C20.55 18.78 20.33 19.12 20.04 19.44C19.55 19.98 19.01 20.37 18.4 20.62C17.8 20.87 17.15 21 16.45 21C15.43 21 14.34 20.76 13.19 20.27C12.04 19.78 10.89 19.12 9.75 18.29C8.6 17.45 7.51 16.52 6.47 15.49C5.44 14.45 4.51 13.36 3.68 12.22C2.86 11.08 2.2 9.94 1.72 8.81C1.24 7.67 1 6.58 1 5.54C1 4.86 1.12 4.21 1.36 3.61C1.6 3 1.98 2.44 2.51 1.94C3.15 1.31 3.85 1 4.59 1C4.87 1 5.15 1.06 5.4 1.18C5.66 1.3 5.89 1.48 6.07 1.74L8.39 5.01C8.57 5.26 8.7 5.49 8.79 5.71C8.88 5.92 8.93 6.13 8.93 6.32C8.93 6.56 8.86 6.8 8.72 7.03C8.59 7.26 8.4 7.5 8.16 7.74L7.4 8.53C7.29 8.64 7.24 8.77 7.24 8.93C7.24 9.01 7.25 9.08 7.27 9.16C7.3 9.24 7.33 9.3 7.35 9.36C7.53 9.69 7.84 10.12 8.28 10.64C8.73 11.16 9.21 11.69 9.73 12.22C10.27 12.75 10.79 13.24 11.32 13.69C11.84 14.13 12.27 14.43 12.61 14.61C12.66 14.63 12.72 14.66 12.79 14.69C12.87 14.72 12.95 14.73 13.04 14.73C13.21 14.73 13.34 14.67 13.45 14.56L14.21 13.81C14.46 13.56 14.7 13.37 14.93 13.25C15.16 13.11 15.39 13.04 15.64 13.04C15.83 13.04 16.03 13.08 16.25 13.17C16.47 13.26 16.7 13.39 16.95 13.56L20.26 15.91C20.52 16.09 20.7 16.3 20.81 16.55C20.91 16.8 20.97 17.05 20.97 17.33Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\" />\n <path d=\"M14 1C17 1 21 4 21 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M14 4C16 4 18 6 18 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- home -->\n <svg *ngIf=\"inputIcon === 'home'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.97409 6.39868L9.14434 1.56272C9.64904 1.22233 10.3094 1.22072 10.8158 1.55865L18.0692 6.39951C18.6251 6.77052 18.959 7.39471 18.959 8.06306V19H12.0095V13.0287C12.0095 11.9177 11.1089 11.0171 9.99786 11.0171C8.88685 11.0171 7.9862 11.9177 7.9862 13.0287V19H1.09241V8.0568C1.09241 7.3919 1.42285 6.77047 1.97409 6.39868Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- cog -->\n <svg *ngIf=\"inputIcon === 'cog'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M10.4014 0.7771C10.6692 0.7771 10.9258 0.884538 11.1138 1.07535L12.4463 2.4281C12.5731 2.55681 12.7323 2.64876 12.9072 2.6942L14.745 3.1718C15.0042 3.23917 15.2255 3.4077 15.3595 3.63965L16.7608 6.06688C16.8947 6.29883 16.93 6.5748 16.8587 6.83298L16.3535 8.66333C16.3054 8.83748 16.3054 9.02139 16.3535 9.19553L16.8587 11.0259C16.93 11.2841 16.8947 11.56 16.7608 11.792L15.3595 14.2192C15.2255 14.4512 15.0042 14.6197 14.745 14.6871L12.9072 15.1647C12.7323 15.2101 12.5731 15.3021 12.4463 15.4308L11.1138 16.7835C10.9258 16.9743 10.6692 17.0818 10.4014 17.0818H7.59865C7.33082 17.0818 7.07418 16.9743 6.88623 16.7835L5.55373 15.4308C5.42695 15.3021 5.26768 15.2101 5.09283 15.1647L3.25506 14.6871C2.99584 14.6197 2.77448 14.4512 2.64056 14.2192L1.2392 11.792C1.10529 11.56 1.07001 11.2841 1.14128 11.0259L1.64655 9.19553C1.69462 9.02139 1.69462 8.83748 1.64655 8.66333L1.14128 6.83298C1.07001 6.5748 1.10529 6.29883 1.2392 6.06688L2.64056 3.63965C2.77448 3.4077 2.99584 3.23917 3.25506 3.1718L5.09283 2.6942C5.26768 2.64876 5.42695 2.55681 5.55373 2.4281L6.88623 1.07535C7.07418 0.884538 7.33082 0.7771 7.59865 0.7771H10.4014Z\"\n stroke-width=\"1.5\" />\n <path\n d=\"M12.1179 8.92943C12.1179 10.6114 10.7544 11.9748 9.07247 11.9748C7.39054 11.9748 6.02706 10.6114 6.02706 8.92943C6.02706 7.2475 7.39054 5.88402 9.07247 5.88402C10.7544 5.88402 12.1179 7.2475 12.1179 8.92943Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- profile -->\n <svg *ngIf=\"inputIcon === 'profile'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M15 18.9294C15 16.168 12.7614 13.9294 10 13.9294C7.23858 13.9294 5 16.168 5 18.9294M10 10.9294C8.34315 10.9294 7 9.5863 7 7.92944C7 6.27259 8.34315 4.92944 10 4.92944C11.6569 4.92944 13 6.27259 13 7.92944C13 9.5863 11.6569 10.9294 10 10.9294ZM19 4.12939V15.7294C19 16.8495 19.0002 17.4097 18.7822 17.8375C18.5905 18.2138 18.2841 18.5197 17.9078 18.7114C17.48 18.9294 16.9203 18.9294 15.8002 18.9294H4.2002C3.08009 18.9294 2.51962 18.9294 2.0918 18.7114C1.71547 18.5197 1.40973 18.2138 1.21799 17.8375C1 17.4097 1 16.8495 1 15.7294V4.12939C1 3.00929 1 2.44931 1.21799 2.02148C1.40973 1.64516 1.71547 1.33918 2.0918 1.14743C2.51962 0.929443 3.08009 0.929443 4.2002 0.929443H15.8002C16.9203 0.929443 17.48 0.929443 17.9078 1.14743C18.2841 1.33918 18.5905 1.64516 18.7822 2.02148C19.0002 2.44931 19 3.00929 19 4.12939Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- scan -->\n <svg *ngIf=\"inputIcon === 'scan'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1 5V2C1 1.44772 1.44772 1 2 1H5M1 15V18C1 18.5523 1.44772 19 2 19H5M19 5V2C19 1.44772 18.5523 1 18 1H15M19 15V18C19 18.5523 18.5523 19 18 19H15M2 10H18\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-out -->\n <svg *ngIf=\"inputIcon === 'sign-out'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M7.80053 9.94781H17.7201M15.708 7.4576L18.9408 9.93332L15.708 12.4013M14.9327 4.89544V2.99078C14.9327 1.88621 14.0373 0.990784 12.9327 0.990784H3.05328C1.94871 0.990784 1.05328 1.88621 1.05328 2.99078V16.9978C1.05328 18.1024 1.94871 18.9978 3.05328 18.9978H12.9327C14.0373 18.9978 14.9327 18.1024 14.9327 16.9978V14.9943\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-in -->\n <svg *ngIf=\"inputIcon === 'sign-in'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.07129 10.0204H10.9908M8.97873 7.53022L12.2115 10.0059L8.97873 12.4739M4.03967 7.11697V3.06152C4.03967 1.95695 4.9351 1.06152 6.03967 1.06152H16.9409C18.0454 1.06152 18.9409 1.95695 18.9409 3.06152V17.0685C18.9409 18.1731 18.0454 19.0685 16.9409 19.0685H6.03967C4.9351 19.0685 4.03967 18.1731 4.03967 17.0685V13.1326\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- close -->\n <svg *ngIf=\"inputIcon === 'close'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\" fill=\"none\">\n <path d=\"M1.37749 12.6423L12.6705 1.3492M12.6705 12.6423L1.37749 1.3492\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- rating-star-blank -->\n <svg *ngIf=\"inputIcon === 'rating-star-blank'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 31\" fill=\"none\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- rating-star-filled -->\n <svg\n *ngIf=\"inputIcon === 'rating-star-filled'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 31\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- check-mark -->\n <svg *ngIf=\"inputIcon === 'check-mark'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M1 10L7 16L19 4\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- back-arrow -->\n <svg *ngIf=\"inputIcon === 'back-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6.5 5L1 10L6.5 15M1 10L19 10\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- lock -->\n <svg *ngIf=\"inputIcon === 'lock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 27\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 13C11.6595 13.0003 10.8472 13.303 10.2115 13.8529C9.57579 14.4027 9.1592 15.163 9.03785 15.9947C8.9165 16.8264 9.0985 17.674 9.55058 18.3825C10.0027 19.0911 10.6946 19.6133 11.5 19.8538V22C11.5 22.2652 11.6054 22.5196 11.7929 22.7071C11.9804 22.8946 12.2348 23 12.5 23C12.7652 23 13.0196 22.8946 13.2071 22.7071C13.3946 22.5196 13.5 22.2652 13.5 22V19.8538C14.3054 19.6133 14.9973 19.0911 15.4494 18.3825C15.9015 17.674 16.0835 16.8264 15.9622 15.9947C15.8408 15.163 15.4242 14.4027 14.7885 13.8529C14.1528 13.303 13.3405 13.0003 12.5 13ZM12.5 18C12.2033 18 11.9133 17.912 11.6666 17.7472C11.42 17.5824 11.2277 17.3481 11.1142 17.074C11.0006 16.7999 10.9709 16.4983 11.0288 16.2074C11.0867 15.9164 11.2296 15.6491 11.4393 15.4393C11.6491 15.2296 11.9164 15.0867 12.2074 15.0288C12.4983 14.9709 12.7999 15.0007 13.074 15.1142C13.3481 15.2277 13.5824 15.42 13.7472 15.6666C13.912 15.9133 14 16.2033 14 16.5C14 16.8978 13.842 17.2794 13.5607 17.5607C13.2794 17.842 12.8978 18 12.5 18ZM22.5 9H18.5V6C18.5 4.4087 17.8679 2.88258 16.7426 1.75736C15.6174 0.632141 14.0913 0 12.5 0C10.9087 0 9.38258 0.632141 8.25736 1.75736C7.13214 2.88258 6.5 4.4087 6.5 6V9H2.5C1.96957 9 1.46086 9.21071 1.08579 9.58579C0.710714 9.96086 0.5 10.4696 0.5 11V25C0.5 25.5304 0.710714 26.0391 1.08579 26.4142C1.46086 26.7893 1.96957 27 2.5 27H22.5C23.0304 27 23.5391 26.7893 23.9142 26.4142C24.2893 26.0391 24.5 25.5304 24.5 25V11C24.5 10.4696 24.2893 9.96086 23.9142 9.58579C23.5391 9.21071 23.0304 9 22.5 9ZM8.5 6C8.5 4.93913 8.92143 3.92172 9.67157 3.17157C10.4217 2.42143 11.4391 2 12.5 2C13.5609 2 14.5783 2.42143 15.3284 3.17157C16.0786 3.92172 16.5 4.93913 16.5 6V9H8.5V6ZM22.5 25H2.5V11H22.5V25Z\" />\n </svg>\n <!-- show-password -->\n <svg *ngIf=\"inputIcon === 'show-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n </svg>\n <!-- hide-password -->\n <svg *ngIf=\"inputIcon === 'hide-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n <line x1=\"1\" y1=\"4\" x2=\"19\" y2=\"16\" stroke-width=\"1\" stroke-linecap=\"round\" />\n </svg>\n <!-- circle-check -->\n <svg *ngIf=\"inputIcon === 'circle-check'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M5.5 11L9 14L14.5 7.5\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- circle-alert -->\n <svg *ngIf=\"inputIcon === 'circle-alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M10.0002 19.1666C15.0418 19.1666 19.1668 15.0416 19.1668 9.99998C19.1668 4.95831 15.0418 0.833313 10.0002 0.833313C4.9585 0.833313 0.833496 4.95831 0.833496 9.99998C0.833496 15.0416 4.9585 19.1666 10.0002 19.1666Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n <path d=\"M10 6.33331V10.9166\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M9.99512 13.6667H10.0034\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- direction-switch -->\n <svg *ngIf=\"inputIcon === 'direction-switch'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M15.3805 4.2C14.7138 3.13333 12.5005 1 8.98046 1C4.58046 1 0.980469 3.8 0.980469 8.99999M12.9805 5H16.1804V1.8M2.67738 13.8C3.34405 14.8667 5.55738 17 9.07738 17C13.4774 17 17.0774 14.2 17.0774 9M5.07738 13H1.87739V16.2\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- chat-bubbles -->\n <svg\n *ngIf=\"inputIcon === 'chat-bubbles'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 1 19 V 7 S 1 5 3 5 H 13 S 15 5 15 7 V 15 S 15 17 13 17 H 3.5 Z\" />\n <path d=\"M 4 9 H 12 M 4 13 H 12\" />\n <path d=\"M 3 5 V 3 S 3 1 5 1 H 17 S 19 1 19 3 V 15 L 16.5 13 15 13\" />\n </svg>\n <!-- phone-down -->\n <svg *ngIf=\"inputIcon === 'phone-down'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -8 29 29\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M22.6589 11.7706C23.4866 12.1253 24.4468 11.9404 25.0836 11.3036L27.2257 9.16151C28.0404 8.34676 28.0404 7.02577 27.2257 6.21102C20.3003 -0.714333 9.072 -0.714112 2.14665 6.21124C1.3319 7.02599 1.33198 8.34672 2.14673 9.16146L4.28896 11.3035C4.9257 11.9403 5.88596 12.1251 6.71364 11.7704L9.58644 10.5392C10.3299 10.2206 10.8388 9.52027 10.912 8.71471L11.0005 7.74261C11.1036 6.60831 12.0546 5.7398 13.1936 5.73979L16.1789 5.73968C17.3179 5.73968 18.2687 6.60846 18.3719 7.74277L18.4602 8.71468C18.5335 9.52024 19.0425 10.2207 19.786 10.5393L22.6589 11.7706Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- mic -->\n <svg\n *ngIf=\"inputIcon === 'mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n </svg>\n <!-- no-mic -->\n <svg\n *ngIf=\"inputIcon === 'no-mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n <line x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\" />\n </svg>\n <!-- Button Icons -->\n <!-- button-forward-arrow -->\n <svg *ngIf=\"inputIcon === 'button-forward-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" fill=\"none\">\n <path d=\"M5.5 12.5H19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M12.5 5.5L19.5 12.5L12.5 19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- button-check-box -->\n <svg *ngIf=\"inputIcon === 'button-check-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <rect x=\"1\" y=\"1\" rx=\"4\" ry=\"4\" width=\"18\" height=\"18\" stroke-width=\"1.5\" />\n <path d=\"M5 11L9 14L15 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Social Media Icons -->\n <!-- social-media-whatsapp -->\n <svg\n *ngIf=\"inputIcon === 'social-media-whatsapp'\"\n viewBox=\"-1 -1 27 27\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M18.2273 14.9814C17.9163 14.8265 16.3871 14.0777 16.102 13.9743C15.8169 13.871 15.6096 13.8195 15.4022 14.1293C15.1949 14.4391 14.5988 15.1364 14.4174 15.343C14.236 15.5495 14.0545 15.5755 13.7436 15.4204C13.4325 15.2655 12.4303 14.9387 11.2423 13.884C10.3178 13.0633 9.69351 12.0497 9.51211 11.7398C9.33066 11.4299 9.49273 11.2624 9.64844 11.108C9.78843 10.9693 9.95952 10.7465 10.115 10.5657C10.2706 10.385 10.3224 10.2558 10.426 10.0494C10.5297 9.84273 10.4779 9.66201 10.4 9.50709C10.3224 9.35217 9.70034 7.82853 9.44116 7.20866C9.18867 6.60517 8.93227 6.6869 8.74136 6.67733C8.56016 6.66839 8.35254 6.66649 8.14526 6.66649C7.93794 6.66649 7.60093 6.74395 7.31582 7.05374C7.03076 7.36363 6.22729 8.11257 6.22729 9.63606C6.22729 11.1597 7.34175 12.6315 7.49727 12.8381C7.65278 13.0448 9.69043 16.1712 12.8105 17.512C13.5525 17.831 14.1319 18.0214 14.5836 18.1641C15.3287 18.3997 16.0067 18.3665 16.5426 18.2867C17.1402 18.1979 18.3828 17.538 18.642 16.815C18.9011 16.0918 18.9011 15.4721 18.8234 15.343C18.7457 15.2138 18.5383 15.1364 18.2273 14.9814ZM12.5523 22.693H12.5481C10.6916 22.6923 8.8707 22.1959 7.28223 21.2578L6.90439 21.0346L2.98867 22.0569L4.03384 18.2573L3.78789 17.8677C2.7522 16.2284 2.20518 14.3336 2.20601 12.3881C2.2083 6.711 6.84956 2.09234 12.5564 2.09234C15.3198 2.09326 17.9175 3.16569 19.8709 5.11195C21.8243 7.05816 22.8994 9.64514 22.8983 12.3964C22.8959 18.0739 18.2547 22.693 12.5523 22.693ZM21.3576 3.63307C19.0074 1.2915 15.8821 0.00136065 12.5521 0C5.69111 0 0.10708 5.55698 0.104297 12.3873C0.103418 14.5707 0.676563 16.7018 1.76592 18.5806L0 25L6.59868 23.2773C8.41685 24.2643 10.4639 24.7845 12.5472 24.7852H12.5523C19.4126 24.7852 24.9972 19.2276 25 12.3972C25.0013 9.08708 23.7077 5.97465 21.3576 3.63307Z\" />\n </svg>\n <!-- social-media-facebook -->\n <svg\n *ngIf=\"inputIcon === 'social-media-facebook'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-1 -1 27 27\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M25 12.5764C25 5.63064 19.4036 0 12.5 0C5.59644 0 0 5.63064 0 12.5764C0 18.8536 4.57109 24.0565 10.5469 25V16.2118H7.37305V12.5764H10.5469V9.80566C10.5469 6.6537 12.413 4.91265 15.2683 4.91265C16.6359 4.91265 18.0664 5.15829 18.0664 5.15829V8.25326H16.4902C14.9374 8.25326 14.4531 9.22267 14.4531 10.2172V12.5764H17.9199L17.3657 16.2118H14.4531V25C20.429 24.0565 25 18.8536 25 12.5764Z\" />\n </svg>\n <!-- social-media-linkedin -->\n <svg\n *ngIf=\"inputIcon === 'social-media-linkedin'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M23.3696 0H1.63043C0.733696 0 0 0.733696 0 1.63043V23.3696C0 24.2663 0.733696 25 1.63043 25H23.3696C24.2663 25 25 24.2663 25 23.3696V1.63043C25 0.733696 24.2663 0 23.3696 0ZM3.39674 4.75543C3.83152 4.32065 4.42935 4.07609 5.02717 4.07609C5.625 4.07609 6.22283 4.32065 6.65761 4.75543C7.09239 5.19022 7.33696 5.76087 7.33696 6.38587C7.33696 7.01087 7.09239 7.6087 6.63043 8.04348C6.19565 8.45109 5.625 8.69565 5.05435 8.69565C5.02717 8.69565 5.02717 8.69565 5 8.69565C4.42935 8.72283 3.83152 8.47826 3.39674 8.04348C2.96196 7.6087 2.71739 7.01087 2.71739 6.38587C2.71739 5.76087 2.96196 5.19022 3.39674 4.75543ZM7.33696 21.4946C7.33696 21.9293 6.95652 22.2826 6.52174 22.2826H3.53261C3.09783 22.2826 2.71739 21.9022 2.71739 21.4674V11.6848C2.71739 11.2228 3.07065 10.8696 3.50543 10.8696H6.52174C6.95652 10.8696 7.33696 11.25 7.33696 11.6848V21.4946ZM22.2826 21.7391C22.2826 22.0109 22.0109 22.2826 21.7391 22.2826H18.2065C17.9348 22.2826 17.663 22.0109 17.663 21.7391V15.6522C17.663 15.163 17.5543 14.7826 17.2826 14.538C16.9837 14.2391 16.5761 14.0489 16.1413 14.0761C15.2446 14.0761 14.1033 14.837 14.1033 15.6793V21.8207C14.1033 22.1196 13.8043 22.3098 13.5598 22.3098H10.0272C9.78261 22.3098 9.4837 22.1196 9.4837 21.8207V11.3859C9.4837 11.087 9.78261 10.8696 10.0272 10.8696H13.288C13.5598 10.8696 13.8315 11.1413 13.8315 11.413V11.8207C14.5652 11.0598 16.0326 10.5978 17.0924 10.5978H17.663C19.8098 10.5978 22.2826 12.2826 22.2826 14.4565V21.7391Z\" />\n </svg>\n <!-- social-media-instagram -->\n <svg\n *ngIf=\"inputIcon === 'social-media-instagram'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 0C9.1052 0 8.67952 0.0143895 7.34627 0.0752221C6.01579 0.135956 5.10712 0.347233 4.31198 0.656259C3.48999 0.975705 2.7929 1.40312 2.09798 2.09803C1.40307 2.79294 0.975655 3.49004 0.656209 4.31203C0.347183 5.10712 0.135906 6.01579 0.0751725 7.34627C0.0143398 8.67952 0 9.1052 0 12.5C0 15.8948 0.0143398 16.3205 0.0751725 17.6537C0.135906 18.9842 0.347183 19.8929 0.656209 20.688C0.975655 21.51 1.40307 22.2071 2.09798 22.902C2.7929 23.5969 3.48999 24.0243 4.31198 24.3438C5.10712 24.6528 6.01579 24.8641 7.34627 24.9248C8.67952 24.9856 9.1052 25 12.5 25C15.8948 25 16.3205 24.9856 17.6537 24.9248C18.9842 24.8641 19.8929 24.6528 20.688 24.3438C21.51 24.0243 22.2071 23.5969 22.902 22.902C23.5969 22.2071 24.0243 21.51 24.3438 20.688C24.6528 19.8929 24.8641 18.9842 24.9248 17.6537C24.9856 16.3205 25 15.8948 25 12.5C25 9.1052 24.9856 8.67952 24.9248 7.34627C24.8641 6.01579 24.6528 5.10712 24.3438 4.31203C24.0243 3.49004 23.5969 2.79294 22.902 2.09803C22.2071 1.40312 21.51 0.975705 20.688 0.656259C19.8929 0.347233 18.9842 0.135956 17.6537 0.0752221C16.3205 0.0143895 15.8948 0 12.5 0ZM12.5 2.2523C15.8376 2.2523 16.233 2.265 17.5511 2.32514C18.7698 2.38076 19.4317 2.5844 19.8721 2.75553C20.4556 2.98229 20.872 3.25321 21.3094 3.6906C21.7468 4.12799 22.0177 4.54444 22.2445 5.12786C22.4157 5.56832 22.6193 6.23019 22.6749 7.44893C22.735 8.767 22.7478 9.16236 22.7478 12.5C22.7478 15.8376 22.735 16.233 22.6749 17.5511C22.6193 18.7698 22.4157 19.4317 22.2445 19.8721C22.0177 20.4556 21.7468 20.872 21.3094 21.3094C20.872 21.7468 20.4556 22.0177 19.8721 22.2445C19.4317 22.4157 18.7698 22.6193 17.5511 22.6749C16.2332 22.735 15.8379 22.7478 12.5 22.7478C9.16212 22.7478 8.76685 22.735 7.44893 22.6749C6.23019 22.6193 5.56832 22.4157 5.12786 22.2445C4.54439 22.0177 4.12799 21.7468 3.69055 21.3094C3.25316 20.872 2.98224 20.4556 2.75553 19.8721C2.58435 19.4317 2.38071 18.7698 2.32509 17.5511C2.26495 16.233 2.25225 15.8376 2.25225 12.5C2.25225 9.16236 2.26495 8.767 2.32509 7.44893C2.38071 6.23019 2.58435 5.56832 2.75553 5.12786C2.98224 4.54444 3.25316 4.12799 3.69055 3.6906C4.12799 3.25321 4.54439 2.98229 5.12786 2.75553C5.56832 2.5844 6.23019 2.38076 7.44893 2.32514C8.767 2.265 9.16236 2.2523 12.5 2.2523Z\" />\n <path\n d=\"M12.5 16.6666C10.1988 16.6666 8.3333 14.8012 8.3333 12.5C8.3333 10.1988 10.1988 8.3333 12.5 8.3333C14.8012 8.3333 16.6666 10.1988 16.6666 12.5C16.6666 14.8012 14.8012 16.6666 12.5 16.6666ZM12.5 6.08105C8.95488 6.08105 6.08105 8.95488 6.08105 12.5C6.08105 16.0451 8.95488 18.9189 12.5 18.9189C16.0451 18.9189 18.9189 16.0451 18.9189 12.5C18.9189 8.95488 16.0451 6.08105 12.5 6.08105Z\" />\n <path\n d=\"M20.6726 5.82761C20.6726 6.65605 20.001 7.32759 19.1726 7.32759C18.3442 7.32759 17.6726 6.65605 17.6726 5.82761C17.6726 4.99918 18.3442 4.32764 19.1726 4.32764C20.001 4.32764 20.6726 4.99918 20.6726 5.82761Z\" />\n </svg>\n <!-- social-media-google-mail -->\n <svg\n *ngIf=\"inputIcon === 'social-media-google-mail'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 22 17\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g clip-path=\"url(#clip0_1282_2376)\">\n <path\n d=\"M0.000141144 15.7966C0.11293 16.0839 0.234306 16.3624 0.46389 16.5802C0.745003 16.8469 1.06848 16.9971 1.45093 16.9982C2.54561 17.0012 3.64028 17.0006 4.73553 17.0006C5.01607 17.0006 5.02466 16.9923 5.02466 16.7033C5.02523 14.0175 5.02523 11.3318 5.02523 8.646C5.02523 8.55181 5.02523 8.45761 5.02523 8.36106C5.13745 8.35282 5.18726 8.42523 5.24623 8.47115C7.09034 9.89116 8.93446 11.3106 10.7728 12.7388C10.9412 12.8695 11.0511 12.863 11.216 12.7353C13.0549 11.3082 14.8991 9.88821 16.7426 8.46762C16.7981 8.42464 16.8577 8.33692 16.9195 8.36342C17.0054 8.39933 16.9607 8.50706 16.9607 8.58242C16.963 11.2682 16.9625 13.9539 16.9625 16.6397C16.9625 16.9976 16.963 16.9982 17.3003 16.9982C18.352 16.9982 19.4043 17.0006 20.456 16.9971C21.3549 16.9941 21.991 16.3336 21.9916 15.4046C21.9927 12.4762 21.9916 9.54734 21.9921 6.61903C21.9933 5.22022 21.9893 3.822 22.0001 2.42378C22.0076 1.45297 21.6017 0.724131 20.7772 0.283176C19.9333 -0.168375 19.0997 -0.0718245 18.3348 0.515134C16.7581 1.72555 15.1859 2.94244 13.612 4.15639C12.8048 4.77867 11.9946 5.39742 11.1937 6.02795C11.0391 6.14922 10.9377 6.14275 10.786 6.025C8.90641 4.56732 7.02221 3.11671 5.13859 1.66491C4.62904 1.27223 4.11777 0.882497 3.6065 0.492173C2.31259 -0.495706 0.49538 0.14777 0.0631199 1.74616C0.0459442 1.80974 0.0213261 1.87038 -0.000429153 1.93278C0.000143051 6.55368 0.000141144 11.1752 0.000141144 15.7966Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1282_2376\">\n <rect width=\"22\" height=\"17\" transform=\"matrix(-1 0 0 1 22 0)\" />\n </clipPath>\n </defs>\n </svg>\n <!-- Instant Video Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,3.08c-7.13-.08-13,5.67-13.05,12.82-.05,7.01,5.53,12.88,12.7,13.01,7.13.14,13.01-5.56,13.12-12.75.12-7.11-5.61-13-12.77-13.08Zm-.15,21.93c-4.88.04-8.97-4.01-9-8.92-.04-5.01,3.96-9.07,8.97-9.11,4.94-.03,9.03,3.99,9.06,8.9.03,5.07-3.95,9.09-9.03,9.13Z\" />\n <g>\n <g>\n <path\n d=\"m45.29,62.33c.4.41.4,1.06,0,1.46l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0Z\" />\n <path\n d=\"m35.43,59.61c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21Z\" />\n <path\n d=\"m66.36,45.57c-.2-1.35-.47-2.69-.94-3.98-.9-2.46-2.37-4.55-4.19-6.41-1.51-1.53-3.2-2.84-5.02-3.98-1.43-.88-2.9-1.67-4.45-2.31-.75-.3-1.63-.13-2.14.47-.72.83-1.61,1.43-2.58,1.92-2.68,1.36-5.52,1.86-8.51,1.57-2.05-.19-4-.77-5.81-1.77-.76-.42-1.49-.9-2.06-1.56-.63-.73-1.43-.96-2.33-.61-.73.28-1.46.57-2.17.91-2.97,1.42-5.61,3.3-7.8,5.77-1.77,1.99-3.1,4.23-3.89,6.77-.69,2.24-.95,4.56-1.1,6.89-.12,1.96-.12,3.92-.04,5.88.04,1.16.87,1.97,2.02,1.97h10.78c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.62,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h10.75c1.07,0,1.9-.75,1.97-1.81.07-1.1.12-2.2.13-3.31.03-2.14-.07-4.28-.37-6.41Zm-26.35,27.85c-6.22,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.77-1.53,1.88-2.87,3.24-3.9,1.89-1.45,4.26-2.31,6.83-2.31s4.93.86,6.82,2.31c1.36,1.03,2.47,2.37,3.24,3.9.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm22.82-20.43c0,.16-.06.21-.22.21-1.53-.01-3.05,0-4.57,0h-6.31c-2.69-3.53-6.94-5.81-11.72-5.81s-9.04,2.28-11.73,5.81h-11.12c.02-1.02.03-2,.07-2.98.06-1.44.21-2.87.42-4.3.45-3.04,1.72-5.67,3.8-7.93,1.98-2.15,4.36-3.75,7.02-4.94.08-.04.15-.07.25.01,1.89,1.55,4.06,2.54,6.41,3.14,4.48,1.14,8.85.77,13.06-1.14,1.12-.51,2.17-1.13,3.12-1.92.11-.09.2-.09.33-.03,2.15,1.08,4.16,2.37,5.95,3.99,1.58,1.42,2.91,3.03,3.81,4.97.5,1.08.79,2.22.99,3.39.38,2.25.47,4.53.44,6.81,0,.24-.01.48,0,.72Z\" />\n </g>\n <path\n d=\"m45.29,63.79l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0,.4.41.4,1.06,0,1.46Z\" />\n <path\n d=\"m45.29,59.61l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45Z\" />\n </g>\n </svg>\n <!-- Instant Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <g>\n <path\n d=\"m43.17,57.56c.39.4.39,1.02,0,1.41l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0Z\" />\n <path\n d=\"m33.66,54.94c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06Z\" />\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.67.63,1.34,1.23,2.04,1.82-5.36,2.04-9.17,7.23-9.17,13.31,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.78-4.67.55-.04,1.1-.07,1.64-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.91,28.85c-6,0-10.87-4.87-10.87-10.86,0-5.38,3.93-9.86,9.07-10.72.59-.11,1.19-.15,1.8-.15,4.17,0,7.78,2.35,9.61,5.81.8,1.51,1.25,3.23,1.25,5.06,0,5.99-4.87,10.86-10.86,10.86Zm20.01-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.84.11-1.68.11-2.5.02-2.55-3.87-6.93-6.42-11.89-6.42-.41,0-.83.02-1.24.06-.68-.52-1.33-1.07-1.99-1.63-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n </g>\n <path\n d=\"m43.17,58.97l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0,.39.4.39,1.02,0,1.41Z\" />\n <path\n d=\"m43.17,54.94l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4Z\" />\n </g>\n </svg>\n <!-- Scheduled Video Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,2.31c-7.34-.09-13.37,5.83-13.43,13.19-.05,7.2,5.69,13.24,13.07,13.38,7.33.14,13.38-5.73,13.49-13.12.12-7.32-5.77-13.38-13.13-13.45Zm-.16,22.55c-5.02.04-9.22-4.12-9.26-9.17-.04-5.15,4.08-9.34,9.23-9.37,5.08-.03,9.29,4.1,9.32,9.15.03,5.21-4.06,9.35-9.29,9.39Z\" />\n <g>\n <path\n d=\"m67.1,46.01c-.2-1.39-.48-2.77-.97-4.1-.92-2.52-2.43-4.67-4.3-6.58-1.55-1.58-3.3-2.92-5.17-4.1-1.46-.91-2.98-1.72-4.58-2.37-.77-.32-1.67-.14-2.19.47-.75.86-1.66,1.48-2.66,1.98-2.76,1.4-5.68,1.91-8.75,1.62-2.12-.2-4.12-.79-5.98-1.82-.78-.44-1.53-.93-2.12-1.61-.65-.75-1.47-.99-2.39-.63-.75.29-1.51.59-2.24.94-3.05,1.47-5.76,3.4-8.02,5.94-1.82,2.04-3.19,4.34-4,6.96-.71,2.31-.98,4.69-1.13,7.08-.12,2.02-.13,4.04-.05,6.06.05,1.18.9,2.02,2.08,2.02h11.53c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.63,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h11.41c1.1,0,1.96-.77,2.03-1.86.08-1.14.12-2.27.14-3.4.03-2.21-.07-4.41-.39-6.6Zm-27.06,28.18c-6.21,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.8-1.59,1.97-2.97,3.4-4.01,1.87-1.39,4.17-2.2,6.67-2.2s4.81.82,6.68,2.2c1.42,1.05,2.58,2.42,3.38,4.01.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm23.43-20.55c0,.17-.06.22-.23.22-1.56-.01-3.13,0-4.7,0h-6.86c-2.7-3.47-6.91-5.7-11.64-5.7s-8.94,2.23-11.64,5.7h-11.91c.03-1.05.03-2.06.08-3.07.06-1.48.21-2.95.43-4.42.46-3.13,1.77-5.83,3.91-8.15,2.04-2.22,4.48-3.86,7.22-5.09.09-.04.15-.07.25.01,1.95,1.6,4.18,2.62,6.61,3.23,4.6,1.17,9.09.79,13.43-1.17,1.15-.52,2.22-1.17,3.2-1.97.12-.1.2-.1.34-.03,2.22,1.1,4.28,2.44,6.12,4.1,1.63,1.46,3,3.11,3.92,5.11.52,1.11.82,2.29,1.02,3.49.39,2.32.48,4.65.46,7-.01.25-.02.49-.01.74Z\" />\n <path\n d=\"m45.97,63.99c0,.56-.44,1-1,1h-5.99c-.55,0-1-.44-1-1,0-.03,0-.07.01-.1-.01-.03-.01-.07-.01-.11v-7.27c0-.56.45-1,1-1s1,.44,1,1v6.48h4.99c.56,0,1,.45,1,1Z\" />\n </g>\n </svg>\n <!-- Scheduled Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.68.63,1.36,1.24,2.05,1.83-5.34,2.05-9.15,7.23-9.15,13.3,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.79-4.67.54-.04,1.08-.07,1.61-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.88,28.85c-5.99,0-10.87-4.87-10.87-10.86,0-5.37,3.92-9.84,9.04-10.72.59-.11,1.21-.15,1.83-.15,4.17,0,7.79,2.36,9.62,5.82.79,1.51,1.24,3.23,1.24,5.05,0,5.99-4.87,10.86-10.86,10.86Zm19.98-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.83.11-1.64.11-2.45.02-2.56-3.87-6.93-6.42-11.9-6.42-.43,0-.86.02-1.28.07-.68-.53-1.33-1.08-1.99-1.64-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n <path\n d=\"m43.84,58.42c0,.54-.42.96-.96.96h-5.78c-.53,0-.96-.42-.96-.96,0-.03,0-.07,0-.1,0-.03,0-.07,0-.11v-7.01c0-.54.43-.96.96-.96s.96.42.96.96v6.25h4.81c.54,0,.96.43.96.96Z\" />\n </g>\n </svg>\n <!-- Vital Scan Service -->\n <svg\n *ngIf=\"inputIcon === 'vital-scan-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m69.5,31c-1.38,0-2.5-1.12-2.5-2.5v-13.5s-13.5,0-13.5,0h0c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h16s0,0,0,0h0c1.38,0,2.5,1.12,2.5,2.5,0,.03,0,.06,0,.09v15.91c0,1.38-1.12,2.5-2.5,2.5h0Z\" />\n <path\n d=\"m69.5,70h-16c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h13.5s0-13.5,0-13.5c0-1.38,1.12-2.5,2.5-2.5h0c1.38,0,2.5,1.12,2.5,2.5v15.88s0,.08,0,.12c0,1.38-1.12,2.5-2.5,2.5Z\" />\n <path\n d=\"m10.5,49c1.38,0,2.5,1.12,2.5,2.5v13.5s13.5,0,13.5,0h0c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-16s0,0,0,0h0c-1.38,0-2.5-1.12-2.5-2.5,0-.03,0-.06,0-.09v-15.91c0-1.38,1.12-2.5,2.5-2.5h0Z\" />\n <path\n d=\"m10.5,10h16c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-13.5s0,13.5,0,13.5c0,1.38-1.12,2.5-2.5,2.5h0c-1.38,0-2.5-1.12-2.5-2.5v-15.88s0-.08,0-.12c0-1.38,1.12-2.5,2.5-2.5Z\" />\n </g>\n <path\n d=\"m66.91,41.79c0,.99-.83,1.79-1.85,1.79h0s-7.04,0-7.04,0c-1.08,0-2.17-.03-3.25,0-1.07.04-1.76-.42-2.2-1.38-.38-.83-.82-1.63-1.37-2.72-.87,2.89-1.65,5.48-2.43,8.06-.53,1.75-1.06,3.5-1.57,5.25-.27.92-.83,1.54-1.82,1.52-1.05-.02-1.57-.68-1.79-1.68-1.18-5.51-2.37-11.02-3.55-16.53-.04-.17-.09-.33-.22-.84-.22.66-.35,1.02-.46,1.38-.97,3.53-1.94,7.05-2.89,10.58-.26.97-.74,1.67-1.79,1.7-1.12.03-1.62-.7-1.9-1.71-.61-2.23-1.27-4.45-1.92-6.67-.07-.24-.17-.47-.32-.91-.52,1.03-.87,1.93-1.41,2.7-.35.5-.97,1.14-1.49,1.16-4.15.09-8.31.05-12.52.05-.06,0-.13,0-.19,0-1.02,0-1.85-.8-1.85-1.79s.83-1.79,1.85-1.79h0s1.17,0,1.17,0c3.1,0,6.2-.02,9.31.02.7,0,1.07-.22,1.36-.85.79-1.69,1.66-3.34,2.48-5.02.41-.85.98-1.43,1.99-1.31.94.11,1.38.75,1.62,1.63.51,1.87,1.07,3.73,1.7,5.92.22-.72.37-1.14.49-1.58,1.05-3.81,2.1-7.63,3.12-11.45.27-1.02.77-1.74,1.89-1.7,1.11.04,1.57.79,1.79,1.82,1.16,5.48,2.35,10.95,3.53,16.42.08.36.17.71.32,1.34,1.07-3.54,2.05-6.82,3.04-10.1.11-.36.2-.77.34-1.05.3-.59,1.01-1.14,1.56-1.18.55-.04,1.39.44,1.69.94,1,1.7,1.85,3.5,2.68,5.29.32.69.72.89,1.45.88,2.83-.05,5.67-.02,8.58-.02h0s0,0,0,0c1.02,0,1.85.8,1.85,1.79Z\" />\n </svg>\n <!-- open-back-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-back-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M14 3 L6 10 L14 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-forward-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-forward-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6 3 L14 10 L6 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-up-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-up-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 14 L10 6 L17 14\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-down-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-down-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 6 L10 14 L17 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Single Document -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'single-document'\" viewBox=\"0 0 18 22\" fill=\"none\">\n <path\n d=\"M11 1H2.5C1.67157 1 1 1.67157 1 2.5V19.5C1 20.3284 1.67157 21 2.5 21H15.5C16.3284 21 17 20.3284 17 19.5V7M11 1L17 7M11 1V5.5C11 6.32843 11.6716 7 12.5 7H17M4 14H12M4 17H9\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Lightning -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'lightning'\" viewBox=\"0 0 14 22\" fill=\"none\">\n <path\n d=\"M1.23099 11.6824L8.99999 1V10H12.6072C12.7707 10 12.8651 10.1854 12.769 10.3176L4.99999 21V12H1.39274C1.22928 12 1.13485 11.8146 1.23099 11.6824Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Microsoft 365 -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'microsoft-365'\" fill=\"none\" viewBox=\"4 2 40 44\" style=\"stroke: none\">\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint0_radial_2994_8373)\" />\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint1_linear_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint2_radial_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint3_linear_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint4_radial_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint5_linear_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint6_radial_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint7_linear_2994_8373)\" />\n <defs>\n <radialGradient\n id=\"paint0_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(17.4186 10.6383) rotate(110.528) scale(33.3657 58.1966)\">\n <stop offset=\"0.06441\" stop-color=\"#AE7FE2\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" />\n </radialGradient>\n <linearGradient id=\"paint1_linear_2994_8373\" x1=\"17.5119\" y1=\"37.8685\" x2=\"12.7513\" y2=\"29.6347\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#114A8B\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint2_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(10.4299 36.3511) rotate(-8.36717) scale(31.0503 20.5108)\">\n <stop offset=\"0.133928\" stop-color=\"#D59DFF\" />\n <stop offset=\"1\" stop-color=\"#5E438F\" />\n </radialGradient>\n <linearGradient id=\"paint3_linear_2994_8373\" x1=\"40.3566\" y1=\"25.3768\" x2=\"35.2552\" y2=\"32.6916\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#493474\" />\n <stop offset=\"1\" stop-color=\"#8C66BA\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint4_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint5_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint6_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint7_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n </defs>\n </svg>\n <!-- user-dependent -->\n <svg *ngIf=\"icon === 'user-dependent'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23 23\" fill=\"none\">\n <path\n d=\"M15.65 20.2C15.65 17.87 13.33 15.97 10.46 15.97C7.59 15.97 5.27 17.86 5.27 20.2M14.2 3.73999C13.06 3.25999 11.81 3 10.5 3C5.25 3 1 7.25 1 12.5C1 17.75 5.25 22 10.5 22C15.75 22 20 17.75 20 12.5C20 11.19 19.73 9.92998 19.25 8.78998M14.2 3.73999C14.07 4.13999 14 4.56 14 5C14 5.75 14.21 6.46 14.58 7.06C14.78 7.4 15.04 7.70997 15.34 7.96997C16.04 8.60997 16.97 9 18 9C18.44 9 18.86 8.92998 19.25 8.78998M14.2 3.73999C14.39 3.15999 14.71 2.64002 15.13 2.21002C15.86 1.46002 16.88 1 18 1C19.18 1 20.25 1.51002 20.97 2.33002C21.61 3.04002 22 3.98 22 5C22 5.32 21.96 5.62999 21.88 5.92999C21.79 6.32999 21.63 6.72 21.42 7.06C20.94 7.87 20.17 8.49998 19.25 8.78998M19.49 4.97998H16.51M18 3.52002V6.51001M13.27 10.92C13.27 12.4719 12.0119 13.73 10.46 13.73C8.90808 13.73 7.65 12.4719 7.65 10.92C7.65 9.36806 8.90808 8.10999 10.46 8.10999C12.0119 8.10999 13.27 9.36806 13.27 10.92Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- plus -->\n <svg *ngIf=\"icon === 'plus'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 14\" fill=\"none\">\n <path d=\"M1.52881 6.99686H13.5069M7.51786 12.9859V1.00781\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- close-box -->\n <svg *ngIf=\"icon === 'close-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M6.06584 13.9342L10 10M10 10L13.9342 6.06581M10 10L13.9342 13.9342M10 10L6.06584 6.06581M5 19H15C17.2091 19 19 17.2091 19 15V5C19 2.79086 17.2091 1 15 1H5C2.79086 1 1 2.79086 1 5V15C1 17.2091 2.79086 19 5 19Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n</div>\n", styles: [".app-icon-container{display:flex;align-items:center;justify-content:center;aspect-ratio:1}svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));height:100%;--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.primary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.secondary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary))}.success svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success))}.warning svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning))}.error svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error))}.white svg{stroke:var(--cf-svg-overwrite-stroke-color, #ffffff);--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, #ffffff)}.accent svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent))}\n"] }]
220
+ args: [{ selector: 'cf-icon', template: "<div class=\"app-icon-container\" [ngStyle]=\"{ height: (this.height || 20) + 'px' }\" [ngClass]=\"iconColor\">\n <!-- person -->\n <svg *ngIf=\"inputIcon === 'person'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"5\" r=\"4\" stroke-width=\"1.5\" />\n <path d=\"M2 19C3 10 17 10 18 19\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n </svg>\n <!-- appointment -->\n <svg\n *ngIf=\"inputIcon === 'appointment'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n style=\"stroke-width: 1.5; stroke-linecap: round\">\n <rect width=\"16\" height=\"16\" x=\"2\" y=\"3\" rx=\"2\" ry=\"2\" />\n <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"3\" />\n <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"3\" />\n <line x1=\"2\" y1=\"7\" x2=\"18\" y2=\"7\" />\n <line x1=\"6\" y1=\"11\" x2=\"14\" y2=\"11\" />\n </svg>\n <!-- clock -->\n <svg *ngIf=\"inputIcon === 'clock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M10 6L10 10L13 13\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- calendar -->\n <svg *ngIf=\"inputIcon === 'calendar'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 20\" fill=\"none\">\n <path\n d=\"M1 6.50508H21M4.01099 2.50004V2C4.01099 1.72386 4.23484 1.5 4.51099 1.5H17.4878C17.7639 1.5 17.9878 1.72386 17.9878 2V2.50004M4.98834 9.00006H5.03295M4.96603 12.1079H5.01064M4.94379 15.2158H4.9884M9.03296 9.00006H9.07757M9.01065 12.1079H9.05526M8.98834 15.2158H9.03295M13.0776 9.00006H13.1222M13.0553 12.1079H13.0999M13.033 15.2158H13.0776M17.1222 9.00006H17.1668M17.0999 12.1079H17.1445M17.0776 15.2158H17.1222M3 18.5H19C20.1046 18.5 21 17.6046 21 16.5V4.5C21 3.39543 20.1046 2.5 19 2.5H3C1.89543 2.5 1 3.39543 1 4.5V16.5C1 17.6046 1.89543 18.5 3 18.5Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- email -->\n <svg *ngIf=\"inputIcon === 'email'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 16\" fill=\"none\">\n <path\n d=\"M2 2L10.2286 8L17.9999 2M19 4.19995V11.8C19 12.9201 19.0002 13.4802 18.7822 13.908C18.5905 14.2844 18.2841 14.5902 17.9078 14.782C17.48 15 16.9203 15 15.8002 15H4.2002C3.08009 15 2.51962 15 2.0918 14.782C1.71547 14.5902 1.40973 14.2844 1.21799 13.908C1 13.4802 1 12.9201 1 11.8V4.19995C1 3.07985 1 2.51986 1.21799 2.09204C1.40973 1.71572 1.71547 1.40973 2.0918 1.21799C2.51962 1 3.08009 1 4.2002 1H15.8002C16.9203 1 17.48 1 17.9078 1.21799C18.2841 1.40973 18.5905 1.71572 18.7822 2.09204C19.0002 2.51986 19 3.07985 19 4.19995Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- phone -->\n <svg *ngIf=\"inputIcon === 'phone'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\n <path\n d=\"M20.97 17.33C20.97 17.69 20.89 18.06 20.72 18.42C20.55 18.78 20.33 19.12 20.04 19.44C19.55 19.98 19.01 20.37 18.4 20.62C17.8 20.87 17.15 21 16.45 21C15.43 21 14.34 20.76 13.19 20.27C12.04 19.78 10.89 19.12 9.75 18.29C8.6 17.45 7.51 16.52 6.47 15.49C5.44 14.45 4.51 13.36 3.68 12.22C2.86 11.08 2.2 9.94 1.72 8.81C1.24 7.67 1 6.58 1 5.54C1 4.86 1.12 4.21 1.36 3.61C1.6 3 1.98 2.44 2.51 1.94C3.15 1.31 3.85 1 4.59 1C4.87 1 5.15 1.06 5.4 1.18C5.66 1.3 5.89 1.48 6.07 1.74L8.39 5.01C8.57 5.26 8.7 5.49 8.79 5.71C8.88 5.92 8.93 6.13 8.93 6.32C8.93 6.56 8.86 6.8 8.72 7.03C8.59 7.26 8.4 7.5 8.16 7.74L7.4 8.53C7.29 8.64 7.24 8.77 7.24 8.93C7.24 9.01 7.25 9.08 7.27 9.16C7.3 9.24 7.33 9.3 7.35 9.36C7.53 9.69 7.84 10.12 8.28 10.64C8.73 11.16 9.21 11.69 9.73 12.22C10.27 12.75 10.79 13.24 11.32 13.69C11.84 14.13 12.27 14.43 12.61 14.61C12.66 14.63 12.72 14.66 12.79 14.69C12.87 14.72 12.95 14.73 13.04 14.73C13.21 14.73 13.34 14.67 13.45 14.56L14.21 13.81C14.46 13.56 14.7 13.37 14.93 13.25C15.16 13.11 15.39 13.04 15.64 13.04C15.83 13.04 16.03 13.08 16.25 13.17C16.47 13.26 16.7 13.39 16.95 13.56L20.26 15.91C20.52 16.09 20.7 16.3 20.81 16.55C20.91 16.8 20.97 17.05 20.97 17.33Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\" />\n <path d=\"M14 1C17 1 21 4 21 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M14 4C16 4 18 6 18 8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- home -->\n <svg *ngIf=\"inputIcon === 'home'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.97409 6.39868L9.14434 1.56272C9.64904 1.22233 10.3094 1.22072 10.8158 1.55865L18.0692 6.39951C18.6251 6.77052 18.959 7.39471 18.959 8.06306V19H12.0095V13.0287C12.0095 11.9177 11.1089 11.0171 9.99786 11.0171C8.88685 11.0171 7.9862 11.9177 7.9862 13.0287V19H1.09241V8.0568C1.09241 7.3919 1.42285 6.77047 1.97409 6.39868Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- cog -->\n <svg *ngIf=\"inputIcon === 'cog'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M10.4014 0.7771C10.6692 0.7771 10.9258 0.884538 11.1138 1.07535L12.4463 2.4281C12.5731 2.55681 12.7323 2.64876 12.9072 2.6942L14.745 3.1718C15.0042 3.23917 15.2255 3.4077 15.3595 3.63965L16.7608 6.06688C16.8947 6.29883 16.93 6.5748 16.8587 6.83298L16.3535 8.66333C16.3054 8.83748 16.3054 9.02139 16.3535 9.19553L16.8587 11.0259C16.93 11.2841 16.8947 11.56 16.7608 11.792L15.3595 14.2192C15.2255 14.4512 15.0042 14.6197 14.745 14.6871L12.9072 15.1647C12.7323 15.2101 12.5731 15.3021 12.4463 15.4308L11.1138 16.7835C10.9258 16.9743 10.6692 17.0818 10.4014 17.0818H7.59865C7.33082 17.0818 7.07418 16.9743 6.88623 16.7835L5.55373 15.4308C5.42695 15.3021 5.26768 15.2101 5.09283 15.1647L3.25506 14.6871C2.99584 14.6197 2.77448 14.4512 2.64056 14.2192L1.2392 11.792C1.10529 11.56 1.07001 11.2841 1.14128 11.0259L1.64655 9.19553C1.69462 9.02139 1.69462 8.83748 1.64655 8.66333L1.14128 6.83298C1.07001 6.5748 1.10529 6.29883 1.2392 6.06688L2.64056 3.63965C2.77448 3.4077 2.99584 3.23917 3.25506 3.1718L5.09283 2.6942C5.26768 2.64876 5.42695 2.55681 5.55373 2.4281L6.88623 1.07535C7.07418 0.884538 7.33082 0.7771 7.59865 0.7771H10.4014Z\"\n stroke-width=\"1.5\" />\n <path\n d=\"M12.1179 8.92943C12.1179 10.6114 10.7544 11.9748 9.07247 11.9748C7.39054 11.9748 6.02706 10.6114 6.02706 8.92943C6.02706 7.2475 7.39054 5.88402 9.07247 5.88402C10.7544 5.88402 12.1179 7.2475 12.1179 8.92943Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- profile -->\n <svg *ngIf=\"inputIcon === 'profile'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M15 18.9294C15 16.168 12.7614 13.9294 10 13.9294C7.23858 13.9294 5 16.168 5 18.9294M10 10.9294C8.34315 10.9294 7 9.5863 7 7.92944C7 6.27259 8.34315 4.92944 10 4.92944C11.6569 4.92944 13 6.27259 13 7.92944C13 9.5863 11.6569 10.9294 10 10.9294ZM19 4.12939V15.7294C19 16.8495 19.0002 17.4097 18.7822 17.8375C18.5905 18.2138 18.2841 18.5197 17.9078 18.7114C17.48 18.9294 16.9203 18.9294 15.8002 18.9294H4.2002C3.08009 18.9294 2.51962 18.9294 2.0918 18.7114C1.71547 18.5197 1.40973 18.2138 1.21799 17.8375C1 17.4097 1 16.8495 1 15.7294V4.12939C1 3.00929 1 2.44931 1.21799 2.02148C1.40973 1.64516 1.71547 1.33918 2.0918 1.14743C2.51962 0.929443 3.08009 0.929443 4.2002 0.929443H15.8002C16.9203 0.929443 17.48 0.929443 17.9078 1.14743C18.2841 1.33918 18.5905 1.64516 18.7822 2.02148C19.0002 2.44931 19 3.00929 19 4.12939Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- scan -->\n <svg *ngIf=\"inputIcon === 'scan'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1 5V2C1 1.44772 1.44772 1 2 1H5M1 15V18C1 18.5523 1.44772 19 2 19H5M19 5V2C19 1.44772 18.5523 1 18 1H15M19 15V18C19 18.5523 18.5523 19 18 19H15M2 10H18\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-out -->\n <svg *ngIf=\"inputIcon === 'sign-out'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M7.80053 9.94781H17.7201M15.708 7.4576L18.9408 9.93332L15.708 12.4013M14.9327 4.89544V2.99078C14.9327 1.88621 14.0373 0.990784 12.9327 0.990784H3.05328C1.94871 0.990784 1.05328 1.88621 1.05328 2.99078V16.9978C1.05328 18.1024 1.94871 18.9978 3.05328 18.9978H12.9327C14.0373 18.9978 14.9327 18.1024 14.9327 16.9978V14.9943\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- sign-in -->\n <svg *ngIf=\"inputIcon === 'sign-in'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M1.07129 10.0204H10.9908M8.97873 7.53022L12.2115 10.0059L8.97873 12.4739M4.03967 7.11697V3.06152C4.03967 1.95695 4.9351 1.06152 6.03967 1.06152H16.9409C18.0454 1.06152 18.9409 1.95695 18.9409 3.06152V17.0685C18.9409 18.1731 18.0454 19.0685 16.9409 19.0685H6.03967C4.9351 19.0685 4.03967 18.1731 4.03967 17.0685V13.1326\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- close -->\n <svg *ngIf=\"inputIcon === 'close'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 14\" fill=\"none\">\n <path d=\"M1.37749 12.6423L12.6705 1.3492M12.6705 12.6423L1.37749 1.3492\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- rating-star-blank -->\n <svg *ngIf=\"inputIcon === 'rating-star-blank'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 31\" fill=\"none\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- rating-star-filled -->\n <svg\n *ngIf=\"inputIcon === 'rating-star-filled'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 31\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M15.2481 1.90951C15.55 1.27691 16.4504 1.27691 16.7523 1.90951L20.6057 9.98487C20.7271 10.2395 20.9692 10.4153 21.2488 10.4522L30.1197 11.6215C30.8146 11.7131 31.0929 12.5695 30.5845 13.0521L24.0952 19.2123C23.8906 19.4065 23.7981 19.691 23.8495 19.9684L25.4786 28.7665C25.6063 29.4557 24.8778 29.985 24.2617 29.6506L16.3977 25.3825C16.1498 25.2479 15.8506 25.2479 15.6027 25.3825L7.73866 29.6506C7.12262 29.985 6.39413 29.4557 6.52175 28.7665L8.15088 19.9684C8.20225 19.691 8.1098 19.4065 7.90521 19.2123L1.41584 13.0521C0.907481 12.5695 1.18574 11.7131 1.88066 11.6215L10.7515 10.4522C11.0312 10.4153 11.2732 10.2395 11.3947 9.98487L15.2481 1.90951Z\"\n stroke-width=\"1.5\" />\n </svg>\n <!-- check-mark -->\n <svg *ngIf=\"inputIcon === 'check-mark'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M1 10L7 16L19 4\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- back-arrow -->\n <svg *ngIf=\"inputIcon === 'back-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6.5 5L1 10L6.5 15M1 10L19 10\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- lock -->\n <svg *ngIf=\"inputIcon === 'lock'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 27\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 13C11.6595 13.0003 10.8472 13.303 10.2115 13.8529C9.57579 14.4027 9.1592 15.163 9.03785 15.9947C8.9165 16.8264 9.0985 17.674 9.55058 18.3825C10.0027 19.0911 10.6946 19.6133 11.5 19.8538V22C11.5 22.2652 11.6054 22.5196 11.7929 22.7071C11.9804 22.8946 12.2348 23 12.5 23C12.7652 23 13.0196 22.8946 13.2071 22.7071C13.3946 22.5196 13.5 22.2652 13.5 22V19.8538C14.3054 19.6133 14.9973 19.0911 15.4494 18.3825C15.9015 17.674 16.0835 16.8264 15.9622 15.9947C15.8408 15.163 15.4242 14.4027 14.7885 13.8529C14.1528 13.303 13.3405 13.0003 12.5 13ZM12.5 18C12.2033 18 11.9133 17.912 11.6666 17.7472C11.42 17.5824 11.2277 17.3481 11.1142 17.074C11.0006 16.7999 10.9709 16.4983 11.0288 16.2074C11.0867 15.9164 11.2296 15.6491 11.4393 15.4393C11.6491 15.2296 11.9164 15.0867 12.2074 15.0288C12.4983 14.9709 12.7999 15.0007 13.074 15.1142C13.3481 15.2277 13.5824 15.42 13.7472 15.6666C13.912 15.9133 14 16.2033 14 16.5C14 16.8978 13.842 17.2794 13.5607 17.5607C13.2794 17.842 12.8978 18 12.5 18ZM22.5 9H18.5V6C18.5 4.4087 17.8679 2.88258 16.7426 1.75736C15.6174 0.632141 14.0913 0 12.5 0C10.9087 0 9.38258 0.632141 8.25736 1.75736C7.13214 2.88258 6.5 4.4087 6.5 6V9H2.5C1.96957 9 1.46086 9.21071 1.08579 9.58579C0.710714 9.96086 0.5 10.4696 0.5 11V25C0.5 25.5304 0.710714 26.0391 1.08579 26.4142C1.46086 26.7893 1.96957 27 2.5 27H22.5C23.0304 27 23.5391 26.7893 23.9142 26.4142C24.2893 26.0391 24.5 25.5304 24.5 25V11C24.5 10.4696 24.2893 9.96086 23.9142 9.58579C23.5391 9.21071 23.0304 9 22.5 9ZM8.5 6C8.5 4.93913 8.92143 3.92172 9.67157 3.17157C10.4217 2.42143 11.4391 2 12.5 2C13.5609 2 14.5783 2.42143 15.3284 3.17157C16.0786 3.92172 16.5 4.93913 16.5 6V9H8.5V6ZM22.5 25H2.5V11H22.5V25Z\" />\n </svg>\n <!-- show-password -->\n <svg *ngIf=\"inputIcon === 'show-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n </svg>\n <!-- hide-password -->\n <svg *ngIf=\"inputIcon === 'hide-password'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <ellipse cx=\"10\" cy=\"10\" rx=\"9\" ry=\"4\" stroke-width=\"1\" />\n <circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke-width=\"1\" />\n <line x1=\"1\" y1=\"4\" x2=\"19\" y2=\"16\" stroke-width=\"1\" stroke-linecap=\"round\" />\n </svg>\n <!-- circle-check -->\n <svg *ngIf=\"inputIcon === 'circle-check'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <circle cx=\"10\" cy=\"10\" r=\"9\" stroke-width=\"1.5\" />\n <path d=\"M5.5 11L9 14L14.5 7.5\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- circle-alert -->\n <svg *ngIf=\"inputIcon === 'circle-alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M10.0002 19.1666C15.0418 19.1666 19.1668 15.0416 19.1668 9.99998C19.1668 4.95831 15.0418 0.833313 10.0002 0.833313C4.9585 0.833313 0.833496 4.95831 0.833496 9.99998C0.833496 15.0416 4.9585 19.1666 10.0002 19.1666Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n <path d=\"M10 6.33331V10.9166\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M9.99512 13.6667H10.0034\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- direction-switch -->\n <svg *ngIf=\"inputIcon === 'direction-switch'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path\n d=\"M15.3805 4.2C14.7138 3.13333 12.5005 1 8.98046 1C4.58046 1 0.980469 3.8 0.980469 8.99999M12.9805 5H16.1804V1.8M2.67738 13.8C3.34405 14.8667 5.55738 17 9.07738 17C13.4774 17 17.0774 14.2 17.0774 9M5.07738 13H1.87739V16.2\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- chat-bubbles -->\n <svg\n *ngIf=\"inputIcon === 'chat-bubbles'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 1 19 V 7 S 1 5 3 5 H 13 S 15 5 15 7 V 15 S 15 17 13 17 H 3.5 Z\" />\n <path d=\"M 4 9 H 12 M 4 13 H 12\" />\n <path d=\"M 3 5 V 3 S 3 1 5 1 H 17 S 19 1 19 3 V 15 L 16.5 13 15 13\" />\n </svg>\n <!-- phone-down -->\n <svg *ngIf=\"inputIcon === 'phone-down'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -8 29 29\" style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M22.6589 11.7706C23.4866 12.1253 24.4468 11.9404 25.0836 11.3036L27.2257 9.16151C28.0404 8.34676 28.0404 7.02577 27.2257 6.21102C20.3003 -0.714333 9.072 -0.714112 2.14665 6.21124C1.3319 7.02599 1.33198 8.34672 2.14673 9.16146L4.28896 11.3035C4.9257 11.9403 5.88596 12.1251 6.71364 11.7704L9.58644 10.5392C10.3299 10.2206 10.8388 9.52027 10.912 8.71471L11.0005 7.74261C11.1036 6.60831 12.0546 5.7398 13.1936 5.73979L16.1789 5.73968C17.3179 5.73968 18.2687 6.60846 18.3719 7.74277L18.4602 8.71468C18.5335 9.52024 19.0425 10.2207 19.786 10.5393L22.6589 11.7706Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- mic -->\n <svg\n *ngIf=\"inputIcon === 'mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n </svg>\n <!-- no-mic -->\n <svg\n *ngIf=\"inputIcon === 'no-mic'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke-width=\"1\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\">\n <path d=\"M 6 5 C 6 0 14 0 14 5 V 9 C 14 14 6 14 6 9 V 5 M 6 5 H 8 M 6 7 H 8 M 6 9 H 8 M 14 5 H 12 M 14 7 H 12 M 14 9 H 12\" />\n <path d=\"M 4 9 C 4 17 16 17 16 9 \" />\n <path d=\"M 9 15 V 18 H 7 S 5 18 5 19.7 H 15 S 15 18 13 18 H 11 V 15\" />\n <line x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\" />\n </svg>\n <!-- Button Icons -->\n <!-- button-forward-arrow -->\n <svg *ngIf=\"inputIcon === 'button-forward-arrow'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" fill=\"none\">\n <path d=\"M5.5 12.5H19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <path d=\"M12.5 5.5L19.5 12.5L12.5 19.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- button-check-box -->\n <svg *ngIf=\"inputIcon === 'button-check-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <rect x=\"1\" y=\"1\" rx=\"4\" ry=\"4\" width=\"18\" height=\"18\" stroke-width=\"1.5\" />\n <path d=\"M5 11L9 14L15 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Social Media Icons -->\n <!-- social-media-whatsapp -->\n <svg\n *ngIf=\"inputIcon === 'social-media-whatsapp'\"\n viewBox=\"-1 -1 27 27\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M18.2273 14.9814C17.9163 14.8265 16.3871 14.0777 16.102 13.9743C15.8169 13.871 15.6096 13.8195 15.4022 14.1293C15.1949 14.4391 14.5988 15.1364 14.4174 15.343C14.236 15.5495 14.0545 15.5755 13.7436 15.4204C13.4325 15.2655 12.4303 14.9387 11.2423 13.884C10.3178 13.0633 9.69351 12.0497 9.51211 11.7398C9.33066 11.4299 9.49273 11.2624 9.64844 11.108C9.78843 10.9693 9.95952 10.7465 10.115 10.5657C10.2706 10.385 10.3224 10.2558 10.426 10.0494C10.5297 9.84273 10.4779 9.66201 10.4 9.50709C10.3224 9.35217 9.70034 7.82853 9.44116 7.20866C9.18867 6.60517 8.93227 6.6869 8.74136 6.67733C8.56016 6.66839 8.35254 6.66649 8.14526 6.66649C7.93794 6.66649 7.60093 6.74395 7.31582 7.05374C7.03076 7.36363 6.22729 8.11257 6.22729 9.63606C6.22729 11.1597 7.34175 12.6315 7.49727 12.8381C7.65278 13.0448 9.69043 16.1712 12.8105 17.512C13.5525 17.831 14.1319 18.0214 14.5836 18.1641C15.3287 18.3997 16.0067 18.3665 16.5426 18.2867C17.1402 18.1979 18.3828 17.538 18.642 16.815C18.9011 16.0918 18.9011 15.4721 18.8234 15.343C18.7457 15.2138 18.5383 15.1364 18.2273 14.9814ZM12.5523 22.693H12.5481C10.6916 22.6923 8.8707 22.1959 7.28223 21.2578L6.90439 21.0346L2.98867 22.0569L4.03384 18.2573L3.78789 17.8677C2.7522 16.2284 2.20518 14.3336 2.20601 12.3881C2.2083 6.711 6.84956 2.09234 12.5564 2.09234C15.3198 2.09326 17.9175 3.16569 19.8709 5.11195C21.8243 7.05816 22.8994 9.64514 22.8983 12.3964C22.8959 18.0739 18.2547 22.693 12.5523 22.693ZM21.3576 3.63307C19.0074 1.2915 15.8821 0.00136065 12.5521 0C5.69111 0 0.10708 5.55698 0.104297 12.3873C0.103418 14.5707 0.676563 16.7018 1.76592 18.5806L0 25L6.59868 23.2773C8.41685 24.2643 10.4639 24.7845 12.5472 24.7852H12.5523C19.4126 24.7852 24.9972 19.2276 25 12.3972C25.0013 9.08708 23.7077 5.97465 21.3576 3.63307Z\" />\n </svg>\n <!-- social-media-facebook -->\n <svg\n *ngIf=\"inputIcon === 'social-media-facebook'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-1 -1 27 27\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M25 12.5764C25 5.63064 19.4036 0 12.5 0C5.59644 0 0 5.63064 0 12.5764C0 18.8536 4.57109 24.0565 10.5469 25V16.2118H7.37305V12.5764H10.5469V9.80566C10.5469 6.6537 12.413 4.91265 15.2683 4.91265C16.6359 4.91265 18.0664 5.15829 18.0664 5.15829V8.25326H16.4902C14.9374 8.25326 14.4531 9.22267 14.4531 10.2172V12.5764H17.9199L17.3657 16.2118H14.4531V25C20.429 24.0565 25 18.8536 25 12.5764Z\" />\n </svg>\n <!-- social-media-linkedin -->\n <svg\n *ngIf=\"inputIcon === 'social-media-linkedin'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M23.3696 0H1.63043C0.733696 0 0 0.733696 0 1.63043V23.3696C0 24.2663 0.733696 25 1.63043 25H23.3696C24.2663 25 25 24.2663 25 23.3696V1.63043C25 0.733696 24.2663 0 23.3696 0ZM3.39674 4.75543C3.83152 4.32065 4.42935 4.07609 5.02717 4.07609C5.625 4.07609 6.22283 4.32065 6.65761 4.75543C7.09239 5.19022 7.33696 5.76087 7.33696 6.38587C7.33696 7.01087 7.09239 7.6087 6.63043 8.04348C6.19565 8.45109 5.625 8.69565 5.05435 8.69565C5.02717 8.69565 5.02717 8.69565 5 8.69565C4.42935 8.72283 3.83152 8.47826 3.39674 8.04348C2.96196 7.6087 2.71739 7.01087 2.71739 6.38587C2.71739 5.76087 2.96196 5.19022 3.39674 4.75543ZM7.33696 21.4946C7.33696 21.9293 6.95652 22.2826 6.52174 22.2826H3.53261C3.09783 22.2826 2.71739 21.9022 2.71739 21.4674V11.6848C2.71739 11.2228 3.07065 10.8696 3.50543 10.8696H6.52174C6.95652 10.8696 7.33696 11.25 7.33696 11.6848V21.4946ZM22.2826 21.7391C22.2826 22.0109 22.0109 22.2826 21.7391 22.2826H18.2065C17.9348 22.2826 17.663 22.0109 17.663 21.7391V15.6522C17.663 15.163 17.5543 14.7826 17.2826 14.538C16.9837 14.2391 16.5761 14.0489 16.1413 14.0761C15.2446 14.0761 14.1033 14.837 14.1033 15.6793V21.8207C14.1033 22.1196 13.8043 22.3098 13.5598 22.3098H10.0272C9.78261 22.3098 9.4837 22.1196 9.4837 21.8207V11.3859C9.4837 11.087 9.78261 10.8696 10.0272 10.8696H13.288C13.5598 10.8696 13.8315 11.1413 13.8315 11.413V11.8207C14.5652 11.0598 16.0326 10.5978 17.0924 10.5978H17.663C19.8098 10.5978 22.2826 12.2826 22.2826 14.4565V21.7391Z\" />\n </svg>\n <!-- social-media-instagram -->\n <svg\n *ngIf=\"inputIcon === 'social-media-instagram'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 25 25\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"M12.5 0C9.1052 0 8.67952 0.0143895 7.34627 0.0752221C6.01579 0.135956 5.10712 0.347233 4.31198 0.656259C3.48999 0.975705 2.7929 1.40312 2.09798 2.09803C1.40307 2.79294 0.975655 3.49004 0.656209 4.31203C0.347183 5.10712 0.135906 6.01579 0.0751725 7.34627C0.0143398 8.67952 0 9.1052 0 12.5C0 15.8948 0.0143398 16.3205 0.0751725 17.6537C0.135906 18.9842 0.347183 19.8929 0.656209 20.688C0.975655 21.51 1.40307 22.2071 2.09798 22.902C2.7929 23.5969 3.48999 24.0243 4.31198 24.3438C5.10712 24.6528 6.01579 24.8641 7.34627 24.9248C8.67952 24.9856 9.1052 25 12.5 25C15.8948 25 16.3205 24.9856 17.6537 24.9248C18.9842 24.8641 19.8929 24.6528 20.688 24.3438C21.51 24.0243 22.2071 23.5969 22.902 22.902C23.5969 22.2071 24.0243 21.51 24.3438 20.688C24.6528 19.8929 24.8641 18.9842 24.9248 17.6537C24.9856 16.3205 25 15.8948 25 12.5C25 9.1052 24.9856 8.67952 24.9248 7.34627C24.8641 6.01579 24.6528 5.10712 24.3438 4.31203C24.0243 3.49004 23.5969 2.79294 22.902 2.09803C22.2071 1.40312 21.51 0.975705 20.688 0.656259C19.8929 0.347233 18.9842 0.135956 17.6537 0.0752221C16.3205 0.0143895 15.8948 0 12.5 0ZM12.5 2.2523C15.8376 2.2523 16.233 2.265 17.5511 2.32514C18.7698 2.38076 19.4317 2.5844 19.8721 2.75553C20.4556 2.98229 20.872 3.25321 21.3094 3.6906C21.7468 4.12799 22.0177 4.54444 22.2445 5.12786C22.4157 5.56832 22.6193 6.23019 22.6749 7.44893C22.735 8.767 22.7478 9.16236 22.7478 12.5C22.7478 15.8376 22.735 16.233 22.6749 17.5511C22.6193 18.7698 22.4157 19.4317 22.2445 19.8721C22.0177 20.4556 21.7468 20.872 21.3094 21.3094C20.872 21.7468 20.4556 22.0177 19.8721 22.2445C19.4317 22.4157 18.7698 22.6193 17.5511 22.6749C16.2332 22.735 15.8379 22.7478 12.5 22.7478C9.16212 22.7478 8.76685 22.735 7.44893 22.6749C6.23019 22.6193 5.56832 22.4157 5.12786 22.2445C4.54439 22.0177 4.12799 21.7468 3.69055 21.3094C3.25316 20.872 2.98224 20.4556 2.75553 19.8721C2.58435 19.4317 2.38071 18.7698 2.32509 17.5511C2.26495 16.233 2.25225 15.8376 2.25225 12.5C2.25225 9.16236 2.26495 8.767 2.32509 7.44893C2.38071 6.23019 2.58435 5.56832 2.75553 5.12786C2.98224 4.54444 3.25316 4.12799 3.69055 3.6906C4.12799 3.25321 4.54439 2.98229 5.12786 2.75553C5.56832 2.5844 6.23019 2.38076 7.44893 2.32514C8.767 2.265 9.16236 2.2523 12.5 2.2523Z\" />\n <path\n d=\"M12.5 16.6666C10.1988 16.6666 8.3333 14.8012 8.3333 12.5C8.3333 10.1988 10.1988 8.3333 12.5 8.3333C14.8012 8.3333 16.6666 10.1988 16.6666 12.5C16.6666 14.8012 14.8012 16.6666 12.5 16.6666ZM12.5 6.08105C8.95488 6.08105 6.08105 8.95488 6.08105 12.5C6.08105 16.0451 8.95488 18.9189 12.5 18.9189C16.0451 18.9189 18.9189 16.0451 18.9189 12.5C18.9189 8.95488 16.0451 6.08105 12.5 6.08105Z\" />\n <path\n d=\"M20.6726 5.82761C20.6726 6.65605 20.001 7.32759 19.1726 7.32759C18.3442 7.32759 17.6726 6.65605 17.6726 5.82761C17.6726 4.99918 18.3442 4.32764 19.1726 4.32764C20.001 4.32764 20.6726 4.99918 20.6726 5.82761Z\" />\n </svg>\n <!-- social-media-google-mail -->\n <svg\n *ngIf=\"inputIcon === 'social-media-google-mail'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 22 17\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g clip-path=\"url(#clip0_1282_2376)\">\n <path\n d=\"M0.000141144 15.7966C0.11293 16.0839 0.234306 16.3624 0.46389 16.5802C0.745003 16.8469 1.06848 16.9971 1.45093 16.9982C2.54561 17.0012 3.64028 17.0006 4.73553 17.0006C5.01607 17.0006 5.02466 16.9923 5.02466 16.7033C5.02523 14.0175 5.02523 11.3318 5.02523 8.646C5.02523 8.55181 5.02523 8.45761 5.02523 8.36106C5.13745 8.35282 5.18726 8.42523 5.24623 8.47115C7.09034 9.89116 8.93446 11.3106 10.7728 12.7388C10.9412 12.8695 11.0511 12.863 11.216 12.7353C13.0549 11.3082 14.8991 9.88821 16.7426 8.46762C16.7981 8.42464 16.8577 8.33692 16.9195 8.36342C17.0054 8.39933 16.9607 8.50706 16.9607 8.58242C16.963 11.2682 16.9625 13.9539 16.9625 16.6397C16.9625 16.9976 16.963 16.9982 17.3003 16.9982C18.352 16.9982 19.4043 17.0006 20.456 16.9971C21.3549 16.9941 21.991 16.3336 21.9916 15.4046C21.9927 12.4762 21.9916 9.54734 21.9921 6.61903C21.9933 5.22022 21.9893 3.822 22.0001 2.42378C22.0076 1.45297 21.6017 0.724131 20.7772 0.283176C19.9333 -0.168375 19.0997 -0.0718245 18.3348 0.515134C16.7581 1.72555 15.1859 2.94244 13.612 4.15639C12.8048 4.77867 11.9946 5.39742 11.1937 6.02795C11.0391 6.14922 10.9377 6.14275 10.786 6.025C8.90641 4.56732 7.02221 3.11671 5.13859 1.66491C4.62904 1.27223 4.11777 0.882497 3.6065 0.492173C2.31259 -0.495706 0.49538 0.14777 0.0631199 1.74616C0.0459442 1.80974 0.0213261 1.87038 -0.000429153 1.93278C0.000143051 6.55368 0.000141144 11.1752 0.000141144 15.7966Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1282_2376\">\n <rect width=\"22\" height=\"17\" transform=\"matrix(-1 0 0 1 22 0)\" />\n </clipPath>\n </defs>\n </svg>\n <!-- Instant Video Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,3.08c-7.13-.08-13,5.67-13.05,12.82-.05,7.01,5.53,12.88,12.7,13.01,7.13.14,13.01-5.56,13.12-12.75.12-7.11-5.61-13-12.77-13.08Zm-.15,21.93c-4.88.04-8.97-4.01-9-8.92-.04-5.01,3.96-9.07,8.97-9.11,4.94-.03,9.03,3.99,9.06,8.9.03,5.07-3.95,9.09-9.03,9.13Z\" />\n <g>\n <g>\n <path\n d=\"m45.29,62.33c.4.41.4,1.06,0,1.46l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0Z\" />\n <path\n d=\"m35.43,59.61c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21Z\" />\n <path\n d=\"m66.36,45.57c-.2-1.35-.47-2.69-.94-3.98-.9-2.46-2.37-4.55-4.19-6.41-1.51-1.53-3.2-2.84-5.02-3.98-1.43-.88-2.9-1.67-4.45-2.31-.75-.3-1.63-.13-2.14.47-.72.83-1.61,1.43-2.58,1.92-2.68,1.36-5.52,1.86-8.51,1.57-2.05-.19-4-.77-5.81-1.77-.76-.42-1.49-.9-2.06-1.56-.63-.73-1.43-.96-2.33-.61-.73.28-1.46.57-2.17.91-2.97,1.42-5.61,3.3-7.8,5.77-1.77,1.99-3.1,4.23-3.89,6.77-.69,2.24-.95,4.56-1.1,6.89-.12,1.96-.12,3.92-.04,5.88.04,1.16.87,1.97,2.02,1.97h10.78c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.62,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h10.75c1.07,0,1.9-.75,1.97-1.81.07-1.1.12-2.2.13-3.31.03-2.14-.07-4.28-.37-6.41Zm-26.35,27.85c-6.22,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.77-1.53,1.88-2.87,3.24-3.9,1.89-1.45,4.26-2.31,6.83-2.31s4.93.86,6.82,2.31c1.36,1.03,2.47,2.37,3.24,3.9.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm22.82-20.43c0,.16-.06.21-.22.21-1.53-.01-3.05,0-4.57,0h-6.31c-2.69-3.53-6.94-5.81-11.72-5.81s-9.04,2.28-11.73,5.81h-11.12c.02-1.02.03-2,.07-2.98.06-1.44.21-2.87.42-4.3.45-3.04,1.72-5.67,3.8-7.93,1.98-2.15,4.36-3.75,7.02-4.94.08-.04.15-.07.25.01,1.89,1.55,4.06,2.54,6.41,3.14,4.48,1.14,8.85.77,13.06-1.14,1.12-.51,2.17-1.13,3.12-1.92.11-.09.2-.09.33-.03,2.15,1.08,4.16,2.37,5.95,3.99,1.58,1.42,2.91,3.03,3.81,4.97.5,1.08.79,2.22.99,3.39.38,2.25.47,4.53.44,6.81,0,.24-.01.48,0,.72Z\" />\n </g>\n <path\n d=\"m45.29,63.79l-4.21,4.2c-.19.19-.45.3-.72.3s-.54-.11-.73-.3l-4.2-4.2c-.4-.4-.4-1.05,0-1.46.4-.4,1.05-.4,1.46,0l3.47,3.48,3.47-3.48c.4-.4,1.05-.4,1.46,0,.4.41.4,1.06,0,1.46Z\" />\n <path\n d=\"m45.29,59.61l-4.21,4.21c-.2.2-.46.3-.72.3s-.53-.1-.73-.3l-4.2-4.21c-.4-.4-.4-1.05,0-1.45.4-.4,1.04-.4,1.45,0h.01l3.47,3.48,3.47-3.48h.01c.4-.4,1.04-.4,1.45,0,.4.4.4,1.05,0,1.45Z\" />\n </g>\n </svg>\n <!-- Instant Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'instant-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <g>\n <path\n d=\"m43.17,57.56c.39.4.39,1.02,0,1.41l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0Z\" />\n <path\n d=\"m33.66,54.94c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06Z\" />\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.67.63,1.34,1.23,2.04,1.82-5.36,2.04-9.17,7.23-9.17,13.31,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.78-4.67.55-.04,1.1-.07,1.64-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.91,28.85c-6,0-10.87-4.87-10.87-10.86,0-5.38,3.93-9.86,9.07-10.72.59-.11,1.19-.15,1.8-.15,4.17,0,7.78,2.35,9.61,5.81.8,1.51,1.25,3.23,1.25,5.06,0,5.99-4.87,10.86-10.86,10.86Zm20.01-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.84.11-1.68.11-2.5.02-2.55-3.87-6.93-6.42-11.89-6.42-.41,0-.83.02-1.24.06-.68-.52-1.33-1.07-1.99-1.63-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n </g>\n <path\n d=\"m43.17,58.97l-4.06,4.05c-.18.18-.43.29-.69.29s-.52-.11-.7-.29l-4.05-4.05c-.39-.39-.39-1.01,0-1.41.39-.39,1.01-.39,1.41,0l3.35,3.36,3.35-3.36c.39-.39,1.01-.39,1.41,0,.39.4.39,1.02,0,1.41Z\" />\n <path\n d=\"m43.17,54.94l-4.06,4.06c-.19.19-.44.29-.69.29s-.51-.1-.7-.29l-4.05-4.06c-.39-.39-.39-1.01,0-1.4.39-.39,1-.39,1.4,0h0l3.35,3.36,3.35-3.36h0c.39-.39,1-.39,1.4,0,.39.39.39,1.01,0,1.4Z\" />\n </g>\n </svg>\n <!-- Scheduled Video Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-video-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <path\n d=\"m40.2,2.31c-7.34-.09-13.37,5.83-13.43,13.19-.05,7.2,5.69,13.24,13.07,13.38,7.33.14,13.38-5.73,13.49-13.12.12-7.32-5.77-13.38-13.13-13.45Zm-.16,22.55c-5.02.04-9.22-4.12-9.26-9.17-.04-5.15,4.08-9.34,9.23-9.37,5.08-.03,9.29,4.1,9.32,9.15.03,5.21-4.06,9.35-9.29,9.39Z\" />\n <g>\n <path\n d=\"m67.1,46.01c-.2-1.39-.48-2.77-.97-4.1-.92-2.52-2.43-4.67-4.3-6.58-1.55-1.58-3.3-2.92-5.17-4.1-1.46-.91-2.98-1.72-4.58-2.37-.77-.32-1.67-.14-2.19.47-.75.86-1.66,1.48-2.66,1.98-2.76,1.4-5.68,1.91-8.75,1.62-2.12-.2-4.12-.79-5.98-1.82-.78-.44-1.53-.93-2.12-1.61-.65-.75-1.47-.99-2.39-.63-.75.29-1.51.59-2.24.94-3.05,1.47-5.76,3.4-8.02,5.94-1.82,2.04-3.19,4.34-4,6.96-.71,2.31-.98,4.69-1.13,7.08-.12,2.02-.13,4.04-.05,6.06.05,1.18.9,2.02,2.08,2.02h11.53c-.57,1.58-.89,3.28-.89,5.06,0,8.14,6.63,14.76,14.77,14.76s14.76-6.62,14.76-14.76c0-1.78-.31-3.48-.89-5.06h11.41c1.1,0,1.96-.77,2.03-1.86.08-1.14.12-2.27.14-3.4.03-2.21-.07-4.41-.39-6.6Zm-27.06,28.18c-6.21,0-11.27-5.05-11.27-11.26,0-1.82.43-3.54,1.2-5.06.8-1.59,1.97-2.97,3.4-4.01,1.87-1.39,4.17-2.2,6.67-2.2s4.81.82,6.68,2.2c1.42,1.05,2.58,2.42,3.38,4.01.77,1.52,1.2,3.24,1.2,5.06,0,6.21-5.05,11.26-11.26,11.26Zm23.43-20.55c0,.17-.06.22-.23.22-1.56-.01-3.13,0-4.7,0h-6.86c-2.7-3.47-6.91-5.7-11.64-5.7s-8.94,2.23-11.64,5.7h-11.91c.03-1.05.03-2.06.08-3.07.06-1.48.21-2.95.43-4.42.46-3.13,1.77-5.83,3.91-8.15,2.04-2.22,4.48-3.86,7.22-5.09.09-.04.15-.07.25.01,1.95,1.6,4.18,2.62,6.61,3.23,4.6,1.17,9.09.79,13.43-1.17,1.15-.52,2.22-1.17,3.2-1.97.12-.1.2-.1.34-.03,2.22,1.1,4.28,2.44,6.12,4.1,1.63,1.46,3,3.11,3.92,5.11.52,1.11.82,2.29,1.02,3.49.39,2.32.48,4.65.46,7-.01.25-.02.49-.01.74Z\" />\n <path\n d=\"m45.97,63.99c0,.56-.44,1-1,1h-5.99c-.55,0-1-.44-1-1,0-.03,0-.07.01-.1-.01-.03-.01-.07-.01-.11v-7.27c0-.56.45-1,1-1s1,.44,1,1v6.48h4.99c.56,0,1,.45,1,1Z\" />\n </g>\n </svg>\n <!-- Scheduled Telephonic Service -->\n <svg\n *ngIf=\"inputIcon === 'scheduled-telephonic-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m62.18,23.77c-.04-.46-.08-.93-.13-1.39-.04-.32-.09-.64-.14-.95-.68-3.53-2.34-6.52-5-8.94-2.04-1.85-4.4-3.08-7.08-3.71-1.2-.28-2.41-.41-3.65-.41-.92,0-1.62.76-1.55,1.66.07.84.74,1.42,1.63,1.45.64.02,1.27.05,1.89.14,2.86.44,5.31,1.72,7.33,3.81,1.5,1.56,2.55,3.4,3.13,5.49.32,1.13.46,2.29.47,3.45,0,.83.61,1.46,1.44,1.53.75.08,1.48-.47,1.62-1.25.05-.28,0-.58,0-.88h.04Z\" />\n <path\n d=\"m54.95,24.18c.03.7-.23,1.24-.84,1.55-.57.29-1.12.23-1.64-.15-.34-.25-.57-.59-.59-1.01-.03-.65-.25-1.23-.55-1.79-.78-1.43-1.81-2.63-3.21-3.49-.62-.38-1.29-.61-2.04-.62-.8-.02-1.46-.76-1.44-1.57.02-.84.7-1.52,1.54-1.52,1.11,0,2.14.3,3.11.82,2.07,1.11,3.59,2.78,4.73,4.82.44.79.77,1.63.9,2.54.02.15.03.29.04.42Z\" />\n </g>\n <g>\n <path\n d=\"m59.99,39.41c-2.01-1.41-4-2.84-6.01-4.25-.73-.53-1.47-1.06-2.3-1.44-.92-.42-1.86-.62-2.86-.43-.91.16-1.71.59-2.39,1.18-.77.66-1.49,1.39-2.21,2.08-.1.09-.16.11-.26.05-.25-.16-.51-.31-.75-.47-1.03-.7-1.96-1.54-2.88-2.38-1.8-1.63-3.47-3.39-5.03-5.25-.5-.61-.93-1.26-1.39-1.9-.1-.14-.08-.23.05-.36.41-.41.8-.83,1.21-1.24.54-.55,1.03-1.13,1.43-1.79.7-1.16.87-2.38.45-3.67-.25-.77-.65-1.48-1.12-2.14-1.6-2.26-3.2-4.51-4.8-6.77-.67-.95-1.54-1.6-2.63-1.96-1.5-.48-2.96-.32-4.4.26-1.06.43-1.96,1.12-2.78,1.92-1.32,1.28-2.3,2.78-2.87,4.52-.67,1.98-.75,4.01-.48,6.07.24,1.83.77,3.6,1.5,5.3.89,2.06,1.98,4.02,3.23,5.87,2.38,3.55,5.16,6.76,8.29,9.67.68.63,1.36,1.24,2.05,1.83-5.34,2.05-9.15,7.23-9.15,13.3,0,7.85,6.39,14.24,14.25,14.24s14.24-6.39,14.24-14.24c0-1.64-.28-3.21-.79-4.67.54-.04,1.08-.07,1.61-.15,2.93-.44,5.3-1.85,7.13-4.18,1.04-1.34,1.77-2.83,1.8-4.56.04-1.82-.58-3.34-2.11-4.43Zm-21.88,28.85c-5.99,0-10.87-4.87-10.87-10.86,0-5.37,3.92-9.84,9.04-10.72.59-.11,1.21-.15,1.83-.15,4.17,0,7.79,2.36,9.62,5.82.79,1.51,1.24,3.23,1.24,5.05,0,5.99-4.87,10.86-10.86,10.86Zm19.98-22.08c-1.38,1.94-3.26,3.08-5.62,3.38-.83.11-1.64.11-2.45.02-2.56-3.87-6.93-6.42-11.9-6.42-.43,0-.86.02-1.28.07-.68-.53-1.33-1.08-1.99-1.64-1.54-1.31-3.01-2.7-4.38-4.19-2.64-2.86-5.04-5.89-6.92-9.32-.86-1.57-1.6-3.19-2.08-4.92-.35-1.25-.56-2.53-.56-3.83,0-1.66.35-3.23,1.23-4.65.71-1.14,1.62-2.1,2.82-2.75.78-.42,1.61-.6,2.49-.37.46.13.84.4,1.12.79,1.61,2.27,3.22,4.53,4.82,6.81.27.38.47.81.68,1.23.19.4.15.8-.11,1.16-.27.39-.54.76-.85,1.1-.55.6-1.14,1.16-1.69,1.76-.79.86-.91,1.87-.55,2.94.3.9.88,1.64,1.46,2.37,1.44,1.83,3.03,3.55,4.71,5.17,1.16,1.12,2.34,2.22,3.63,3.2.69.53,1.41,1.01,2.19,1.4.99.48,2.4.44,3.4-.6.59-.62,1.22-1.22,1.85-1.8.26-.24.59-.43.91-.63.3-.19.64-.2.97-.1.58.18,1.08.5,1.57.85,2.2,1.56,4.38,3.13,6.59,4.67.7.49.92,1.16.87,1.95-.05.88-.42,1.64-.92,2.34Z\" />\n <path\n d=\"m43.84,58.42c0,.54-.42.96-.96.96h-5.78c-.53,0-.96-.42-.96-.96,0-.03,0-.07,0-.1,0-.03,0-.07,0-.11v-7.01c0-.54.43-.96.96-.96s.96.42.96.96v6.25h4.81c.54,0,.96.43.96.96Z\" />\n </g>\n </svg>\n <!-- Vital Scan Service -->\n <svg\n *ngIf=\"inputIcon === 'vital-scan-service'\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n style=\"fill: var(--cf-svg-fill-with-stroke-color)\">\n <g>\n <path\n d=\"m69.5,31c-1.38,0-2.5-1.12-2.5-2.5v-13.5s-13.5,0-13.5,0h0c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h16s0,0,0,0h0c1.38,0,2.5,1.12,2.5,2.5,0,.03,0,.06,0,.09v15.91c0,1.38-1.12,2.5-2.5,2.5h0Z\" />\n <path\n d=\"m69.5,70h-16c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5h13.5s0-13.5,0-13.5c0-1.38,1.12-2.5,2.5-2.5h0c1.38,0,2.5,1.12,2.5,2.5v15.88s0,.08,0,.12c0,1.38-1.12,2.5-2.5,2.5Z\" />\n <path\n d=\"m10.5,49c1.38,0,2.5,1.12,2.5,2.5v13.5s13.5,0,13.5,0h0c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-16s0,0,0,0h0c-1.38,0-2.5-1.12-2.5-2.5,0-.03,0-.06,0-.09v-15.91c0-1.38,1.12-2.5,2.5-2.5h0Z\" />\n <path\n d=\"m10.5,10h16c1.38,0,2.5,1.12,2.5,2.5s-1.12,2.5-2.5,2.5h-13.5s0,13.5,0,13.5c0,1.38-1.12,2.5-2.5,2.5h0c-1.38,0-2.5-1.12-2.5-2.5v-15.88s0-.08,0-.12c0-1.38,1.12-2.5,2.5-2.5Z\" />\n </g>\n <path\n d=\"m66.91,41.79c0,.99-.83,1.79-1.85,1.79h0s-7.04,0-7.04,0c-1.08,0-2.17-.03-3.25,0-1.07.04-1.76-.42-2.2-1.38-.38-.83-.82-1.63-1.37-2.72-.87,2.89-1.65,5.48-2.43,8.06-.53,1.75-1.06,3.5-1.57,5.25-.27.92-.83,1.54-1.82,1.52-1.05-.02-1.57-.68-1.79-1.68-1.18-5.51-2.37-11.02-3.55-16.53-.04-.17-.09-.33-.22-.84-.22.66-.35,1.02-.46,1.38-.97,3.53-1.94,7.05-2.89,10.58-.26.97-.74,1.67-1.79,1.7-1.12.03-1.62-.7-1.9-1.71-.61-2.23-1.27-4.45-1.92-6.67-.07-.24-.17-.47-.32-.91-.52,1.03-.87,1.93-1.41,2.7-.35.5-.97,1.14-1.49,1.16-4.15.09-8.31.05-12.52.05-.06,0-.13,0-.19,0-1.02,0-1.85-.8-1.85-1.79s.83-1.79,1.85-1.79h0s1.17,0,1.17,0c3.1,0,6.2-.02,9.31.02.7,0,1.07-.22,1.36-.85.79-1.69,1.66-3.34,2.48-5.02.41-.85.98-1.43,1.99-1.31.94.11,1.38.75,1.62,1.63.51,1.87,1.07,3.73,1.7,5.92.22-.72.37-1.14.49-1.58,1.05-3.81,2.1-7.63,3.12-11.45.27-1.02.77-1.74,1.89-1.7,1.11.04,1.57.79,1.79,1.82,1.16,5.48,2.35,10.95,3.53,16.42.08.36.17.71.32,1.34,1.07-3.54,2.05-6.82,3.04-10.1.11-.36.2-.77.34-1.05.3-.59,1.01-1.14,1.56-1.18.55-.04,1.39.44,1.69.94,1,1.7,1.85,3.5,2.68,5.29.32.69.72.89,1.45.88,2.83-.05,5.67-.02,8.58-.02h0s0,0,0,0c1.02,0,1.85.8,1.85,1.79Z\" />\n </svg>\n <!-- open-back-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-back-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M14 3 L6 10 L14 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-forward-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-forward-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M6 3 L14 10 L6 17\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-up-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-up-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 14 L10 6 L17 14\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- open-down-arrow -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'open-down-arrow'\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path d=\"M3 6 L10 14 L17 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- Single Document -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'single-document'\" viewBox=\"0 0 18 22\" fill=\"none\">\n <path\n d=\"M11 1H2.5C1.67157 1 1 1.67157 1 2.5V19.5C1 20.3284 1.67157 21 2.5 21H15.5C16.3284 21 17 20.3284 17 19.5V7M11 1L17 7M11 1V5.5C11 6.32843 11.6716 7 12.5 7H17M4 14H12M4 17H9\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Lightning -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'lightning'\" viewBox=\"0 0 14 22\" fill=\"none\">\n <path\n d=\"M1.23099 11.6824L8.99999 1V10H12.6072C12.7707 10 12.8651 10.1854 12.769 10.3176L4.99999 21V12H1.39274C1.22928 12 1.13485 11.8146 1.23099 11.6824Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- Microsoft 365 -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" *ngIf=\"icon === 'microsoft-365'\" fill=\"none\" viewBox=\"4 2 40 44\" style=\"stroke: none\">\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint0_radial_2994_8373)\" />\n <path\n d=\"M20.0842 3.02588L19.8595 3.16179C19.5021 3.37799 19.1654 3.61972 18.8512 3.88385L19.4993 3.42798H25L26 11L21 16L16 19.4754V23.4829C16 26.2819 17.4629 28.8774 19.8574 30.3268L25.1211 33.5129L14 40.0002H11.8551L7.85737 37.5804C5.46286 36.131 4 33.5355 4 30.7365V17.2606C4 14.4607 5.46379 11.8645 7.85952 10.4154L19.8595 3.15687C19.9339 3.11189 20.0088 3.06823 20.0842 3.02588Z\"\n fill=\"url(#paint1_linear_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint2_radial_2994_8373)\" />\n <path\n d=\"M32 19V23.4803C32 26.2793 30.5371 28.8748 28.1426 30.3242L16.1426 37.5878C13.6878 39.0737 10.6335 39.1273 8.1355 37.7487L19.8573 44.844C22.4039 46.3855 25.5959 46.3855 28.1426 44.844L40.1426 37.5803C42.5371 36.1309 43.9999 33.5354 43.9999 30.7364V27.5L42.9999 26L32 19Z\"\n fill=\"url(#paint3_linear_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint4_radial_2994_8373)\" />\n <path\n d=\"M40.1405 10.4153L28.1405 3.15678C25.6738 1.66471 22.6021 1.61849 20.0979 3.01811L19.8595 3.16231C17.4638 4.61143 16 7.20757 16 10.0075V19.4914L19.8595 17.1568C22.4051 15.6171 25.5949 15.6171 28.1405 17.1568L40.1405 24.4153C42.4613 25.8192 43.9076 28.2994 43.9957 30.9985C43.9986 30.9113 44 30.824 44 30.7364V17.2605C44 14.4606 42.5362 11.8644 40.1405 10.4153Z\"\n fill=\"url(#paint5_linear_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint6_radial_2994_8373)\" />\n <path d=\"M4.00428 30.9984C4.00428 30.9984 4.00428 30.9984 4.00428 30.9984Z\" fill=\"url(#paint7_linear_2994_8373)\" />\n <defs>\n <radialGradient\n id=\"paint0_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(17.4186 10.6383) rotate(110.528) scale(33.3657 58.1966)\">\n <stop offset=\"0.06441\" stop-color=\"#AE7FE2\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" />\n </radialGradient>\n <linearGradient id=\"paint1_linear_2994_8373\" x1=\"17.5119\" y1=\"37.8685\" x2=\"12.7513\" y2=\"29.6347\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#114A8B\" />\n <stop offset=\"1\" stop-color=\"#0078D4\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint2_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(10.4299 36.3511) rotate(-8.36717) scale(31.0503 20.5108)\">\n <stop offset=\"0.133928\" stop-color=\"#D59DFF\" />\n <stop offset=\"1\" stop-color=\"#5E438F\" />\n </radialGradient>\n <linearGradient id=\"paint3_linear_2994_8373\" x1=\"40.3566\" y1=\"25.3768\" x2=\"35.2552\" y2=\"32.6916\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#493474\" />\n <stop offset=\"1\" stop-color=\"#8C66BA\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint4_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint5_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n <radialGradient\n id=\"paint6_radial_2994_8373\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(41.0552 26.504) rotate(-165.772) scale(24.9228 41.9552)\">\n <stop offset=\"0.0584996\" stop-color=\"#50E6FF\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" />\n </radialGradient>\n <linearGradient id=\"paint7_linear_2994_8373\" x1=\"16.9758\" y1=\"3.05655\" x2=\"24.4868\" y2=\"3.05655\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#2D3F80\" />\n <stop offset=\"1\" stop-color=\"#436DCD\" stop-opacity=\"0\" />\n </linearGradient>\n </defs>\n </svg>\n <!-- user-dependent -->\n <svg *ngIf=\"icon === 'user-dependent'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23 23\" fill=\"none\">\n <path\n d=\"M15.65 20.2C15.65 17.87 13.33 15.97 10.46 15.97C7.59 15.97 5.27 17.86 5.27 20.2M14.2 3.73999C13.06 3.25999 11.81 3 10.5 3C5.25 3 1 7.25 1 12.5C1 17.75 5.25 22 10.5 22C15.75 22 20 17.75 20 12.5C20 11.19 19.73 9.92998 19.25 8.78998M14.2 3.73999C14.07 4.13999 14 4.56 14 5C14 5.75 14.21 6.46 14.58 7.06C14.78 7.4 15.04 7.70997 15.34 7.96997C16.04 8.60997 16.97 9 18 9C18.44 9 18.86 8.92998 19.25 8.78998M14.2 3.73999C14.39 3.15999 14.71 2.64002 15.13 2.21002C15.86 1.46002 16.88 1 18 1C19.18 1 20.25 1.51002 20.97 2.33002C21.61 3.04002 22 3.98 22 5C22 5.32 21.96 5.62999 21.88 5.92999C21.79 6.32999 21.63 6.72 21.42 7.06C20.94 7.87 20.17 8.49998 19.25 8.78998M19.49 4.97998H16.51M18 3.52002V6.51001M13.27 10.92C13.27 12.4719 12.0119 13.73 10.46 13.73C8.90808 13.73 7.65 12.4719 7.65 10.92C7.65 9.36806 8.90808 8.10999 10.46 8.10999C12.0119 8.10999 13.27 9.36806 13.27 10.92Z\"\n stroke-width=\"1.5\"\n stroke-miterlimit=\"10\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- plus -->\n <svg *ngIf=\"icon === 'plus'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 14\" fill=\"none\">\n <path d=\"M1.52881 6.99686H13.5069M7.51786 12.9859V1.00781\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <!-- close-box -->\n <svg *ngIf=\"icon === 'close-box'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M6.06584 13.9342L10 10M10 10L13.9342 6.06581M10 10L13.9342 13.9342M10 10L6.06584 6.06581M5 19H15C17.2091 19 19 17.2091 19 15V5C19 2.79086 17.2091 1 15 1H5C2.79086 1 1 2.79086 1 5V15C1 17.2091 2.79086 19 5 19Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n <!-- speech-bubble -->\n <svg *ngIf=\"icon === 'speech-bubble'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"none\">\n <path\n d=\"M10.0006 9.42996V9.22C10.0006 8.54 10.4207 8.17998 10.8407 7.88998C11.2507 7.60998 11.6606 7.24999 11.6606 6.58999C11.6606 5.66999 10.9206 4.92996 10.0006 4.92996C9.08064 4.92996 8.34067 5.66999 8.34067 6.58999M9.99614 11.82H10.0051M0.976562 17.9875V3.01257C0.976562 1.908 1.87199 1.01257 2.97656 1.01257H17.0248C18.1293 1.01257 19.0247 1.908 19.0247 3.01257V13.0198C19.0247 14.1244 18.1293 15.0198 17.0247 15.0198H4.96875L0.976562 17.9875Z\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\" />\n </svg>\n</div>\n", styles: [".app-icon-container{display:flex;align-items:center;justify-content:center;aspect-ratio:1}svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));height:100%;--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.primary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-primary))}.secondary svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-secondary))}.success svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-success))}.warning svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-warning))}.error svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-system-color-error))}.white svg{stroke:var(--cf-svg-overwrite-stroke-color, #ffffff);--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, #ffffff)}.accent svg{stroke:var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent));--cf-svg-fill-with-stroke-color: var(--cf-svg-overwrite-stroke-color, var(--cf-app-color-accent))}\n"] }]
205
221
  }], propDecorators: { icon: [{
206
222
  type: Input
207
223
  }], height: [{