npm - globuswebcomponents - Versions diffs - 2.11.0 → 2.12.0 - Mend

globuswebcomponents 2.11.0 → 2.12.0

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

Files changed (504) hide show

package/dist/components/{p-S-FbLIxn.js.map → p-T7moER5i.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-S-FbLIxn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-modal-action/gb-modal-action.css?tag=gb-modal-action&encapsulation=shadow","src/components/gb-modal-action/gb-modal-action.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n.action-container {\r\n display: flex;\r\n align-items: center;\r\n /* justify-content: space-evenly; /\r\n gap: var(--spacing-8);\r\n padding: var(--spacing-4) var(--spacing-6);\r\n background-color: var(--color-background-card, #ffffff);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.action-container.multiple {\r\n display: flex;\r\n gap: var(--spacing-8);\r\n align-items: center;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-self: stretch;\r\n}\r\n\r\n.frame {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n / margin-left: auto; */\r\n}\r\n\r\n.action {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.action-container.double {\r\n gap: 12px;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-4, 16px) var(--spacing-6, 24px);\r\n}\r\n\r\n.button {\r\n width: 100%;\r\n}\r\n\r\n.first_icon,\r\n.second_icon {\r\n position: relative;\r\n}\r\n\r\n.first_icon_button_tooltip {\r\n position: absolute;\r\n left: 0rem;\r\n top: -100%;\r\n}\r\n\r\n.second_icon_button_tooltip{\r\n position: absolute;\r\n left: -2rem;\r\n top: -100%;\r\n}\r\n\r\n.action-container.single {\r\n padding: var(--spacing-4) var(--spacing-6);\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.single_button {\r\n width: fit-content;\r\n}\r\n\r\n.single_button.full_width{\r\n width: 100%;\r\n}","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal-action',\r\n styleUrl: 'gb-modal-action.css',\r\n shadow: true,\r\n})\r\nexport class GbModalAction {\r\n @Prop() actionType: 'single' \| 'multiple' \| 'double' = 'multiple';\r\n @Prop() destructive: boolean = false;\r\n @Prop() fullWidth: boolean = false;\r\n\r\n // For the 'multiple' type\r\n @Prop() showSecondaryAction: boolean = true;\r\n @Prop() showFirstButton: boolean = true;\r\n @Prop() showSecondButton: boolean = true;\r\n @Prop() showThirdButton: boolean = true;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown\r\n @Prop() showFirstIconButton: boolean = true;\r\n @Prop() showSecondIconButton: boolean = true;\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n @State() firstIconButtonTooltipShown: boolean = false;\r\n @State() secondIconButtonTooltipShown: boolean = false;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n private renderMultiple() {\r\n return (\r\n <div class=\"action-container multiple\">\r\n {this.showSecondaryAction && (\r\n <div class=\"action\">\r\n <div class=\"first_icon\">\r\n {this.showFirstIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.firstIconButtonSwap}\r\n onMouseEnter={() => (this.firstIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.firstIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.firstIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_left\" class=\"first_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n <div class=\"second_icon\">\r\n {this.showSecondIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.secondIconButtonSwap}\r\n onMouseEnter={() => (this.secondIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.secondIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.secondIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" class=\"second_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showCheckBox && (\r\n <gb-checkbox checked={false} indeterminate={false} size=\"sm\" type=\"checkbox\" state=\"default\" text={true} supporting-text=\"false\">\r\n <p slot=\"label\">{this.checkboxLabel}</p>\r\n </gb-checkbox>\r\n )}\r\n </div>\r\n )}\r\n\r\n <div class=\"frame\">\r\n {this.showThirdButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.thirdButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n icon-trailing={this.thirdButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSecondButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showFirstButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderDouble() {\r\n return (\r\n <div class=\"action-container double\">\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderSingle() {\r\n return (\r\n <div class=\"action-container single\">\r\n <div class={`single_button ${this.fullWidth ? 'full_width' : ''}`}>\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n onFirstButtonClicked() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n onSecondButtonClicked() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n onThirdButtonClicked() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n switch (this.actionType) {\r\n case 'single':\r\n return this.renderSingle();\r\n case 'double':\r\n return this.renderDouble();\r\n case 'multiple':\r\n default:\r\n return this.renderMultiple();\r\n }\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-T7moER5i.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-modal-action/gb-modal-action.css?tag=gb-modal-action&encapsulation=shadow","src/components/gb-modal-action/gb-modal-action.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n.action-container {\r\n display: flex;\r\n align-items: center;\r\n /* justify-content: space-evenly; /\r\n gap: var(--spacing-8);\r\n padding: var(--spacing-4) var(--spacing-6);\r\n background-color: var(--color-background-card, #ffffff);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.action-container.multiple {\r\n display: flex;\r\n gap: var(--spacing-8);\r\n align-items: center;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-self: stretch;\r\n}\r\n\r\n.frame {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n / margin-left: auto; */\r\n}\r\n\r\n.action {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.action-container.double {\r\n gap: 12px;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-4, 16px) var(--spacing-6, 24px);\r\n}\r\n\r\n.button {\r\n width: 100%;\r\n}\r\n\r\n.first_icon,\r\n.second_icon {\r\n position: relative;\r\n}\r\n\r\n.first_icon_button_tooltip {\r\n position: absolute;\r\n left: 0rem;\r\n top: -100%;\r\n}\r\n\r\n.second_icon_button_tooltip{\r\n position: absolute;\r\n left: -2rem;\r\n top: -100%;\r\n}\r\n\r\n.action-container.single {\r\n padding: var(--spacing-4) var(--spacing-6);\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.single_button {\r\n width: fit-content;\r\n}\r\n\r\n.single_button.full_width{\r\n width: 100%;\r\n}","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal-action',\r\n styleUrl: 'gb-modal-action.css',\r\n shadow: true,\r\n})\r\nexport class GbModalAction {\r\n @Prop() actionType: 'single' \| 'multiple' \| 'double' = 'multiple';\r\n @Prop() destructive: boolean = false;\r\n @Prop() fullWidth: boolean = false;\r\n\r\n // For the 'multiple' type\r\n @Prop() showSecondaryAction: boolean = true;\r\n @Prop() showFirstButton: boolean = true;\r\n @Prop() showSecondButton: boolean = true;\r\n @Prop() showThirdButton: boolean = true;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown\r\n @Prop() showFirstIconButton: boolean = true;\r\n @Prop() showSecondIconButton: boolean = true;\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n @State() firstIconButtonTooltipShown: boolean = false;\r\n @State() secondIconButtonTooltipShown: boolean = false;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n private renderMultiple() {\r\n return (\r\n <div class=\"action-container multiple\">\r\n {this.showSecondaryAction && (\r\n <div class=\"action\">\r\n <div class=\"first_icon\">\r\n {this.showFirstIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.firstIconButtonSwap}\r\n onMouseEnter={() => (this.firstIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.firstIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.firstIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_left\" class=\"first_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n <div class=\"second_icon\">\r\n {this.showSecondIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.secondIconButtonSwap}\r\n onMouseEnter={() => (this.secondIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.secondIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.secondIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" class=\"second_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showCheckBox && (\r\n <gb-checkbox checked={false} indeterminate={false} size=\"sm\" type=\"checkbox\" state=\"default\" text={true} supporting-text=\"false\">\r\n <p slot=\"label\">{this.checkboxLabel}</p>\r\n </gb-checkbox>\r\n )}\r\n </div>\r\n )}\r\n\r\n <div class=\"frame\">\r\n {this.showThirdButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.thirdButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n icon-trailing={this.thirdButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSecondButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showFirstButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderDouble() {\r\n return (\r\n <div class=\"action-container double\">\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderSingle() {\r\n return (\r\n <div class=\"action-container single\">\r\n <div class={`single_button ${this.fullWidth ? 'full_width' : ''}`}>\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n onFirstButtonClicked() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n onSecondButtonClicked() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n onThirdButtonClicked() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n switch (this.actionType) {\r\n case 'single':\r\n return this.renderSingle();\r\n case 'double':\r\n return this.renderDouble();\r\n case 'multiple':\r\n default:\r\n return this.renderMultiple();\r\n }\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-Cpjhc0YK.js → p-b7wvY55u.js} RENAMED Viewed

@@ -42,35 +42,35 @@ const GbIllustration = /*@__PURE__*/ proxyCustomElement(class GbIllustration ext
         this.loadIcon(this.illustrationIcon);
     }
     render() {
-        return (h("div", { key: '5b87cb1c7319642116cf47297931e01e1d36f6cc', class: `illustration_wrapper` }, h("svg", { key: '77e9b1250a09a14b05bd76791e432dadfc6d0be6', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '88722dde63c8be86e11028f8691b963d798121d3', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '109d2e7862590e2be9b09b1c850e9d8f578aea00', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '6e4e82e057ca92ed9142a78fd8534a9ecc5b7e54', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '348940828a877873ed81b85ca615b444500680e5', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'ca0a67dcae0533cf05ccf494a9dc1193461ccd72', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'b527ebefa1faefd69cb8b37f7949a6b85a833b42', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '1b12a6c816ff0f15ea3e0caa2108c64c10af2d2c', class: "illustration_div" }, h("div", { key: '14829e015b99cf6dcf26b9fba90972ec48d4ba01', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: 'd393ca0249126e560e20eefc4e468b1f8611f667', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: 'd9541f3e54feed50b57343e6aa00b59ccb5dfa41', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'f75bf6842ff8b5ce95ed8aaff948ae2051a2e853', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: 'fcc0100b8fa78d73ac36fe68eb15d5cc70c7350d', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '70cda89690b08119375271528f3fcf158c0dbfe7', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '740f6a441009f83f23080f8f8778d0268262c231', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '457047044cf3976cc30093a41261b077ef7386cc' }, h("filter", { key: '8367622f9f704965ecf6358df4c3dd5734dd6155', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'c03f3a7b74b238761b89b4ed5c686f82a25505e0', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '3f30ab9c1dc7e5a77ca15bfbb082d67f6cf717ee', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '5632c41512b0508d09e43b31c6523d8fbdf73194', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '27247768f850f375e8b8a8668e1861583e62b135', dy: "8" }), h("feGaussianBlur", { key: 'dd3db28b30797bffe067642671ae7c3a3d513ff0', stdDeviation: "4" }), h("feColorMatrix", { key: '3759b97306f70d0dd87064c172061eb66f9cc5f8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '3068027e58d55311dc84026a667c1ecb3d50b624', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'eed9d107e7d58be9d9797ca4a5ee5c57a01e0723', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '5fecd2599a25f21bedad9fea6fa30a6af67e6c1a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '9e27ba7ee33b099241b7b5f7191ae938a4476e31', dy: "20" }), h("feGaussianBlur", { key: 'bfe634d99106a4faf83840f93d865659bde504c9', stdDeviation: "12" }), h("feColorMatrix", { key: 'feb7e5d0b47473b454cc55abba96bbdbce5670db', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '18dc0da677e000189036c4c7133a864b3be27399', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'f28d20b72e81ed536ae51bf0b3f07dd572583778', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '506415e0e07dddd893636bef57846c0ba0b45a41', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '14f5f7390044b010a0c66fb1416050a8b2e404f1', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'b47c42544f682aa1b9dc6d1fe12fcae928dd6a08', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '9c4df1f139a3ba7d0988a2640de1e6dc2c15ef1b', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'a1571ab0c1bcd955d2b6edf71ff7246b5d0cee8c', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '56ecf91230a117861d195340077268f5101c5a28', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '3f2c657e6dc4ce561f6671ff13e77293820260cf', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4a2646abdafe5a69cf62e247baf8c04e5d4bc8a9', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'ec5be746f3ecbe49b125e3929cccf2ccfd093d0d', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '243dcd2458cb97cb65b6e368f6fbb46f235f604e', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'be9905030e9d450590a4e9f2d0686043c5bee2db', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: 'bb986968fb80ade5682c20e9b0a8f35ad51fd47b', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '9538117142de0f79bb311a149b4187c2aee09778', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'a083ab6ed9289fc14fe0e061f020ddb5d5cf639e', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: 'bd21421f539d705a6b0aa4243a61d82bce0dd335', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '60ef0a60490677c4164d51cdaffa851c9eab509b', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: 'f492056e866b98093554361e1566b565060d32f1' }, h("filter", { key: '1793e840e800d6b1fa58b502a69578790482db98', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '90d32fa40f714dbac98a40f6446688e2233a4cce', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'c40832308fbe2feecdd8cf8c2930b2eb0afab304', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'e0f35f1d44640cb1ef4b8ff23025c2f3e41dc298', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'f4a694c1bb9077025ddfa61bc771e2bd6c7770ac', dy: "8" }), h("feGaussianBlur", { key: '75fc402a6d830c7fcac19144defe36e783d50189', stdDeviation: "4" }), h("feColorMatrix", { key: 'fb292f40e0a82bfb8576519718948dd522c8b7b7', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'c877fbcf35a6afa8cbb97a9570239be01cef5454', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '9c013a60f1b7057ef4a103312c5859c70abef434', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'b97d820bbced2177b9303ba6b2b29b1fdd54d513', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '3eb71148b6a6ea913901f0a9bbd6fc64a14ffcc9', dy: "20" }), h("feGaussianBlur", { key: '9e6ffbed182b935cefb79fb250e123d7dd14c542', stdDeviation: "12" }), h("feColorMatrix", { key: 'f318b305f6adf35c254dcaa216498c1689a2400a', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '72e38ce99b0a2bf86bc76826d06db9fe66bfb352', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '11f00b932bb857cfbde025d8269ccd6149b66d0c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '77bf77cb4e2f604ea720bb0ff630e220b36fb853', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '7195b938f69a2c58d891b410f9cf639b82e8fb45', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c4d42502ecb21b3183a27737ec3e51dfa9056cb2', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '55da90f0e25fa91563a1db49f6404c8f22d1c558', class: `illustration_wrapper` }, h("svg", { key: 'd8630d56d752b378fe140e8836aedf8b5377d2ee', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '41879240dbb5da64f7991dd14a4b06748b7faa40', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '5d301f7b697f1d4a8254008b403590015e8c90e1', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '2d6d79d21a040ac4b2c6ae15330214f16a18f204', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '068b18403f40cca499d6befcd2d3c2267442135c', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'cc1d970df82a965bbf38b35ac6eb2afb7dbc5b75', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '03c9713590a3cb4db7f675fdb669a156e9122c64', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: 'c614e09bb392d8f803aed26217c8f33bd6db47b6', class: "illustration_div" }, h("div", { key: '6bfd0b420140bc3f0ce06c8be3a738c6e4b7fef0', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '62c1382c65e887b02bcff1d7c34a778d9d60a3bd', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '09e7aadddffaf3b5f0c3767d8dc27ab7dde7f15c', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'f284388674dfbfa6cde2f9aca1249bba0320f68b', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '28c81e11e471c8480bfed5e6aed4a7d967eff5a3', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '43de9c4d5aa49df13cb03c30a21ab9c0e2781be7', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '58277acafb854dba05469850376f14a22ca268e5', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '59112928520adb835420296c78007903008fabbe' }, h("filter", { key: '9187ee8665c5f3a088277cbee2c62209b4c892ba', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'c65ce64f54db1c97f4677b57da8fb5f59e7625e4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a88697cbffb7621e47d8826c6e6fe06b2d5bc790', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd2fce91a1f8036db07807f6f792108134bc2d66b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '914d3b6c38dfab8a4e3910affebeea17387d1374', dy: "8" }), h("feGaussianBlur", { key: 'b922d5c0038ff41f9bc5e1b29d21eb9ab266d0d4', stdDeviation: "4" }), h("feColorMatrix", { key: '14f5f1e18a0166dbf533a142bba3f7b2f6435ac1', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '6057778af9006759d8ae25aac6a6e9fd65785a3e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '4b713ce42543ccf5265d0a33baaa78dc2088fc89', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd5854c855842fd4eec83f15b508170b11f343da0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '7e5a04157551df1836e0c1ad4125f5a72c848880', dy: "20" }), h("feGaussianBlur", { key: '2c0f39e9c80b81aca2f6a72210bf87627d22be6c', stdDeviation: "12" }), h("feColorMatrix", { key: '07b5f5753245aa676816f9312d9d8f80a26e6103', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'e970f0fb80e9e59ffb10918102f5728d6c433b33', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'c193a781d08ef6b254ca0e8b98bf57f39190c69a', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '35c820974b1f0db6b71927f48f7eb875e8939432', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '74d71d198e68994a5a785676cc7f66f9a1e2cf6f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'bab23f7ac66e620f55f89a65348ab2f5a8a1c981', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '3d10d081f8e351c5960e1958290877a51f352dcd', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '90eb55d849a3e730d33a0c6b87559710b8b2a83f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'eb95729095e956cf84c27ebfeae88c727accb2aa', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'bda332d8591903643839091e5b749a59de00ff58', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f0f4f0164c2b8957b395ba47f06772617ee184f3', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c7f1787d9a973cc280c07908425dbf8b610ab412', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '38add6007792a2b82eb4151c69bbc508043bcf0f', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'ebde8563047d61a332cb9f71b3466f8dfbeddc41', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '25b30fb23f3a09f5445801c51235b7d4efb78785', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '6795bac941ace378356b3bbe6104cdf43e174f59', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'da66b223c0593400012c71a8e92bbf6d253dec44', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '2a53ee8e44f990d6d2a0be3248b9f8ab9dd6e00f', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: 'efa6ba278bfd940e35ed33e9fe5b054a551c1704', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: 'c76b20ed7ae4c92f409ab3640dafed26373b46d4' }, h("filter", { key: 'f0385c2ebdc91e37bced735c1aed69bfd8b41213', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '0e19be75a4faf1c363660d7553aa16b24582a76e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '597549156bdd130d38f0e9dbb104ea5ccbde4344', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'aa123486cf4edbe6964c6ac78772faa1e94467d5', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '3fb006edb4eede20d2ef19cb0de96cb6cde8cea0', dy: "8" }), h("feGaussianBlur", { key: '697d04d79290ec289612dbeb3f0f5ea5de4b9773', stdDeviation: "4" }), h("feColorMatrix", { key: '12f7076ea872673d2165a049737c0ca454471b01', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'f1923a5832b124611ea91848963cf507a9f677b8', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'fbb101b09066060e5b3d89d8f84d84635efd8d0d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '963a641ab3809a577b05ee7057125bc12e543118', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'c0a89614870774a552b8d0824aee5e439ad77fb2', dy: "20" }), h("feGaussianBlur", { key: '2400741b8028e265e7e4c1dc8e4ed675aceda7d8', stdDeviation: "12" }), h("feColorMatrix", { key: 'd3b3e4ad81b02dfeb55c51c56672347d7134c915', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '98319961d0cff98b906b393b8dbf57c2ca19a214', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '8d42a38728d608ce50253e9eeb0e59497bf5f5c7', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '44616301ac7714352a1bd3d217a278bbd2395219', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f64f6d1e04e9580113923cf108235fa0956d6b9a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7c2de7f799eb938797827654db3c0f8a0ea657ed', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` })), h("linearGradient", { key: '65b05e64ab7292b32e81acdcf23f5188f3992c80', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '12d6a6167310838d9c4e651554e34e351af2d6ec', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '1be11cdb3b917f5a6fa3df3cd0fd27888046f000', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'd1ec369cbb570279a17de1389d52f901152a8a7b', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '68e841709e44dd55bc0bfc7d6f5a28d0ed35322b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '0ea60387158907393632a4c456f8a8572cbe89bb', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'e42020939a58749b57f404e004734d67864eafe7', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: 'd24df3e624d22e86254cb85e5d52161963612f74', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'cd10dd4243265353fe4311e43d1582d0779c781c', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: 'bac426b042f54a84392382c5ed7507c95ae1887b', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: 'd4a28390b5f9146a0a93f998903bf698911c133e', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '4f00967e104d56d50858b87c45463dfb2199a217', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: 'f264bc88636820aad3bde65a303f275605ca6ef6', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: 'a02dba6a0f805f51040a7549ed352a83b5168350', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'b7320c005fbae42fa3f60e49cd662e0b573084d5', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: 'b27634a0a7cb950a576dadb19be730f29f868cfd', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: 'b5c93da8606b08ded79cb66a2aa754f3c3decf55' }, h("filter", { key: 'ca86d51fe7e2033294b7457e0ebdbf3da7301b89', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '0f822a5092991ce7356629d62b487b840c1e3b7e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '17085a91c71157f82933ffd42e5fdcf24f64a405', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '945a53ce4563b4e3238c54e7be26b3161436fa23', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'fabb067922da17414fad7e5ce5a09e83e05ece04', dy: "8" }), h("feGaussianBlur", { key: 'f0d138818c0ff0863ab4aa7b89aeadabedee337b', stdDeviation: "4" }), h("feColorMatrix", { key: 'c28341d44b4b2ddec5ccb8832438c6d6d36b8781', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '5c7da53067cef986fb8bb5972d974310374ee258', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '5435d58a7bd4f1d9f97b0fa43f7afb75c320a86f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '6aef71a3835c02cc70680890899bc141e804a527', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '2366b15fba87660f07322663e3fbefa165f32e0e', dy: "20" }), h("feGaussianBlur", { key: '423c0f35349dc826aca637a9e7922ff1d1bb79e9', stdDeviation: "12" }), h("feColorMatrix", { key: 'f561b660a1000f5c92c4ae55b20a148624ab1b99', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'ca4d0e74fe09ce386aefad2b9cb476fed2237246', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'e0902aff57d7b08ccebb0e5a9443dcca960fcd25', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '68b94eb4ccc93809422b57563d91373c632b20e0', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1424aa7a127e259e8f0697c94a94433ebc4d7047', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '1a50995e0dc83642e96b1bccf980aa88883fb447', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd6c366b3b25857714df656a3199c050169ec3f85', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'dd2e1aae9bdf6023e3fe853738e6573f2a1a4cc1', dy: "8" }), h("feGaussianBlur", { key: 'f7be8b53af62f8845e0d0afc825fe0fdf6d845ac', stdDeviation: "4" }), h("feColorMatrix", { key: 'c630d98e4742e824441b0fbddf24fbf25b816795', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'f7f93740ee4abd1071b7a6b1551be7941984a08f', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '87bcc9908270d4e7ed052d7578662bb593dca17b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3159f268029f8dbba9c3c2a565f81a653d1036f4', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'daea7dfa77b0aff050075f6f44aca0988104387c', dy: "20" }), h("feGaussianBlur", { key: '8f26bb0b00d5d3427277e2256446bd8db7a53fb2', stdDeviation: "12" }), h("feColorMatrix", { key: '84e4b3179cd205655d3946ad737e874060336e1d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '5b0f78b60382dfb8742d9fd3f2562561572bf671', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '51935e2f26fbc3a933bfe41ab4496200d1f1755f', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '44774489e00adcad0d83792262a8de817f979257', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'bc1896a6f3972ef7a7a25bc7545e7c32ae046ffc', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'b84ea21e756455a9792440e4b6eff96b52aa89dd', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'e8f838f416f87f9cf4d7051a688251921f136120', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'dbe6550015c5b852d044058016483e805bc4ebf9', dy: "8" }), h("feGaussianBlur", { key: '099a5265c282ad3d9e2fa1a59c3a5cd742ae37dd', stdDeviation: "4" }), h("feColorMatrix", { key: '577127c19cb0987b5debbbc1a4808ad4ca5d0cdf', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '42ca0c2e148dd9943f7ab5a5333d12662182c531', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '83141ee8182c20a8b243e7092ba3e731ba07a568', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '48ff0f95328bd3114a74a00fcf87e223deed34f2', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '3d86a38c295ce56df837949e535dfd0b8daa2803', dy: "20" }), h("feGaussianBlur", { key: '026fc7caf80b230756fd0e9903f48f2c5a63e805', stdDeviation: "12" }), h("feColorMatrix", { key: '94a156066a2500165acb047b8c046ae9ace35309', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '68f0d0896f6afc566ade248c8520ad2393fd3da4', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '85a497256e1f473daa4cffcca1ac144cc1615422', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'dfbda7b1c891317b5fe2d69dfc0623be023c706b', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '592e5a51542a816e4d83039d7c1edad0a6013eed', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '69e09334ee510bdaef41331e301d82c363ec0cbc', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '09bff770f9ab391a441491cac11d57967714ca68', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: 'c19ad6337853e4fee26245a3dae851497acc8b7c', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '2bb9b96701cdef0ad72d936e80da2cdd537f924a', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: 'acd2aa0b89fd204214865a62896bb0a01a180108', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '6b5d4e15df26fda37b6379beda6f5b79719f2999', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: 'f3531747bb89891ca5ea797ae8ad8bfb21dae4ec', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: 'd95d388942326af4e26d4b20dcea1339ba330e8c', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '6e600edae2c4904a16ddef9e3780171c7809b269', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '746bf37062d271f6e181a355be94229012a8bc50', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: '2f6598bf5973d1851b2638ec185475ddfa1830da', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: '8b2db2d7d7a4d6b1ae70706d9377313999aafb71' }, h("filter", { key: '3ac675a1e5cbe90a2dd55dc54c3cdc98da71d576', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3a7cda0b639f10b18c4442f9f10e7604d627b4e5', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a4007f1763abccbd796119017ced12613cbcc0f4', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '62f14fbf904ffe7623d235527314d453bbc24756', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '0e4fe4e0bf74f579abffffb8514f2be71a4cba0d', dy: "8" }), h("feGaussianBlur", { key: '8e0155e4fafe3a728967ea5064f894819864d5d1', stdDeviation: "4" }), h("feColorMatrix", { key: 'e1a16db1aaf3923a3c71b7001863fd0dd63f6961', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'f312dfbdf7644c629f1c4e57f233f999500eca8d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '6e8c20718be089b70114bb0b68cda462916ee595', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'aeff68081ac82e6f3ca98ee64c5bf7ff7e735dc3', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'bfa89a22b8067dd80927db834b37ac7eb3f23f38', dy: "20" }), h("feGaussianBlur", { key: '2896eb93d41aeac42c155c25359459315f9dec97', stdDeviation: "12" }), h("feColorMatrix", { key: 'c706821ea8599049b024035c19d09efcc433dfaa', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '9ab78fc78ae84f8ba8fcd273a25a6f642853b99d', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '16ef272be308d1da780ad98d17979cc52e7a68d8', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '164e1aaab46ab52d8064f9484c24de6142752c58', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6ee871578c5ed71a9b09ff4e9f0c954e28138e8b', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '6b4dca317e117b34fe5dff644a05950393290a70', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '7f5c461fc9485d4182e065433265d6967f603511', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '74737e77702ac27ece68ee26faba68fe32d016da', dy: "8" }), h("feGaussianBlur", { key: '7417dea6ac83d4638a373b5a91f8ef29579f1e8f', stdDeviation: "4" }), h("feColorMatrix", { key: '1e5585702eafae23414d79fc50d4a8ae703a83ec', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '56819b44c16ea677873426bdee89a65c5a63e5eb', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'c639118d5ca822a710ab91faedbda2141abe8f89', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3c4a25017b9f6d13e4a3028073299748b4f9984b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '1b7a6b9f66e2b57bcae16ee56387a439bc277b3a', dy: "20" }), h("feGaussianBlur", { key: '31309e1699ce887085071ad5939f5d880465664c', stdDeviation: "12" }), h("feColorMatrix", { key: '6766f67ae1626b1e99b4042a24296beeaab4c61d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '127111d9566cacfb93260e7a3c672abdbe138897', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '645cec58b2bba9df5578b04204b6d2f7ed65c83f', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'a8e3e52c6ff33cf2c19456afe6f250ca00f1a344', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '5ae76117fc1582fa15a5ce1e75604ce011a0b7ff', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd66e76a376c6ecfa297b53a77c4464c3c99c3ae4', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c85855ce5ecaf56f05df51ab66c3e5d98c592a4d', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '4c27f989ddeafd53a95987f406eeb8ae77a62911', dy: "8" }), h("feGaussianBlur", { key: '486d156dd237db54b73cdec6e79f3dba284e5b54', stdDeviation: "4" }), h("feColorMatrix", { key: '0030f6e8a69cdefd9fb93577ae0cc4a9ab1207f2', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '8cda3bf197bfdfd686bc7ead800d2f8b3b47eb66', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'e903ffa2af01b2f145b9cd1b7b352e59999ea563', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '7af84344efdedf2d10414f6a60427c094d069827', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '545523525d99385290376fb49d57c87692f4e548', dy: "20" }), h("feGaussianBlur", { key: 'b92fee5077a0d99fa5e37768a5512d05cd6259ab', stdDeviation: "12" }), h("feColorMatrix", { key: 'f8c0fdf19eaf1702ccd4c62e6cd321b7468ada38', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '0f547f781b3dae8eca2e9dc43db1500f657d139b', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '7e1afc82fde85b32d48d2cf61df5998e4bb8f0fc', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'f7555ba48f0d782dd37c6bdba8ae8a1f937cee8b', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b8cd0270adb083b0a214d86206e5a0cb4a62cf49', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '82d6e80e17ba152551e54c4a45e01ef20bcb073d', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: '185c78430a16d7e447e87aaf5d345523920eece3', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c0665b612b144004be64789d1ac2386fa1e7dd0f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '9d265294b4ea315b9e37e69e82761f24fe3fb59a', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'ff142b16f504165af46553c4a9584eac0149cc13', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '686382f9f8722e4015eb6cbd3be8e4660602f495', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'e04abd88faa7d536079da1890490ece3ca42157e', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: 'cdaa4059e90cc862b8801e18a64c7fe2467c7189', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '43e08b85e27aa99dd3e56c7daab31a3339a86c25', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'c040874f01bf42505ab788fa883f3d1631d6e1b1', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'ff0b1806bdcb13410395ae87146cda2c38030da7', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '37a4be55029ca63d84699c60e5a55df2dd484e14', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'f5096928b1518b203bbb05c7608f023ba22debe8', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'd9d69e93a1ed4aef0adc82e17537bf99ee39eec4', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '9d774e37bdd91c4eb2791d979f42965f3c1e32f1', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '1f2126d6a8dbd24994b1564e430af2fa5e8a583a', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '2c97ad58fed733403ea07071dc61d04844da8936', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '54f30f009c0d958f89a5507692795dd3892cc76a', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '4e1fc56d723fd73a6af723d5ed806f6d3ff537f7', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '4de4b1c5905be1ce5685349fb588938335de6e54', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: 'b551dc08e93b44330c6de3d1fd3fdef8619be466', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '4f46e2f48aa853581f376d41ba054760bc1264d2', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '9c9e611a9590da2cbab312c9864064ca43eaf657', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '136a635db9cd2df562a5f4bc42eab19058690b37', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'fb6f4210a4466234f12657edf41bdd268beb624e', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtle, #E3E8EF)'
-                    : ''}` }), h("path", { key: '9e4f599ae307f23b30c9d6b0292508b50964b5b7', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'f49a06b9ca5b1ecf3fffd66cacb92e15f2dcd8e3', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'b18831ac704eddb1f849c29fb46999221962a9ef', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'e01c333f1852ebf9d954ddd6496571b55bac9253', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '4caaf0292fdcdc4b0ba585375292b99ffea7e6e0' }, h("filter", { key: 'a7ed7176c0f15c77d840d05da2e34b784321831b', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6c8d84ad46c27bb1609f364e771c3350d8ca4424', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '5e414aaecc327eddce0db4bbb5790a262304f939', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '348689e046e5d6e2ce4128e4f47c74a0798448b5', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: '1cf6b98eaee158e716ee5186b60f01016f589231', dy: "8" }), h("feGaussianBlur", { key: 'a63cab059e4f6ed6eb0b390d24e392aebbb63daa', stdDeviation: "4" }), h("feColorMatrix", { key: '77a63bb377be1b8dbf1b02f3318fafb7670e3be7', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '6fb64c307cd13603d592e430025a29a1cd74fae4', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '5da92aca7aafd932cb1d4f73e30acb367d8fdcbe', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '15c6b0c09e837dce47e09a4310762b90d0e61184', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '5d2edd3c84ae480634088978bad65c56fc397ba7', dy: "20" }), h("feGaussianBlur", { key: '7b53e1f5307bc1800156eabc411f534cd5ec4aaf', stdDeviation: "12" }), h("feColorMatrix", { key: 'bf9f32ce07fb3c27375bcdcef68c1346c7bd1631', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'ff8d4475a4b6861637ab5fb3a0b3a9f6565654c7', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'c6db23112a4f8e0e2756e11e08b17a308f4a3895', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'b9553ab5095ad3b876794702511c3ce1a2aa0c7f', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd7b2e3dcca8ebdcaada36cdfcdc030e75197beac', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '9f8dc2bcfa4b8bde1587c13dfaa79583d1b4e0bf', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: '80a5f3f211a1d313d76084defc6e28027924d1c8', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '094ae492ccbb09d87f80e743b19ea358db75be85', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '47043a9391c7027cade401e9af268f17c17c8e47', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '717c26b235b95e664443c30dd90798850bc00255', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: 'dcd52775249f77dc05268652c8ef54d38e82792b' }, h("filter", { key: '5c8c872a9d5749b8537accd015649e67c8950e38', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'c72eea9f4a068ab3862ebbeefce9c47a0d58be54', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'c6f2b48948130c4f18fe447859f6c2ca9ba4532c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'f025ee72e3a79077549ebcdfef79739a7d51ea95', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'f51481cfc09cfff992eb88a88065715238771514', dy: "8" }), h("feGaussianBlur", { key: '74d08baf95824fbd62cfd550d074a0a1cc3cec3b', stdDeviation: "4" }), h("feColorMatrix", { key: '7eaa338c2cb3da345bad0c5f75ac01c3eeea3def', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '64e3f4ee4f271b2c43db27a24e6e4694a62bdc39', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '0d0c7a9d00e94eb29239d2f5f673d36648b081b0', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '82d60986ec9215b3f03783653536611034281441', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '4c3388174bb2b5a426eb1e36a050804466849dd8', dy: "20" }), h("feGaussianBlur", { key: '317d8b9dc7041c5987bc26cc569fb7b5fefe073c', stdDeviation: "12" }), h("feColorMatrix", { key: 'be58b4ad8461cea3467c1abf39210d3e10414013', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'c0766b78257fa1fb3fd58efaa52c8ca56151c8a5', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'c283c2f8dcd22efacee5ceb4b27458cf81776bd3', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'fc18cf39422380ab41c2fd2b95c324697f1c8b09', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3c38511d5140470acea15373723cc172940fe6e3', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '74308dfc9e7d88b154c72724813082e319d1724f', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })))))), h("div", { key: 'd01848b14d7a216e034a3b7ca8706a41c7ba75ab', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '5d6cc6e05499512c8ec2cbad8c85fe52400a680a', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: '9b6014ba47902abd57933b831928d1e2926caadc', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '3314f4d50766ef476472345cf1edcd2c2617df8c', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
     }
     static get style() { return gbIllustrationCss; }
 }, [257, "gb-illustration", {
@@ -97,6 +97,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbIllustration as G, defineCustomElement as d };
-//# sourceMappingURL=p-Cpjhc0YK.js.map
+//# sourceMappingURL=p-b7wvY55u.js.map
-//# sourceMappingURL=p-Cpjhc0YK.js.map
+//# sourceMappingURL=p-b7wvY55u.js.map