npm - @mozaic-ds/angular - Versions diffs - 2.1.5 → 2.1.7 - Mend

@mozaic-ds/angular 2.1.5 → 2.1.7

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 (4) hide show

package/fesm2022/mozaic-ds-angular.mjs +131 -87
package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
package/package.json +1 -1
package/types/mozaic-ds-angular.d.ts +23 -3

package/fesm2022/mozaic-ds-angular.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { RouterLink, RouterLinkActive, RouterLinkWithHref } from '@angular/route
 import { NgTemplateOutlet, NgClass, NgComponentOutlet, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { WarningCircle32, Uploading32, CheckCircle32, CrossCircleFilled20, Refresh32, Refresh20, Eye20, Upload24, Cross24, ChevronLeft24, ChevronRight24, ChevronLeft20, ChevronRight20, CrossCircleFilled24, More24, Less24, InfoCircle32, CrossCircle32, Cross20, CrossCircle24, ImageAlt32, ChevronDown24, CheckCircleFilled32, WarningCircleFilled32, CrossCircleFilled32, InfoCircleFilled32, SidebarExpand24, ChevronDown20, InfoCircleFilled24, WarningCircleFilled24, CheckCircleFilled24, ArrowBottomRight24, ArrowTopRight24, StarHalf32, StarFilled32, Star32, StarHalf24, StarFilled24, Star24, StarHalf20, StarFilled20, Star20, Check20, Check24, ArrowBack24, ArrowNext24, HelpCircle24, Menu24, Notification24, Search24, PauseCircle24, PlayCircle24, CheckCircle24 } from '@mozaic-ds/icons-angular';
+import { WarningCircle32, Uploading32, CheckCircle32, CrossCircleFilled20, Refresh32, Refresh20, Eye20, Upload24, Cross24, ChevronLeft24, ChevronRight24, ChevronLeft20, ChevronRight20, CrossCircleFilled24, More24, Less24, InfoCircleFilled24, ErrorFilled24, WarningTriangleFilled24, CheckCircleFilled24, Cross20, CrossCircle24, ImageAlt32, ChevronDown24, CheckCircleFilled32, WarningCircleFilled32, CrossCircleFilled32, InfoCircleFilled32, SidebarExpand24, ChevronDown20, ArrowBottomRight24, ArrowTopRight24, StarHalf32, StarFilled32, Star32, StarHalf24, StarFilled24, Star24, StarHalf20, StarFilled20, Star20, Check20, Check24, ArrowBack24, ArrowNext24, HelpCircle20, Menu24, Notification20, Search20, PauseCircle24, PlayCircle24, Search24, CheckCircle24 } from '@mozaic-ds/icons-angular';
 import { Overlay, OverlayConfig, OverlayPositionBuilder, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { CdkPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
-import { Subject, take, tap, of, firstValueFrom } from 'rxjs';
+import { Subject, map, of, take, tap } from 'rxjs';
 import parsePhoneNumberFromString, { getCountries, getExampleNumber, isValidPhoneNumber, getCountryCallingCode } from 'libphonenumber-js';
 import examples from 'libphonenumber-js/mobile/examples';
 import * as i1$1 from '@angular/cdk/scrolling';
@@ -196,7 +196,7 @@ class MozCheckboxGroupComponent {
                 useExisting: forwardRef(() => MozCheckboxGroupComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<fieldset class=\"field field--group\">\n  <legend class=\"field__legend\">\n    {{ legend() }}\n    @if (necessityIndicator()) {\n    <span class=\"field__requirement\">{{ necessityIndicator() }}</span>\n    }\n  </legend>\n  @if (helpText()) {\n  <span [id]=\"helpId()\" class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div [class]=\"containerClass()\">\n    @for (option of options(); track $index) {\n    <div class=\"field__item checkbox\">\n      <input\n        type=\"checkbox\"\n        [class]=\"getCheckboxInputClass(option)\"\n        [id]=\"option.id\"\n        [name]=\"name()\"\n        [checked]=\"isChecked(option.value)\"\n        [disabled]=\"option.disabled ?? false\"\n        (change)=\"toggleSelection($event, option.value)\"\n      />\n      <label [for]=\"option.id\" class=\"checkbox__label\">{{ option.label }}</label>\n    </div>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.field--group .mc-field__content,.mc-field--group .field__content,.field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .field__content:where(.mc-field__content--inline,.field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem;position:relative}.mc-checkbox__input:after,.checkbox__input:after{content:\"\";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(.6);transition:.15s ease}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-checkbox__input:checked:after,.checkbox__input:checked:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:indeterminate:after,.checkbox__input:indeterminate:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked:after,.checkbox__input:disabled:checked:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled:indeterminate:after,.checkbox__input:disabled:indeterminate:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<fieldset class=\"field field--group\">\n  <legend class=\"field__legend\">\n    {{ legend() }}\n    @if (necessityIndicator()) {\n    <span class=\"field__requirement\">{{ necessityIndicator() }}</span>\n    }\n  </legend>\n  @if (helpText()) {\n  <span [id]=\"helpId()\" class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div [class]=\"containerClass()\">\n    @for (option of options(); track $index) {\n    <div class=\"field__item checkbox\">\n      <input\n        type=\"checkbox\"\n        [class]=\"getCheckboxInputClass(option)\"\n        [id]=\"option.id\"\n        [name]=\"name()\"\n        [checked]=\"isChecked(option.value)\"\n        [disabled]=\"option.disabled ?? false\"\n        (change)=\"toggleSelection($event, option.value)\"\n      />\n      <label [for]=\"option.id\" class=\"checkbox__label\">{{ option.label }}</label>\n    </div>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field__content:where(.mc-field__content--inline,.field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem;position:relative}.mc-checkbox__input:after,.checkbox__input:after{content:\"\";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(.6);transition:.15s ease}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-checkbox__input:checked:after,.checkbox__input:checked:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:indeterminate:after,.checkbox__input:indeterminate:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked:after,.checkbox__input:disabled:checked:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled:indeterminate:after,.checkbox__input:disabled:indeterminate:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozCheckboxGroupComponent, decorators: [{
             type: Component,
@@ -206,7 +206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                             useExisting: forwardRef(() => MozCheckboxGroupComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"field field--group\">\n  <legend class=\"field__legend\">\n    {{ legend() }}\n    @if (necessityIndicator()) {\n    <span class=\"field__requirement\">{{ necessityIndicator() }}</span>\n    }\n  </legend>\n  @if (helpText()) {\n  <span [id]=\"helpId()\" class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div [class]=\"containerClass()\">\n    @for (option of options(); track $index) {\n    <div class=\"field__item checkbox\">\n      <input\n        type=\"checkbox\"\n        [class]=\"getCheckboxInputClass(option)\"\n        [id]=\"option.id\"\n        [name]=\"name()\"\n        [checked]=\"isChecked(option.value)\"\n        [disabled]=\"option.disabled ?? false\"\n        (change)=\"toggleSelection($event, option.value)\"\n      />\n      <label [for]=\"option.id\" class=\"checkbox__label\">{{ option.label }}</label>\n    </div>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.field--group .mc-field__content,.mc-field--group .field__content,.field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .field__content:where(.mc-field__content--inline,.field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem;position:relative}.mc-checkbox__input:after,.checkbox__input:after{content:\"\";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(.6);transition:.15s ease}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-checkbox__input:checked:after,.checkbox__input:checked:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:indeterminate:after,.checkbox__input:indeterminate:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked:after,.checkbox__input:disabled:checked:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled:indeterminate:after,.checkbox__input:disabled:indeterminate:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"field field--group\">\n  <legend class=\"field__legend\">\n    {{ legend() }}\n    @if (necessityIndicator()) {\n    <span class=\"field__requirement\">{{ necessityIndicator() }}</span>\n    }\n  </legend>\n  @if (helpText()) {\n  <span [id]=\"helpId()\" class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div [class]=\"containerClass()\">\n    @for (option of options(); track $index) {\n    <div class=\"field__item checkbox\">\n      <input\n        type=\"checkbox\"\n        [class]=\"getCheckboxInputClass(option)\"\n        [id]=\"option.id\"\n        [name]=\"name()\"\n        [checked]=\"isChecked(option.value)\"\n        [disabled]=\"option.disabled ?? false\"\n        (change)=\"toggleSelection($event, option.value)\"\n      />\n      <label [for]=\"option.id\" class=\"checkbox__label\">{{ option.label }}</label>\n    </div>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field__content:where(.mc-field__content--inline,.field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem;position:relative}.mc-checkbox__input:after,.checkbox__input:after{content:\"\";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(.6);transition:.15s ease}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-checkbox__input:checked:after,.checkbox__input:checked:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:indeterminate:after,.checkbox__input:indeterminate:after{opacity:1;transform:scale(1);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked:after,.checkbox__input:disabled:checked:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled:indeterminate:after,.checkbox__input:disabled:indeterminate:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"] }]
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], necessityIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "necessityIndicator", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], helpId: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpId", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
 /**
@@ -258,11 +258,11 @@ class MozFieldComponent {
         };
     }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozFieldComponent, isStandalone: true, selector: "moz-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, helpId: { classPropertyName: "helpId", publicName: "helpId", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, messageId: { classPropertyName: "messageId", publicName: "messageId", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["label"], descendants: true, isSignal: true }, { propertyName: "requirementTemplate", first: true, predicate: ["requirementText"], descendants: true, isSignal: true }, { propertyName: "helpTemplate", first: true, predicate: ["helpText"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"field\">\n  <label class=\"field__label\" [attr.for]=\"id()\">\n    <ng-container [ngTemplateOutlet]=\"labelTemplate()!\"></ng-container>\n    @if (requirementTemplate()) {\n    <span class=\"field__requirement\">\n      (<ng-container [ngTemplateOutlet]=\"requirementTemplate()!\"></ng-container>)\n    </span>\n    }\n  </label>\n\n  @if (helpTemplate()) {\n  <span class=\"field__help\" [id]=\"helpId()\">\n    <ng-container [ngTemplateOutlet]=\"helpTemplate()!\"></ng-container>\n  </span>\n  }\n\n  <!-- <ng-content select=\"moz-field-content\"></ng-content> -->\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span [id]=\"messageId()\" [class]=\"classes()\">\n    {{ message() }}\n  </span>\n  }\n</div>\n", styles: [".mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.mc-field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozFieldComponent, isStandalone: true, selector: "moz-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, helpId: { classPropertyName: "helpId", publicName: "helpId", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, messageId: { classPropertyName: "messageId", publicName: "messageId", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["label"], descendants: true, isSignal: true }, { propertyName: "requirementTemplate", first: true, predicate: ["requirementText"], descendants: true, isSignal: true }, { propertyName: "helpTemplate", first: true, predicate: ["helpText"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"field\">\n  <label class=\"field__label\" [attr.for]=\"id()\">\n    <ng-container [ngTemplateOutlet]=\"labelTemplate()!\"></ng-container>\n    @if (requirementTemplate()) {\n    <span class=\"field__requirement\">\n      (<ng-container [ngTemplateOutlet]=\"requirementTemplate()!\"></ng-container>)\n    </span>\n    }\n  </label>\n\n  @if (helpTemplate()) {\n  <span class=\"field__help\" [id]=\"helpId()\">\n    <ng-container [ngTemplateOutlet]=\"helpTemplate()!\"></ng-container>\n  </span>\n  }\n\n  <!-- <ng-content select=\"moz-field-content\"></ng-content> -->\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span [id]=\"messageId()\" [class]=\"classes()\">\n    {{ message() }}\n  </span>\n  }\n</div>\n", styles: [".mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-field', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"field\">\n  <label class=\"field__label\" [attr.for]=\"id()\">\n    <ng-container [ngTemplateOutlet]=\"labelTemplate()!\"></ng-container>\n    @if (requirementTemplate()) {\n    <span class=\"field__requirement\">\n      (<ng-container [ngTemplateOutlet]=\"requirementTemplate()!\"></ng-container>)\n    </span>\n    }\n  </label>\n\n  @if (helpTemplate()) {\n  <span class=\"field__help\" [id]=\"helpId()\">\n    <ng-container [ngTemplateOutlet]=\"helpTemplate()!\"></ng-container>\n  </span>\n  }\n\n  <!-- <ng-content select=\"moz-field-content\"></ng-content> -->\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span [id]=\"messageId()\" [class]=\"classes()\">\n    {{ message() }}\n  </span>\n  }\n</div>\n", styles: [".mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.mc-field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}\n"] }]
+            args: [{ selector: 'moz-field', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"field\">\n  <label class=\"field__label\" [attr.for]=\"id()\">\n    <ng-container [ngTemplateOutlet]=\"labelTemplate()!\"></ng-container>\n    @if (requirementTemplate()) {\n    <span class=\"field__requirement\">\n      (<ng-container [ngTemplateOutlet]=\"requirementTemplate()!\"></ng-container>)\n    </span>\n    }\n  </label>\n\n  @if (helpTemplate()) {\n  <span class=\"field__help\" [id]=\"helpId()\">\n    <ng-container [ngTemplateOutlet]=\"helpTemplate()!\"></ng-container>\n  </span>\n  }\n\n  <!-- <ng-content select=\"moz-field-content\"></ng-content> -->\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span [id]=\"messageId()\" [class]=\"classes()\">\n    {{ message() }}\n  </span>\n  }\n</div>\n", styles: [".mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelTemplate: [{ type: i0.ContentChild, args: ['label', { isSignal: true }] }], requirementTemplate: [{ type: i0.ContentChild, args: ['requirementText', { isSignal: true }] }], helpTemplate: [{ type: i0.ContentChild, args: ['helpText', { isSignal: true }] }], helpId: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpId", required: false }] }], isValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValid", required: false }] }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }], messageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageId", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }] } });
 class MozFieldGroupComponent {
@@ -274,11 +274,11 @@ class MozFieldGroupComponent {
     isInvalid = input(false, ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
     message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozFieldGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozFieldGroupComponent, isStandalone: true, selector: "moz-field-group", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: true, transformFunction: null }, requirementText: { classPropertyName: "requirementText", publicName: "requirementText", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<fieldset class=\"field--group\">\n  <legend class=\"field__legend\" [attr.for]=\"id()\">\n    {{ legend() }} @if (requirementText()) {\n    <span class=\"field__requirement\">({{ requirementText() }})</span>\n    }\n  </legend>\n\n  @if (helpText()) {\n  <span class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span\n    class=\"field__validation-message\"\n    [class.is-valid]=\"isValid()\"\n    [class.is-invalid]=\"isInvalid()\"\n  >\n    {{ message() }}\n  </span>\n  }\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.field--group .mc-field__content,.mc-field--group .field__content,.field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline),.field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozFieldGroupComponent, isStandalone: true, selector: "moz-field-group", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: true, transformFunction: null }, requirementText: { classPropertyName: "requirementText", publicName: "requirementText", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, isValid: { classPropertyName: "isValid", publicName: "isValid", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<fieldset class=\"field--group\">\n  <legend class=\"field__legend\" [attr.for]=\"id()\">\n    {{ legend() }} @if (requirementText()) {\n    <span class=\"field__requirement\">({{ requirementText() }})</span>\n    }\n  </legend>\n\n  @if (helpText()) {\n  <span class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span\n    class=\"field__validation-message\"\n    [class.is-valid]=\"isValid()\"\n    [class.is-invalid]=\"isInvalid()\"\n  >\n    {{ message() }}\n  </span>\n  }\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline),.field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozFieldGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-field-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"field--group\">\n  <legend class=\"field__legend\" [attr.for]=\"id()\">\n    {{ legend() }} @if (requirementText()) {\n    <span class=\"field__requirement\">({{ requirementText() }})</span>\n    }\n  </legend>\n\n  @if (helpText()) {\n  <span class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span\n    class=\"field__validation-message\"\n    [class.is-valid]=\"isValid()\"\n    [class.is-invalid]=\"isInvalid()\"\n  >\n    {{ message() }}\n  </span>\n  }\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.field--group .mc-field__content,.mc-field--group .field__content,.field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline),.field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}\n"] }]
+            args: [{ selector: 'moz-field-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"field--group\">\n  <legend class=\"field__legend\" [attr.for]=\"id()\">\n    {{ legend() }} @if (requirementText()) {\n    <span class=\"field__requirement\">({{ requirementText() }})</span>\n    }\n  </legend>\n\n  @if (helpText()) {\n  <span class=\"field__help\">{{ helpText() }}</span>\n  }\n\n  <div class=\"field__content\">\n    <ng-content></ng-content>\n  </div>\n\n  @if ((isValid() || isInvalid()) && message()) {\n  <span\n    class=\"field__validation-message\"\n    [class.is-valid]=\"isValid()\"\n    [class.is-invalid]=\"isInvalid()\"\n  >\n    {{ message() }}\n  </span>\n  }\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline),.field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: true }] }], requirementText: [{ type: i0.Input, args: [{ isSignal: true, alias: "requirementText", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], isValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValid", required: false }] }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }] } });
 class MozIconButtonComponent {
@@ -532,11 +532,11 @@ class MozFileUploaderComponent {
         this.isDragged.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozFileUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozFileUploaderComponent, isStandalone: true, selector: "moz-file-uploader", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpId: { classPropertyName: "helpId", publicName: "helpId", isSignal: true, isRequired: false, transformFunction: null }, necessityIndicator: { classPropertyName: "necessityIndicator", publicName: "necessityIndicator", isSignal: true, isRequired: false, transformFunction: null }, hasDragDrop: { classPropertyName: "hasDragDrop", publicName: "hasDragDrop", isSignal: true, isRequired: false, transformFunction: null }, showFilesList: { classPropertyName: "showFilesList", publicName: "showFilesList", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multipleFiles: { classPropertyName: "multipleFiles", publicName: "multipleFiles", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, uploadButtonLabel: { classPropertyName: "uploadButtonLabel", publicName: "uploadButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, uploading: { classPropertyName: "uploading", publicName: "uploading", isSignal: true, isRequired: false, transformFunction: null }, hasPreview: { classPropertyName: "hasPreview", publicName: "hasPreview", isSignal: true, isRequired: false, transformFunction: null }, retryButtonLabel: { classPropertyName: "retryButtonLabel", publicName: "retryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, deleteButtonLabel: { classPropertyName: "deleteButtonLabel", publicName: "deleteButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, previewButtonLabel: { classPropertyName: "previewButtonLabel", publicName: "previewButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null }, fileInformation: { classPropertyName: "fileInformation", publicName: "fileInformation", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { retryFile: "retryFile", previewFile: "previewFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n        <span class=\"field__requirement\">\n          {{ necessityIndicator() }}\n        </span>\n        }\n      </label>\n      @if (helpText()) {\n      <span [id]=\"helpId()\" class=\"field__help\">\n        {{ helpText() }}\n      </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"disabled()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n          <span class=\"file-uploader__input-title\">{{ title() }}</span>\n          <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n  <div class=\"file-uploader__files-list\">\n    @for (file of files(); track file; let i = $index) {\n    <moz-file-uploader-item\n      [format]=\"format()\"\n      [invalid]=\"invalid()\"\n      [uploading]=\"uploading()\"\n      [errorMessage]=\"errorMessage()\"\n      [hasPreview]=\"hasPreview()\"\n      [file]=\"file\"\n      [fileInformation]=\"fileInformation()\"\n      [retryButtonLabel]=\"retryButtonLabel()\"\n      [deleteButtonLabel]=\"deleteButtonLabel()\"\n      [previewButtonLabel]=\"previewButtonLabel()\"\n      (delete)=\"onDeleteFile($event)\"\n      (retry)=\"onRetryFile($event)\"\n      (preview)=\"onPreviewFile($event)\"\n    />\n    }\n  </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.mc-field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: MozFileUploaderItemComponent, selector: "moz-file-uploader-item", inputs: ["format", "invalid", "uploading", "errorMessage", "hasPreview", "file", "fileInformation", "retryButtonLabel", "deleteButtonLabel", "previewButtonLabel"], outputs: ["delete", "retry", "preview"] }, { kind: "component", type: Upload24, selector: "Upload24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozFileUploaderComponent, isStandalone: true, selector: "moz-file-uploader", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpId: { classPropertyName: "helpId", publicName: "helpId", isSignal: true, isRequired: false, transformFunction: null }, necessityIndicator: { classPropertyName: "necessityIndicator", publicName: "necessityIndicator", isSignal: true, isRequired: false, transformFunction: null }, hasDragDrop: { classPropertyName: "hasDragDrop", publicName: "hasDragDrop", isSignal: true, isRequired: false, transformFunction: null }, showFilesList: { classPropertyName: "showFilesList", publicName: "showFilesList", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multipleFiles: { classPropertyName: "multipleFiles", publicName: "multipleFiles", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, uploadButtonLabel: { classPropertyName: "uploadButtonLabel", publicName: "uploadButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, uploading: { classPropertyName: "uploading", publicName: "uploading", isSignal: true, isRequired: false, transformFunction: null }, hasPreview: { classPropertyName: "hasPreview", publicName: "hasPreview", isSignal: true, isRequired: false, transformFunction: null }, retryButtonLabel: { classPropertyName: "retryButtonLabel", publicName: "retryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, deleteButtonLabel: { classPropertyName: "deleteButtonLabel", publicName: "deleteButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, previewButtonLabel: { classPropertyName: "previewButtonLabel", publicName: "previewButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null }, fileInformation: { classPropertyName: "fileInformation", publicName: "fileInformation", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { retryFile: "retryFile", previewFile: "previewFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n        <span class=\"field__requirement\">\n          {{ necessityIndicator() }}\n        </span>\n        }\n      </label>\n      @if (helpText()) {\n      <span [id]=\"helpId()\" class=\"field__help\">\n        {{ helpText() }}\n      </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"disabled()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n          <span class=\"file-uploader__input-title\">{{ title() }}</span>\n          <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n  <div class=\"file-uploader__files-list\">\n    @for (file of files(); track file; let i = $index) {\n    <moz-file-uploader-item\n      [format]=\"format()\"\n      [invalid]=\"invalid()\"\n      [uploading]=\"uploading()\"\n      [errorMessage]=\"errorMessage()\"\n      [hasPreview]=\"hasPreview()\"\n      [file]=\"file\"\n      [fileInformation]=\"fileInformation()\"\n      [retryButtonLabel]=\"retryButtonLabel()\"\n      [deleteButtonLabel]=\"deleteButtonLabel()\"\n      [previewButtonLabel]=\"previewButtonLabel()\"\n      (delete)=\"onDeleteFile($event)\"\n      (retry)=\"onRetryFile($event)\"\n      (preview)=\"onPreviewFile($event)\"\n    />\n    }\n  </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: MozFileUploaderItemComponent, selector: "moz-file-uploader-item", inputs: ["format", "invalid", "uploading", "errorMessage", "hasPreview", "file", "fileInformation", "retryButtonLabel", "deleteButtonLabel", "previewButtonLabel"], outputs: ["delete", "retry", "preview"] }, { kind: "component", type: Upload24, selector: "Upload24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozFileUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-file-uploader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozFileUploaderItemComponent, Upload24], template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n        <span class=\"field__requirement\">\n          {{ necessityIndicator() }}\n        </span>\n        }\n      </label>\n      @if (helpText()) {\n      <span [id]=\"helpId()\" class=\"field__help\">\n        {{ helpText() }}\n      </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"disabled()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n          <span class=\"file-uploader__input-title\">{{ title() }}</span>\n          <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n  <div class=\"file-uploader__files-list\">\n    @for (file of files(); track file; let i = $index) {\n    <moz-file-uploader-item\n      [format]=\"format()\"\n      [invalid]=\"invalid()\"\n      [uploading]=\"uploading()\"\n      [errorMessage]=\"errorMessage()\"\n      [hasPreview]=\"hasPreview()\"\n      [file]=\"file\"\n      [fileInformation]=\"fileInformation()\"\n      [retryButtonLabel]=\"retryButtonLabel()\"\n      [deleteButtonLabel]=\"deleteButtonLabel()\"\n      [previewButtonLabel]=\"previewButtonLabel()\"\n      (delete)=\"onDeleteFile($event)\"\n      (retry)=\"onRetryFile($event)\"\n      (preview)=\"onPreviewFile($event)\"\n    />\n    }\n  </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.mc-field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"] }]
+            args: [{ selector: 'moz-file-uploader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozFileUploaderItemComponent, Upload24], template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n        <span class=\"field__requirement\">\n          {{ necessityIndicator() }}\n        </span>\n        }\n      </label>\n      @if (helpText()) {\n      <span [id]=\"helpId()\" class=\"field__help\">\n        {{ helpText() }}\n      </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"disabled()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n          <span class=\"file-uploader__input-title\">{{ title() }}</span>\n          <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n  <div class=\"file-uploader__files-list\">\n    @for (file of files(); track file; let i = $index) {\n    <moz-file-uploader-item\n      [format]=\"format()\"\n      [invalid]=\"invalid()\"\n      [uploading]=\"uploading()\"\n      [errorMessage]=\"errorMessage()\"\n      [hasPreview]=\"hasPreview()\"\n      [file]=\"file\"\n      [fileInformation]=\"fileInformation()\"\n      [retryButtonLabel]=\"retryButtonLabel()\"\n      [deleteButtonLabel]=\"deleteButtonLabel()\"\n      [previewButtonLabel]=\"previewButtonLabel()\"\n      (delete)=\"onDeleteFile($event)\"\n      (retry)=\"onRetryFile($event)\"\n      (preview)=\"onPreviewFile($event)\"\n    />\n    }\n  </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], helpId: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpId", required: false }] }], necessityIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "necessityIndicator", required: false }] }], hasDragDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDragDrop", required: false }] }], showFilesList: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFilesList", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multipleFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleFiles", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], uploadButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadButtonLabel", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], uploading: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploading", required: false }] }], hasPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPreview", required: false }] }], retryButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "retryButtonLabel", required: false }] }], deleteButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteButtonLabel", required: false }] }], previewButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewButtonLabel", required: false }] }], information: [{ type: i0.Input, args: [{ isSignal: true, alias: "information", required: false }] }], fileInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileInformation", required: false }] }], retryFile: [{ type: i0.Output, args: ["retryFile"] }], previewFile: [{ type: i0.Output, args: ["previewFile"] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], fileInput: [{ type: i0.ViewChild, args: ['fileInput', { isSignal: true }] }] } });
 class MozLinkComponent {
@@ -1439,7 +1439,7 @@ class MozRadioGroupComponent {
                 useExisting: forwardRef(() => MozRadioGroupComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<fieldset class=\"field field--group\">\n  <div [class]=\"classes()\">\n    @for (option of options(); track $index) {\n    <moz-radio\n      [id]=\"option.id\"\n      [label]=\"option.label\"\n      [name]=\"name()\"\n      [ngModel]=\"_value() === option.value\"\n      [disabled]=\"option.disabled ?? false\"\n      [isInvalid]=\"isInvalid()\"\n      (change)=\"select(option.value)\"\n    ></moz-radio>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.field--group .mc-field__content,.mc-field--group .field__content,.field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .field__content:where(.mc-field__content--inline,.field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}\n"], dependencies: [{ kind: "component", type: MozRadioComponent, selector: "moz-radio", inputs: ["id", "name", "label", "isInvalid", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<fieldset class=\"field field--group\">\n  <div [class]=\"classes()\">\n    @for (option of options(); track $index) {\n    <moz-radio\n      [id]=\"option.id\"\n      [label]=\"option.label\"\n      [name]=\"name()\"\n      [ngModel]=\"_value() === option.value\"\n      [disabled]=\"option.disabled ?? false\"\n      [isInvalid]=\"isInvalid()\"\n      (change)=\"select(option.value)\"\n    ></moz-radio>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field__content:where(.mc-field__content--inline,.field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}\n"], dependencies: [{ kind: "component", type: MozRadioComponent, selector: "moz-radio", inputs: ["id", "name", "label", "isInvalid", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozRadioGroupComponent, decorators: [{
             type: Component,
@@ -1449,7 +1449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                             useExisting: forwardRef(() => MozRadioGroupComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozRadioComponent, FormsModule], template: "<fieldset class=\"field field--group\">\n  <div [class]=\"classes()\">\n    @for (option of options(); track $index) {\n    <moz-radio\n      [id]=\"option.id\"\n      [label]=\"option.label\"\n      [name]=\"name()\"\n      [ngModel]=\"_value() === option.value\"\n      [disabled]=\"option.disabled ?? false\"\n      [isInvalid]=\"isInvalid()\"\n      (change)=\"select(option.value)\"\n    ></moz-radio>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.field--group .mc-field__content,.mc-field--group .field__content,.field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .mc-field__content:where(.mc-field__content--inline,.field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline,.field__content--inline),.field--group .field__content:where(.mc-field__content--inline,.field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozRadioComponent, FormsModule], template: "<fieldset class=\"field field--group\">\n  <div [class]=\"classes()\">\n    @for (option of options(); track $index) {\n    <moz-radio\n      [id]=\"option.id\"\n      [label]=\"option.label\"\n      [name]=\"name()\"\n      [ngModel]=\"_value() === option.value\"\n      [disabled]=\"option.disabled ?? false\"\n      [isInvalid]=\"isInvalid()\"\n      (change)=\"select(option.value)\"\n    ></moz-radio>\n    }\n  </div>\n</fieldset>\n", styles: [".mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline,.field__content--inline),.field__content:where(.mc-field__content--inline,.field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group,.field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .mc-field__content:not(.mc-field__content--inline):not(.field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline),.field--group .field__content:not(.mc-field__content--inline):not(.field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}\n"] }]
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
 class MozStatusDotComponent {
@@ -1480,11 +1480,11 @@ class MozStatusBadgeComponent {
         };
     }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozStatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: MozStatusBadgeComponent, isStandalone: true, selector: "moz-status-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"classes()\">\n  <moz-status-dot [status]=\"status()\" />\n  <span class=\"mc-status-badge__label\">{{ label() }}</span>\n</div>\n", styles: [".mc-status-badge{background-color:var(--status-badge-color-background-info, #e1f3f9);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-info, #a7d9ed);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-100, .875rem);display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--border-radius-s, .25rem);padding-right:.5rem;padding-left:.5rem;text-transform:lowercase;white-space:nowrap;min-height:1.5rem}.mc-status-badge__label{color:var(--status-badge-color-label, #000000)}.mc-status-badge__label:first-letter{text-transform:uppercase}.mc-status-badge--success{background-color:var(--status-badge-color-background-success, #ebf5de);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-success, #c5e39e)}.mc-status-badge--error{background-color:var(--status-badge-color-background-error, #fdeaea);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-error, #f8bcbb)}.mc-status-badge--warning{background-color:var(--status-badge-color-background-warning, #fdf1e8);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-warning, #f8d2b3)}.mc-status-badge--neutral{background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-neutral, #cccccc)}\n"], dependencies: [{ kind: "component", type: MozStatusDotComponent, selector: "moz-status-dot", inputs: ["status", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: MozStatusBadgeComponent, isStandalone: true, selector: "moz-status-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"classes()\">\n  <moz-status-dot [status]=\"status()\" />\n  <span class=\"mc-status-badge__label\">{{ label() }}</span>\n</div>\n", styles: [".mc-status-badge{background-color:var(--status-badge-color-background-info, #e1f3f9);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-info, #a7d9ed);font-size:var(--font-size-100, .875rem);height:1.5rem;font-weight:var(--font-weight-regular, 400);display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--border-radius-s, .25rem);padding-right:.5rem;padding-left:.5rem;text-transform:lowercase;white-space:nowrap}.mc-status-badge__label{color:var(--status-badge-color-label, #000000)}.mc-status-badge__label:first-letter{text-transform:uppercase}.mc-status-badge--success{background-color:var(--status-badge-color-background-success, #ebf5de);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-success, #c5e39e)}.mc-status-badge--error{background-color:var(--status-badge-color-background-error, #fdeaea);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-error, #f8bcbb)}.mc-status-badge--warning{background-color:var(--status-badge-color-background-warning, #fdf1e8);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-warning, #f8d2b3)}.mc-status-badge--neutral{background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-neutral, #cccccc)}.mc-status-badge--s{font-size:var(--font-size-50, .75rem);height:1.25rem}\n"], dependencies: [{ kind: "component", type: MozStatusDotComponent, selector: "moz-status-dot", inputs: ["status", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozStatusBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-status-badge', imports: [MozStatusDotComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"classes()\">\n  <moz-status-dot [status]=\"status()\" />\n  <span class=\"mc-status-badge__label\">{{ label() }}</span>\n</div>\n", styles: [".mc-status-badge{background-color:var(--status-badge-color-background-info, #e1f3f9);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-info, #a7d9ed);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-100, .875rem);display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--border-radius-s, .25rem);padding-right:.5rem;padding-left:.5rem;text-transform:lowercase;white-space:nowrap;min-height:1.5rem}.mc-status-badge__label{color:var(--status-badge-color-label, #000000)}.mc-status-badge__label:first-letter{text-transform:uppercase}.mc-status-badge--success{background-color:var(--status-badge-color-background-success, #ebf5de);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-success, #c5e39e)}.mc-status-badge--error{background-color:var(--status-badge-color-background-error, #fdeaea);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-error, #f8bcbb)}.mc-status-badge--warning{background-color:var(--status-badge-color-background-warning, #fdf1e8);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-warning, #f8d2b3)}.mc-status-badge--neutral{background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-neutral, #cccccc)}\n"] }]
+            args: [{ selector: 'moz-status-badge', imports: [MozStatusDotComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"classes()\">\n  <moz-status-dot [status]=\"status()\" />\n  <span class=\"mc-status-badge__label\">{{ label() }}</span>\n</div>\n", styles: [".mc-status-badge{background-color:var(--status-badge-color-background-info, #e1f3f9);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-info, #a7d9ed);font-size:var(--font-size-100, .875rem);height:1.5rem;font-weight:var(--font-weight-regular, 400);display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--border-radius-s, .25rem);padding-right:.5rem;padding-left:.5rem;text-transform:lowercase;white-space:nowrap}.mc-status-badge__label{color:var(--status-badge-color-label, #000000)}.mc-status-badge__label:first-letter{text-transform:uppercase}.mc-status-badge--success{background-color:var(--status-badge-color-background-success, #ebf5de);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-success, #c5e39e)}.mc-status-badge--error{background-color:var(--status-badge-color-background-error, #fdeaea);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-error, #f8bcbb)}.mc-status-badge--warning{background-color:var(--status-badge-color-background-warning, #fdf1e8);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-warning, #f8d2b3)}.mc-status-badge--neutral{background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:var(--border-width-s, .0625rem) solid var(--status-badge-color-border-neutral, #cccccc)}.mc-status-badge--s{font-size:var(--font-size-50, .75rem);height:1.25rem}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
 class MozStatusNotificationComponent {
@@ -1502,24 +1502,24 @@ class MozStatusNotificationComponent {
     iconComponent = computed(() => {
         switch (this.status()) {
             case 'success':
-                return CheckCircle32;
+                return CheckCircleFilled24;
             case 'warning':
-                return WarningCircle32;
+                return WarningTriangleFilled24;
             case 'error':
-                return CrossCircle32;
+                return ErrorFilled24;
             default:
-                return InfoCircle32;
+                return InfoCircleFilled24;
         }
     }, ...(ngDevMode ? [{ debugName: "iconComponent" }] : /* istanbul ignore next */ []));
     onCloseClick() {
         this.closed.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozStatusNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozStatusNotificationComponent, isStandalone: true, selector: "moz-status-notification", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, queries: [{ propertyName: "descriptionTpl", first: true, predicate: ["description"], isSignal: true }, { propertyName: "footerTpl", first: true, predicate: ["footer"], isSignal: true }], ngImport: i0, template: "<section role=\"status\" [class]=\"classes()\" [id]=\"id()\">\n  <div class=\"mc-status-notification__icon\">\n    <ng-container [ngComponentOutlet]=\"iconComponent()\" />\n  </div>\n\n  <div class=\"mc-status-notification__content\">\n    @if(title()){\n    <span class=\"mc-status-notification__title\">{{ title() }}</span>\n    } @if (descriptionTpl()) {\n    <div class=\"mc-status-notification__message\">\n      <ng-container [ngTemplateOutlet]=\"descriptionTpl()\" />\n    </div>\n    } @if (footerTpl()) {\n    <div class=\"mc-status-notification__footer\">\n      <ng-container [ngTemplateOutlet]=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n\n  @if (closable()) {\n  <moz-icon-button\n    size=\"s\"\n    class=\"mc-status-notification-closable__close\"\n    [ghost]=\"true\"\n    type=\"button\"\n    [appearance]=\"'standard'\"\n    (activated)=\"onCloseClick()\"\n    ariaLabel=\"Close notification\"\n    [id]=\"'status-notification-close-button'\"\n  >\n    <Cross20 icon />\n  </moz-icon-button>\n  }\n</section>\n", styles: [".mc-status-notification{border-radius:var(--border-radius-m, .5rem);background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000)}.mc-status-notification__icon{width:2rem;height:2rem;margin:.75rem;fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification__content{flex:1 1 0;padding:.75rem 1rem .75rem 0}.mc-status-notification__title,.mc-status-notification__message{line-height:var(--line-height-s, 1.3);margin-block:0}.mc-status-notification__title{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-150, 1rem);margin-block-end:.25rem}.mc-status-notification__message{font-size:var(--font-size-100, .875rem)}.mc-status-notification__footer{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem}.mc-status-notification--information{background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7)}.mc-status-notification--information .mc-status-notification__icon{fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification--success{background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-success, #78be20)}.mc-status-notification--success .mc-status-notification__icon{fill:var(--status-notification-color-icon-success, #3f9e10);color:var(--status-notification-color-icon-success, #3f9e10)}.mc-status-notification--warning{background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-warning, #ef934a)}.mc-status-notification--warning .mc-status-notification__icon{fill:var(--status-notification-color-icon-warning, #ea7315);color:var(--status-notification-color-icon-warning, #ea7315)}.mc-status-notification--error{background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-error, #ef5f5c)}.mc-status-notification--error .mc-status-notification__icon{fill:var(--status-notification-color-icon-error, #ea302d);color:var(--status-notification-color-icon-error, #ea302d)}.mc-status-notification-closable__close{margin:.25rem}\n"], dependencies: [{ kind: "component", type: Cross20, selector: "Cross20", inputs: ["hostClass"] }, { kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozStatusNotificationComponent, isStandalone: true, selector: "moz-status-notification", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, queries: [{ propertyName: "descriptionTpl", first: true, predicate: ["description"], isSignal: true }, { propertyName: "footerTpl", first: true, predicate: ["footer"], isSignal: true }], ngImport: i0, template: "<section role=\"status\" [class]=\"classes()\" [id]=\"id()\">\n  <div class=\"mc-status-notification__icon\">\n    <ng-container [ngComponentOutlet]=\"iconComponent()\" />\n  </div>\n\n  <div class=\"mc-status-notification__content\">\n    @if(title()){\n    <span class=\"mc-status-notification__title\">{{ title() }}</span>\n    } @if (descriptionTpl()) {\n    <div class=\"mc-status-notification__message\">\n      <ng-container [ngTemplateOutlet]=\"descriptionTpl()\" />\n    </div>\n    } @if (footerTpl()) {\n    <div class=\"mc-status-notification__footer\">\n      <ng-container [ngTemplateOutlet]=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n\n  @if (closable()) {\n  <moz-icon-button\n    size=\"s\"\n    class=\"mc-status-notification-closable__close\"\n    [ghost]=\"true\"\n    type=\"button\"\n    [appearance]=\"'standard'\"\n    (activated)=\"onCloseClick()\"\n    ariaLabel=\"Close notification\"\n    [id]=\"'status-notification-close-button'\"\n  >\n    <Cross20 icon />\n  </moz-icon-button>\n  }\n</section>\n", styles: [".mc-status-notification{border-radius:var(--border-radius-m, .5rem);background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000)}.mc-status-notification__icon{width:1.5rem;height:1.5rem;margin:.5rem .25rem 0 .5rem;fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification__content{flex:1 1 0;padding:.625rem .5rem .75rem 0}.mc-status-notification__title,.mc-status-notification__message{line-height:var(--line-height-s, 1.3);margin-block:0}.mc-status-notification__title{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, .875rem);margin-block-end:.25rem}.mc-status-notification__message{font-size:var(--font-size-100, .875rem)}.mc-status-notification__footer{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem}.mc-status-notification--information{background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7)}.mc-status-notification--information .mc-status-notification__icon{fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification--success{background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-success, #78be20)}.mc-status-notification--success .mc-status-notification__icon{fill:var(--status-notification-color-icon-success, #3f9e10);color:var(--status-notification-color-icon-success, #3f9e10)}.mc-status-notification--warning{background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-warning, #ef934a)}.mc-status-notification--warning .mc-status-notification__icon{fill:var(--status-notification-color-icon-warning, #ea7315);color:var(--status-notification-color-icon-warning, #ea7315)}.mc-status-notification--error{background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-error, #ef5f5c)}.mc-status-notification--error .mc-status-notification__icon{fill:var(--status-notification-color-icon-error, #ea302d);color:var(--status-notification-color-icon-error, #ea302d)}.mc-status-notification-closable__close{margin:.25rem}\n"], dependencies: [{ kind: "component", type: Cross20, selector: "Cross20", inputs: ["hostClass"] }, { kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozStatusNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-status-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Cross20, MozIconButtonComponent, NgComponentOutlet, NgTemplateOutlet], template: "<section role=\"status\" [class]=\"classes()\" [id]=\"id()\">\n  <div class=\"mc-status-notification__icon\">\n    <ng-container [ngComponentOutlet]=\"iconComponent()\" />\n  </div>\n\n  <div class=\"mc-status-notification__content\">\n    @if(title()){\n    <span class=\"mc-status-notification__title\">{{ title() }}</span>\n    } @if (descriptionTpl()) {\n    <div class=\"mc-status-notification__message\">\n      <ng-container [ngTemplateOutlet]=\"descriptionTpl()\" />\n    </div>\n    } @if (footerTpl()) {\n    <div class=\"mc-status-notification__footer\">\n      <ng-container [ngTemplateOutlet]=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n\n  @if (closable()) {\n  <moz-icon-button\n    size=\"s\"\n    class=\"mc-status-notification-closable__close\"\n    [ghost]=\"true\"\n    type=\"button\"\n    [appearance]=\"'standard'\"\n    (activated)=\"onCloseClick()\"\n    ariaLabel=\"Close notification\"\n    [id]=\"'status-notification-close-button'\"\n  >\n    <Cross20 icon />\n  </moz-icon-button>\n  }\n</section>\n", styles: [".mc-status-notification{border-radius:var(--border-radius-m, .5rem);background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000)}.mc-status-notification__icon{width:2rem;height:2rem;margin:.75rem;fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification__content{flex:1 1 0;padding:.75rem 1rem .75rem 0}.mc-status-notification__title,.mc-status-notification__message{line-height:var(--line-height-s, 1.3);margin-block:0}.mc-status-notification__title{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-150, 1rem);margin-block-end:.25rem}.mc-status-notification__message{font-size:var(--font-size-100, .875rem)}.mc-status-notification__footer{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem}.mc-status-notification--information{background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7)}.mc-status-notification--information .mc-status-notification__icon{fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification--success{background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-success, #78be20)}.mc-status-notification--success .mc-status-notification__icon{fill:var(--status-notification-color-icon-success, #3f9e10);color:var(--status-notification-color-icon-success, #3f9e10)}.mc-status-notification--warning{background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-warning, #ef934a)}.mc-status-notification--warning .mc-status-notification__icon{fill:var(--status-notification-color-icon-warning, #ea7315);color:var(--status-notification-color-icon-warning, #ea7315)}.mc-status-notification--error{background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-error, #ef5f5c)}.mc-status-notification--error .mc-status-notification__icon{fill:var(--status-notification-color-icon-error, #ea302d);color:var(--status-notification-color-icon-error, #ea302d)}.mc-status-notification-closable__close{margin:.25rem}\n"] }]
+            args: [{ selector: 'moz-status-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Cross20, MozIconButtonComponent, NgComponentOutlet, NgTemplateOutlet], template: "<section role=\"status\" [class]=\"classes()\" [id]=\"id()\">\n  <div class=\"mc-status-notification__icon\">\n    <ng-container [ngComponentOutlet]=\"iconComponent()\" />\n  </div>\n\n  <div class=\"mc-status-notification__content\">\n    @if(title()){\n    <span class=\"mc-status-notification__title\">{{ title() }}</span>\n    } @if (descriptionTpl()) {\n    <div class=\"mc-status-notification__message\">\n      <ng-container [ngTemplateOutlet]=\"descriptionTpl()\" />\n    </div>\n    } @if (footerTpl()) {\n    <div class=\"mc-status-notification__footer\">\n      <ng-container [ngTemplateOutlet]=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n\n  @if (closable()) {\n  <moz-icon-button\n    size=\"s\"\n    class=\"mc-status-notification-closable__close\"\n    [ghost]=\"true\"\n    type=\"button\"\n    [appearance]=\"'standard'\"\n    (activated)=\"onCloseClick()\"\n    ariaLabel=\"Close notification\"\n    [id]=\"'status-notification-close-button'\"\n  >\n    <Cross20 icon />\n  </moz-icon-button>\n  }\n</section>\n", styles: [".mc-status-notification{border-radius:var(--border-radius-m, .5rem);background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000)}.mc-status-notification__icon{width:1.5rem;height:1.5rem;margin:.5rem .25rem 0 .5rem;fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification__content{flex:1 1 0;padding:.625rem .5rem .75rem 0}.mc-status-notification__title,.mc-status-notification__message{line-height:var(--line-height-s, 1.3);margin-block:0}.mc-status-notification__title{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, .875rem);margin-block-end:.25rem}.mc-status-notification__message{font-size:var(--font-size-100, .875rem)}.mc-status-notification__footer{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem}.mc-status-notification--information{background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-info, #3facd7)}.mc-status-notification--information .mc-status-notification__icon{fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc)}.mc-status-notification--success{background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-success, #78be20)}.mc-status-notification--success .mc-status-notification__icon{fill:var(--status-notification-color-icon-success, #3f9e10);color:var(--status-notification-color-icon-success, #3f9e10)}.mc-status-notification--warning{background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-warning, #ef934a)}.mc-status-notification--warning .mc-status-notification__icon{fill:var(--status-notification-color-icon-warning, #ea7315);color:var(--status-notification-color-icon-warning, #ea7315)}.mc-status-notification--error{background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-width-s, .0625rem) var(--status-notification-color-border-error, #ef5f5c)}.mc-status-notification--error .mc-status-notification__icon{fill:var(--status-notification-color-icon-error, #ea302d);color:var(--status-notification-color-icon-error, #ea302d)}.mc-status-notification-closable__close{margin:.25rem}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], descriptionTpl: [{ type: i0.ContentChild, args: ['description', { ...{ descendants: false }, isSignal: true }] }], footerTpl: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }] } });
 class MozTabComponent {
@@ -1609,11 +1609,11 @@ class MozTabsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozTabsComponent, isStandalone: true, selector: "moz-tabs", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, tabsInput: { classPropertyName: "tabsInput", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedIndexChange: "selectedIndexChange" }, queries: [{ propertyName: "tabs", predicate: MozTabComponent }], ngImport: i0, template: "<nav [class]=\"classes()\" aria-label=\"Tabs\">\n  <ul class=\"tabs__list\" role=\"tablist\" [attr.aria-label]=\"description()\">\n    @if (hasVirtualTabs()) { @for (tab of virtualTabs(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickVirtualTab(index, tab)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      }\n    </li>\n    } } @else { @for (tab of tabsArray(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink()) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      }\n    </li>\n    } }\n  </ul>\n\n  @if (divider()) {\n  <moz-divider></moz-divider>\n  }\n</nav>\n", styles: [".mc-tabs,.tabs{background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%;height:3.5rem}.mc-tabs__list,.tabs__list{list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:.5rem;padding:var(--tabs-list-padding, .5rem .25rem);overflow:scroll}@media screen and (min-width:681px){.mc-tabs__list,.tabs__list{overflow:hidden}}.mc-tabs__tab,.tabs__tab{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);align-items:center;background:none;border:none;border-radius:var(--border-radius-s, .25rem);color:var(--tabs-color-text-default, #404040);cursor:pointer;display:flex;gap:.25rem;height:2.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__tab:hover,.tabs__tab:hover{background-color:var(--tabs-color-background-hover, rgba(0, 0, 0, .05))}.mc-tabs__tab:focus-visible,.tabs__tab:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-tabs__tab--selected,.tabs__tab--selected{color:var(--tabs-color-text-selected, #006902);background-color:var(--tabs-color-background-selected, #ebf5de)}.mc-tabs__tab--selected:hover,.tabs__tab--selected:hover{background-color:var(--tabs-color-background-selected-hover, #c5e39e)}.mc-tabs__tab--disabled,.tabs__tab--disabled{color:var(--tabs-color-text-disabled, #b3b3b3);cursor:not-allowed}.mc-tabs__tab--disabled:hover,.tabs__tab--disabled:hover{background:none}.mc-tabs__label,.tabs__label{pointer-events:none;white-space:nowrap}.mc-tabs__icon,.tabs__icon{fill:currentcolor;height:1.5rem;width:1.5rem}.mc-tabs--centered .mc-tabs__list,.tabs--centered .mc-tabs__list,.mc-tabs--centered .tabs__list,.tabs--centered .tabs__list{justify-content:center}.mc-number-badge{color:var(--number-badge-color-text-standard, #ffffff);background-color:var(--number-badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding-inline:.125rem;font-size:var(--font-size-25, .625rem);border-radius:var(--border-radius-l, 1rem);font-weight:var(--font-weight-semi-bold, 600);display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;line-height:1}.mc-number-badge--m{height:1.5rem;min-width:1.5rem;padding-inline:.25rem;font-size:var(--font-size-50, .75rem)}.mc-number-badge--accent{color:var(--number-badge-color-text-accent, #ffffff);background-color:var(--number-badge-color-background-accent, #117f03)}.mc-number-badge--danger{color:var(--number-badge-color-text-danger, #ffffff);background-color:var(--number-badge-color-background-danger, #c61112)}.mc-number-badge--inverse{color:var(--number-badge-color-text-inverse, #464e63);background-color:var(--number-badge-color-background-inverse, #ffffff)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MozDividerComponent, selector: "moz-divider", inputs: ["orientation", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozTabsComponent, isStandalone: true, selector: "moz-tabs", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, tabsInput: { classPropertyName: "tabsInput", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedIndexChange: "selectedIndexChange" }, queries: [{ propertyName: "tabs", predicate: MozTabComponent }], ngImport: i0, template: "<nav [class]=\"classes()\" aria-label=\"Tabs\">\n  <ul class=\"tabs__list\" role=\"tablist\" [attr.aria-label]=\"description()\">\n    @if (hasVirtualTabs()) { @for (tab of virtualTabs(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickVirtualTab(index, tab)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      }\n    </li>\n    } } @else { @for (tab of tabsArray(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink()) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      }\n    </li>\n    } }\n  </ul>\n\n  @if (divider()) {\n  <moz-divider></moz-divider>\n  }\n</nav>\n", styles: [".mc-tabs,.tabs{height:3.5rem}.mc-tabs .mc-tabs__tab,.tabs .mc-tabs__tab,.mc-tabs .tabs__tab,.tabs .tabs__tab{font-size:var(--font-size-100, .875rem);height:2.5rem;padding-left:.75rem;padding-right:.75rem}.mc-tabs .mc-tabs__tab .mc-tabs__icon,.tabs .mc-tabs__tab .mc-tabs__icon,.mc-tabs .tabs__tab .mc-tabs__icon,.tabs .tabs__tab .mc-tabs__icon,.mc-tabs .mc-tabs__tab .tabs__icon,.tabs .mc-tabs__tab .tabs__icon,.mc-tabs .tabs__tab .tabs__icon,.tabs .tabs__tab .tabs__icon{height:1.5rem;width:1.5rem}.mc-tabs,.tabs{background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%}.mc-tabs__list,.tabs__list{list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:.5rem;padding:var(--tabs-list-padding, .5rem .25rem);overflow:scroll}@media screen and (min-width:681px){.mc-tabs__list,.tabs__list{overflow:hidden}}.mc-tabs--s{height:2.5rem}.mc-tabs--s .mc-tabs__tab,.mc-tabs--s .tabs__tab{font-size:var(--font-size-50, .75rem);height:1.5rem;padding-left:.5rem;padding-right:.5rem}.mc-tabs--s .mc-tabs__tab .mc-tabs__icon,.mc-tabs--s .tabs__tab .mc-tabs__icon,.mc-tabs--s .mc-tabs__tab .tabs__icon,.mc-tabs--s .tabs__tab .tabs__icon{height:1.25rem;width:1.25rem}.mc-tabs__tab,.tabs__tab{font-weight:var(--font-weight-semi-bold, 600);align-items:center;background:none;border:none;border-radius:var(--border-radius-s, .25rem);color:var(--tabs-color-text-default, #404040);cursor:pointer;display:flex;gap:.25rem;justify-content:center;outline:none;position:relative;text-decoration:none}.mc-tabs__tab:hover,.tabs__tab:hover{background-color:var(--tabs-color-background-hover, rgba(0, 0, 0, .05))}.mc-tabs__tab:focus-visible,.tabs__tab:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-tabs__tab--selected,.tabs__tab--selected{color:var(--tabs-color-text-selected, #006902);background-color:var(--tabs-color-background-selected, #ebf5de)}.mc-tabs__tab--selected:hover,.tabs__tab--selected:hover{background-color:var(--tabs-color-background-selected-hover, #c5e39e)}.mc-tabs__tab--disabled,.tabs__tab--disabled{color:var(--tabs-color-text-disabled, #b3b3b3);cursor:not-allowed}.mc-tabs__tab--disabled:hover,.tabs__tab--disabled:hover{background:none}.mc-tabs__tab--s{font-size:var(--font-size-50, .75rem);height:1.5rem;padding-left:.5rem;padding-right:.5rem}.mc-tabs__tab--s .mc-tabs__icon,.mc-tabs__tab--s .tabs__icon{height:1.25rem;width:1.25rem}.mc-tabs__tab--m{font-size:var(--font-size-100, .875rem);height:2.5rem;padding-left:.75rem;padding-right:.75rem}.mc-tabs__tab--m .mc-tabs__icon,.mc-tabs__tab--m .tabs__icon{height:1.5rem;width:1.5rem}.mc-tabs__label,.tabs__label{pointer-events:none;white-space:nowrap}.mc-tabs__icon,.tabs__icon{fill:currentcolor}.mc-tabs--centered .mc-tabs__list,.tabs--centered .mc-tabs__list,.mc-tabs--centered .tabs__list,.tabs--centered .tabs__list{justify-content:center}.mc-number-badge{color:var(--number-badge-color-text-standard, #ffffff);background-color:var(--number-badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding-inline:.125rem;font-size:var(--font-size-25, .625rem);border-radius:var(--border-radius-l, 1rem);font-weight:var(--font-weight-semi-bold, 600);display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;line-height:1}.mc-number-badge--m{height:1.5rem;min-width:1.5rem;padding-inline:.25rem;font-size:var(--font-size-50, .75rem)}.mc-number-badge--accent{color:var(--number-badge-color-text-accent, #ffffff);background-color:var(--number-badge-color-background-accent, #117f03)}.mc-number-badge--danger{color:var(--number-badge-color-text-danger, #ffffff);background-color:var(--number-badge-color-background-danger, #c61112)}.mc-number-badge--inverse{color:var(--number-badge-color-text-inverse, #464e63);background-color:var(--number-badge-color-background-inverse, #ffffff)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MozDividerComponent, selector: "moz-divider", inputs: ["orientation", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-tabs', imports: [NgComponentOutlet, RouterLink, MozDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav [class]=\"classes()\" aria-label=\"Tabs\">\n  <ul class=\"tabs__list\" role=\"tablist\" [attr.aria-label]=\"description()\">\n    @if (hasVirtualTabs()) { @for (tab of virtualTabs(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickVirtualTab(index, tab)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      }\n    </li>\n    } } @else { @for (tab of tabsArray(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink()) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      }\n    </li>\n    } }\n  </ul>\n\n  @if (divider()) {\n  <moz-divider></moz-divider>\n  }\n</nav>\n", styles: [".mc-tabs,.tabs{background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%;height:3.5rem}.mc-tabs__list,.tabs__list{list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:.5rem;padding:var(--tabs-list-padding, .5rem .25rem);overflow:scroll}@media screen and (min-width:681px){.mc-tabs__list,.tabs__list{overflow:hidden}}.mc-tabs__tab,.tabs__tab{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);align-items:center;background:none;border:none;border-radius:var(--border-radius-s, .25rem);color:var(--tabs-color-text-default, #404040);cursor:pointer;display:flex;gap:.25rem;height:2.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__tab:hover,.tabs__tab:hover{background-color:var(--tabs-color-background-hover, rgba(0, 0, 0, .05))}.mc-tabs__tab:focus-visible,.tabs__tab:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-tabs__tab--selected,.tabs__tab--selected{color:var(--tabs-color-text-selected, #006902);background-color:var(--tabs-color-background-selected, #ebf5de)}.mc-tabs__tab--selected:hover,.tabs__tab--selected:hover{background-color:var(--tabs-color-background-selected-hover, #c5e39e)}.mc-tabs__tab--disabled,.tabs__tab--disabled{color:var(--tabs-color-text-disabled, #b3b3b3);cursor:not-allowed}.mc-tabs__tab--disabled:hover,.tabs__tab--disabled:hover{background:none}.mc-tabs__label,.tabs__label{pointer-events:none;white-space:nowrap}.mc-tabs__icon,.tabs__icon{fill:currentcolor;height:1.5rem;width:1.5rem}.mc-tabs--centered .mc-tabs__list,.tabs--centered .mc-tabs__list,.mc-tabs--centered .tabs__list,.tabs--centered .tabs__list{justify-content:center}.mc-number-badge{color:var(--number-badge-color-text-standard, #ffffff);background-color:var(--number-badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding-inline:.125rem;font-size:var(--font-size-25, .625rem);border-radius:var(--border-radius-l, 1rem);font-weight:var(--font-weight-semi-bold, 600);display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;line-height:1}.mc-number-badge--m{height:1.5rem;min-width:1.5rem;padding-inline:.25rem;font-size:var(--font-size-50, .75rem)}.mc-number-badge--accent{color:var(--number-badge-color-text-accent, #ffffff);background-color:var(--number-badge-color-background-accent, #117f03)}.mc-number-badge--danger{color:var(--number-badge-color-text-danger, #ffffff);background-color:var(--number-badge-color-background-danger, #c61112)}.mc-number-badge--inverse{color:var(--number-badge-color-text-inverse, #464e63);background-color:var(--number-badge-color-background-inverse, #ffffff)}\n"] }]
+            args: [{ selector: 'moz-tabs', imports: [NgComponentOutlet, RouterLink, MozDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav [class]=\"classes()\" aria-label=\"Tabs\">\n  <ul class=\"tabs__list\" role=\"tablist\" [attr.aria-label]=\"description()\">\n    @if (hasVirtualTabs()) { @for (tab of virtualTabs(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id\"\n        [class]=\"getVirtualTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickVirtualTab(index, tab)\"\n      >\n        @if (tab.icon) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label }}</span>\n        </div>\n        @if (tab.badge != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge }}</span>\n        }\n      </button>\n      }\n    </li>\n    } } @else { @for (tab of tabsArray(); let index = $index; track index) {\n    <li class=\"tabs__item\" role=\"presentation\">\n      @if (tab.routerLink()) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [routerLink]=\"tab.routerLink()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      } @else {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id()\"\n        [class]=\"getTabClasses(index)()\"\n        [attr.aria-selected]=\"isTabSelected(index)\"\n        (click)=\"onClickTab(index)\"\n      >\n        @if (tab.icon()) {\n        <span class=\"tabs__icon\" aria-hidden=\"true\">\n          <ng-container [ngComponentOutlet]=\"tab.icon() ?? null\"></ng-container>\n        </span>\n        }\n        <div class=\"tabs__label\">\n          <span>{{ tab.label() }}</span>\n        </div>\n        @if (tab.badge() != null) {\n        <span class=\"mc-number-badge mc-tabs__badge\" [class.mc-number-badge--accent]=\"isTabSelected(index)\">{{ tab.badge() }}</span>\n        }\n      </button>\n      }\n    </li>\n    } }\n  </ul>\n\n  @if (divider()) {\n  <moz-divider></moz-divider>\n  }\n</nav>\n", styles: [".mc-tabs,.tabs{height:3.5rem}.mc-tabs .mc-tabs__tab,.tabs .mc-tabs__tab,.mc-tabs .tabs__tab,.tabs .tabs__tab{font-size:var(--font-size-100, .875rem);height:2.5rem;padding-left:.75rem;padding-right:.75rem}.mc-tabs .mc-tabs__tab .mc-tabs__icon,.tabs .mc-tabs__tab .mc-tabs__icon,.mc-tabs .tabs__tab .mc-tabs__icon,.tabs .tabs__tab .mc-tabs__icon,.mc-tabs .mc-tabs__tab .tabs__icon,.tabs .mc-tabs__tab .tabs__icon,.mc-tabs .tabs__tab .tabs__icon,.tabs .tabs__tab .tabs__icon{height:1.5rem;width:1.5rem}.mc-tabs,.tabs{background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%}.mc-tabs__list,.tabs__list{list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:.5rem;padding:var(--tabs-list-padding, .5rem .25rem);overflow:scroll}@media screen and (min-width:681px){.mc-tabs__list,.tabs__list{overflow:hidden}}.mc-tabs--s{height:2.5rem}.mc-tabs--s .mc-tabs__tab,.mc-tabs--s .tabs__tab{font-size:var(--font-size-50, .75rem);height:1.5rem;padding-left:.5rem;padding-right:.5rem}.mc-tabs--s .mc-tabs__tab .mc-tabs__icon,.mc-tabs--s .tabs__tab .mc-tabs__icon,.mc-tabs--s .mc-tabs__tab .tabs__icon,.mc-tabs--s .tabs__tab .tabs__icon{height:1.25rem;width:1.25rem}.mc-tabs__tab,.tabs__tab{font-weight:var(--font-weight-semi-bold, 600);align-items:center;background:none;border:none;border-radius:var(--border-radius-s, .25rem);color:var(--tabs-color-text-default, #404040);cursor:pointer;display:flex;gap:.25rem;justify-content:center;outline:none;position:relative;text-decoration:none}.mc-tabs__tab:hover,.tabs__tab:hover{background-color:var(--tabs-color-background-hover, rgba(0, 0, 0, .05))}.mc-tabs__tab:focus-visible,.tabs__tab:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-tabs__tab--selected,.tabs__tab--selected{color:var(--tabs-color-text-selected, #006902);background-color:var(--tabs-color-background-selected, #ebf5de)}.mc-tabs__tab--selected:hover,.tabs__tab--selected:hover{background-color:var(--tabs-color-background-selected-hover, #c5e39e)}.mc-tabs__tab--disabled,.tabs__tab--disabled{color:var(--tabs-color-text-disabled, #b3b3b3);cursor:not-allowed}.mc-tabs__tab--disabled:hover,.tabs__tab--disabled:hover{background:none}.mc-tabs__tab--s{font-size:var(--font-size-50, .75rem);height:1.5rem;padding-left:.5rem;padding-right:.5rem}.mc-tabs__tab--s .mc-tabs__icon,.mc-tabs__tab--s .tabs__icon{height:1.25rem;width:1.25rem}.mc-tabs__tab--m{font-size:var(--font-size-100, .875rem);height:2.5rem;padding-left:.75rem;padding-right:.75rem}.mc-tabs__tab--m .mc-tabs__icon,.mc-tabs__tab--m .tabs__icon{height:1.5rem;width:1.5rem}.mc-tabs__label,.tabs__label{pointer-events:none;white-space:nowrap}.mc-tabs__icon,.tabs__icon{fill:currentcolor}.mc-tabs--centered .mc-tabs__list,.tabs--centered .mc-tabs__list,.mc-tabs--centered .tabs__list,.tabs--centered .tabs__list{justify-content:center}.mc-number-badge{color:var(--number-badge-color-text-standard, #ffffff);background-color:var(--number-badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding-inline:.125rem;font-size:var(--font-size-25, .625rem);border-radius:var(--border-radius-l, 1rem);font-weight:var(--font-weight-semi-bold, 600);display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;line-height:1}.mc-number-badge--m{height:1.5rem;min-width:1.5rem;padding-inline:.25rem;font-size:var(--font-size-50, .75rem)}.mc-number-badge--accent{color:var(--number-badge-color-text-accent, #ffffff);background-color:var(--number-badge-color-background-accent, #117f03)}.mc-number-badge--danger{color:var(--number-badge-color-text-danger, #ffffff);background-color:var(--number-badge-color-background-danger, #c61112)}.mc-number-badge--inverse{color:var(--number-badge-color-text-inverse, #464e63);background-color:var(--number-badge-color-background-inverse, #ffffff)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{
                 type: ContentChildren,
                 args: [MozTabComponent]
@@ -2094,7 +2094,7 @@ class MozDatepickerComponent {
                 useExisting: forwardRef(() => MozDatepickerComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"mc-field\">\n  <label class=\"mc-field__label\" [attr.for]=\"id()\"> {{ label() }} </label>\n\n  <div class=\"mc-field__content\">\n    <div [class]=\"classes()\">\n      <input\n        type=\"date\"\n        [id]=\"id()\"\n        class=\"mc-datepicker__control mc-text-input__control\"\n        [value]=\"_value() ?? ''\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [attr.aria-invalid]=\"invalid()\"\n      />\n\n      @if (clearable() && !disabled() && !readonly() && _value()) {\n      <div class=\"mc-controls-options mc-datepicker__controls-options\">\n        <button\n          type=\"button\"\n          class=\"mc-controls-options__button\"\n          (click)=\"onClear()\"\n          aria-label=\"Clear\"\n          tabindex=\"-1\"\n        >\n          <CrossCircle24 class=\"mc-controls-options__icon\" />\n          <span class=\"mc-controls-options__label\">Clear content</span>\n        </button>\n      </div>\n      }\n    </div>\n  </div>\n\n  @if (invalid() && error()) {\n  <span class=\"mc-field__validation-message is-invalid\"> {{ error() }} </span>\n  }\n</div>\n", styles: [".mc-text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number]{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button{appearance:none}.mc-text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-end:0}.mc-text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *{box-sizing:border-box}.mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-controls-options{align-items:center;display:inline-flex;justify-content:center;gap:.5rem}.mc-controls-options__button{background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%)}.mc-controls-options__button:hover .mc-controls-options__icon{fill:var(--forms-color-icon-clear-hover, #4d4d4d)}.mc-controls-options__button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-controls-options__icon{fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666)}.mc-controls-options__button,.mc-controls-options__icon{height:1.5rem;width:1.5rem}.mc-controls-options__label{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-controls-options__unit{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-datepicker{border-radius:var(--border-radius-s, .25rem);position:relative}.mc-datepicker__control{font-family:var(--font-family, LeroyMerlin),sans-serif;background-repeat:no-repeat;background-position:right .75rem center;display:block;padding:0 .75rem}.mc-datepicker__control::-webkit-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control::-moz-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control:after{content:\"\";pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-datepicker__control.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-datepicker__control:disabled{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker__control:disabled:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-datepicker__control:disabled:hover:not(:focus-within){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker:has(.mc-controls-options){padding-inline-end:0}.mc-datepicker:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed}.mc-datepicker:has(input:disabled):hover{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker--s .mc-datepicker__control{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker--s .mc-datepicker__control:disabled{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker__controls-options{position:absolute;right:2.75rem;top:.75rem}\n"], dependencies: [{ kind: "component", type: CrossCircle24, selector: "CrossCircle24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"mc-field\">\n  <label class=\"mc-field__label\" [attr.for]=\"id()\"> {{ label() }} </label>\n\n  <div class=\"mc-field__content\">\n    <div [class]=\"classes()\">\n      <input\n        type=\"date\"\n        [id]=\"id()\"\n        class=\"mc-datepicker__control mc-text-input__control\"\n        [value]=\"_value() ?? ''\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [attr.aria-invalid]=\"invalid()\"\n      />\n\n      @if (clearable() && !disabled() && !readonly() && _value()) {\n      <div class=\"mc-controls-options mc-datepicker__controls-options\">\n        <button\n          type=\"button\"\n          class=\"mc-controls-options__button\"\n          (click)=\"onClear()\"\n          aria-label=\"Clear\"\n          tabindex=\"-1\"\n        >\n          <CrossCircle24 class=\"mc-controls-options__icon\" />\n          <span class=\"mc-controls-options__label\">Clear content</span>\n        </button>\n      </div>\n      }\n    </div>\n  </div>\n\n  @if (invalid() && error()) {\n  <span class=\"mc-field__validation-message is-invalid\"> {{ error() }} </span>\n  }\n</div>\n", styles: [".mc-text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number]{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button{appearance:none}.mc-text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-end:0}.mc-text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *{box-sizing:border-box}.mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-controls-options{align-items:center;display:inline-flex;justify-content:center;gap:.5rem}.mc-controls-options__button{background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%)}.mc-controls-options__button:hover .mc-controls-options__icon{fill:var(--forms-color-icon-clear-hover, #4d4d4d)}.mc-controls-options__button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-controls-options__icon{fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666)}.mc-controls-options__button,.mc-controls-options__icon{height:1.5rem;width:1.5rem}.mc-controls-options__label{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-controls-options__unit{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-datepicker{border-radius:var(--border-radius-s, .25rem);position:relative}.mc-datepicker__control{font-family:var(--font-family, LeroyMerlin),sans-serif;background-repeat:no-repeat;background-position:right .75rem center;display:block;padding:0 .75rem}.mc-datepicker__control::-webkit-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control::-moz-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control:after{content:\"\";pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-datepicker__control.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-datepicker__control:disabled{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker__control:disabled:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-datepicker__control:disabled:hover:not(:focus-within){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker__controls-options{position:absolute;right:2.75rem;top:.75rem}.mc-datepicker:has(.mc-controls-options){padding-inline-end:0}.mc-datepicker:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed}.mc-datepicker:has(input:disabled):hover{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker--s .mc-datepicker__control:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker--s .mc-datepicker__control:disabled:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker--s .mc-datepicker__controls-options{top:.3125rem}.mc-datepicker--s .mc-datepicker__controls-options button,.mc-datepicker--s .mc-datepicker__controls-options svg{width:1.25rem;height:1.25rem}\n"], dependencies: [{ kind: "component", type: CrossCircle24, selector: "CrossCircle24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozDatepickerComponent, decorators: [{
             type: Component,
@@ -2104,7 +2104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                             useExisting: forwardRef(() => MozDatepickerComponent),
                             multi: true,
                         },
-                    ], imports: [CrossCircle24], template: "<div class=\"mc-field\">\n  <label class=\"mc-field__label\" [attr.for]=\"id()\"> {{ label() }} </label>\n\n  <div class=\"mc-field__content\">\n    <div [class]=\"classes()\">\n      <input\n        type=\"date\"\n        [id]=\"id()\"\n        class=\"mc-datepicker__control mc-text-input__control\"\n        [value]=\"_value() ?? ''\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [attr.aria-invalid]=\"invalid()\"\n      />\n\n      @if (clearable() && !disabled() && !readonly() && _value()) {\n      <div class=\"mc-controls-options mc-datepicker__controls-options\">\n        <button\n          type=\"button\"\n          class=\"mc-controls-options__button\"\n          (click)=\"onClear()\"\n          aria-label=\"Clear\"\n          tabindex=\"-1\"\n        >\n          <CrossCircle24 class=\"mc-controls-options__icon\" />\n          <span class=\"mc-controls-options__label\">Clear content</span>\n        </button>\n      </div>\n      }\n    </div>\n  </div>\n\n  @if (invalid() && error()) {\n  <span class=\"mc-field__validation-message is-invalid\"> {{ error() }} </span>\n  }\n</div>\n", styles: [".mc-text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number]{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button{appearance:none}.mc-text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-end:0}.mc-text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *{box-sizing:border-box}.mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content{margin-top:.5rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-controls-options{align-items:center;display:inline-flex;justify-content:center;gap:.5rem}.mc-controls-options__button{background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%)}.mc-controls-options__button:hover .mc-controls-options__icon{fill:var(--forms-color-icon-clear-hover, #4d4d4d)}.mc-controls-options__button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-controls-options__icon{fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666)}.mc-controls-options__button,.mc-controls-options__icon{height:1.5rem;width:1.5rem}.mc-controls-options__label{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-controls-options__unit{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-datepicker{border-radius:var(--border-radius-s, .25rem);position:relative}.mc-datepicker__control{font-family:var(--font-family, LeroyMerlin),sans-serif;background-repeat:no-repeat;background-position:right .75rem center;display:block;padding:0 .75rem}.mc-datepicker__control::-webkit-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control::-moz-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control:after{content:\"\";pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-datepicker__control.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-datepicker__control:disabled{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker__control:disabled:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-datepicker__control:disabled:hover:not(:focus-within){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker:has(.mc-controls-options){padding-inline-end:0}.mc-datepicker:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed}.mc-datepicker:has(input:disabled):hover{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker--s .mc-datepicker__control{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker--s .mc-datepicker__control:disabled{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker__controls-options{position:absolute;right:2.75rem;top:.75rem}\n"] }]
+                    ], imports: [CrossCircle24], template: "<div class=\"mc-field\">\n  <label class=\"mc-field__label\" [attr.for]=\"id()\"> {{ label() }} </label>\n\n  <div class=\"mc-field__content\">\n    <div [class]=\"classes()\">\n      <input\n        type=\"date\"\n        [id]=\"id()\"\n        class=\"mc-datepicker__control mc-text-input__control\"\n        [value]=\"_value() ?? ''\"\n        [disabled]=\"disabled()\"\n        [readonly]=\"readonly()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [attr.aria-invalid]=\"invalid()\"\n      />\n\n      @if (clearable() && !disabled() && !readonly() && _value()) {\n      <div class=\"mc-controls-options mc-datepicker__controls-options\">\n        <button\n          type=\"button\"\n          class=\"mc-controls-options__button\"\n          (click)=\"onClear()\"\n          aria-label=\"Clear\"\n          tabindex=\"-1\"\n        >\n          <CrossCircle24 class=\"mc-controls-options__icon\" />\n          <span class=\"mc-controls-options__label\">Clear content</span>\n        </button>\n      </div>\n      }\n    </div>\n  </div>\n\n  @if (invalid() && error()) {\n  <span class=\"mc-field__validation-message is-invalid\"> {{ error() }} </span>\n  }\n</div>\n", styles: [".mc-text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number]{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button{appearance:none}.mc-text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control{padding-inline-end:0}.mc-text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *{box-sizing:border-box}.mc-field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.mc-field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help{display:block;margin-top:.125rem}.mc-field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-controls-options{align-items:center;display:inline-flex;justify-content:center;gap:.5rem}.mc-controls-options__button{background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%)}.mc-controls-options__button:hover .mc-controls-options__icon{fill:var(--forms-color-icon-clear-hover, #4d4d4d)}.mc-controls-options__button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-controls-options__icon{fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666)}.mc-controls-options__button,.mc-controls-options__icon{height:1.5rem;width:1.5rem}.mc-controls-options__label{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-controls-options__unit{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-datepicker{border-radius:var(--border-radius-s, .25rem);position:relative}.mc-datepicker__control{font-family:var(--font-family, LeroyMerlin),sans-serif;background-repeat:no-repeat;background-position:right .75rem center;display:block;padding:0 .75rem}.mc-datepicker__control::-webkit-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control::-moz-calendar-picker-indicator{padding-right:1rem;opacity:0;transform:scale(2)}.mc-datepicker__control:after{content:\"\";pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-datepicker__control.is-invalid:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-datepicker__control:disabled{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E\") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker__control:disabled:after{background-color:var(--forms-color-icon-disabled, #737373)}.mc-datepicker__control:disabled:hover:not(:focus-within){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker__controls-options{position:absolute;right:2.75rem;top:.75rem}.mc-datepicker:has(.mc-controls-options){padding-inline-end:0}.mc-datepicker:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed}.mc-datepicker:has(input:disabled):hover{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-datepicker--s .mc-datepicker__control:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker--s .mc-datepicker__control:disabled:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-datepicker--s .mc-datepicker__controls-options{top:.3125rem}.mc-datepicker--s .mc-datepicker__controls-options button,.mc-datepicker--s .mc-datepicker__controls-options svg{width:1.25rem;height:1.25rem}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 class MozTooltipComponent {
@@ -2613,7 +2613,7 @@ class MozPhoneNumberComponent {
                 useExisting: forwardRef(() => MozPhoneNumberComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div\n    class=\"field\"\n    [class.is-disabled]=\"disabled()\"\n    [class.is-readonly]=\"readonly()\"\n>\n    <legend class=\"field__legend\">\n        {{ label() }} @if (showRequirement() && requirementText()) {\n        <span class=\"field__requirement\">{{ requirementText() }}</span>\n        }\n    </legend>\n\n    @if (helpText()) {\n    <span [id]=\"helpId\" class=\"field__help\">{{ helpText() }}</span>\n    }\n\n    <div class=\"field__content\">\n        <div id=\"mc-phone-number-input\" class=\"phone-number-input\">\n            <!-- Select pays + flag -->\n            <div\n                class=\"phone-number-input__select-wrapper\"\n                [class.phone-number-input__select-wrapper--hidden]=\"\n                            !showCountrySelect()\n                        \"\n            >\n                <select\n                    [id]=\"selectId\"\n                    [name]=\"selectName()\"\n                    class=\"select phone-number-input__select\"\n                    [class.select--s]=\"size() === 's'\"\n                    [disabled]=\"disabled() || readonly()\"\n                    [ngModel]=\"selectedCountryCode()\"\n                    (ngModelChange)=\"onCountryChange($event)\"\n                    aria-label=\"Country\"\n                >\n                    <option value=\"\" selected hidden></option>\n                    @for (code of availableCountries(); track code) {\n                    <option\n                        [attr.data-flag]=\"code\"\n                        [value]=\"code\"\n                        [selected]=\"code === selectedCountryCode()\"\n                    >\n                        {{ getCountryName(code) }} (+{{ getCountryCallingCodeFor(code) }})\n                    </option>\n                    }\n                </select>\n\n                @if (showCountrySelect()) {\n                <div class=\"phone-number-input__select-display\">\n                    <div class=\"phone-number-input__flag\">\n                        <img\n                            class=\"phone-number-input__flag-image\"\n                            [id]=\"flagImgId\"\n                            [src]=\"selectedFlagUrl()\"\n                            [alt]=\"selectedCountryName()\"\n                            width=\"20\"\n                        />\n                    </div>\n                    <ChevronDown24 class=\"phone-number-input__chevron\" />\n                </div>\n                }\n            </div>\n\n            <!-- Input num\u00E9ro -->\n            <div\n                class=\"text-input phone-number-input__input\"\n                [class.text-input--s]=\"size() === 's'\"\n                [class.is-invalid]=\"isInvalid()\"\n            >\n                @if (showCountryCode()) {\n                <span [id]=\"ccId\" class=\"phone-number-input__country-code\"\n                    >{{ selectedDialCode() }}</span\n                >\n                }\n\n                <input\n                    type=\"tel\"\n                    [id]=\"inputId\"\n                    class=\"phone-number-input__control text-input__control\"\n                    [placeholder]=\"dynamicPlaceholder()\"\n                    [name]=\"inputName()\"\n                    [disabled]=\"disabled()\"\n                    [readonly]=\"readonly()\"\n                    [attr.aria-invalid]=\"isInvalid() || null\"\n                    [attr.aria-describedby]=\"describedBy()\"\n                    [ngModel]=\"number()\"\n                    (ngModelChange)=\"onNumberChange($event)\"\n                    (blur)=\"onTouched?.()\"\n                />\n            </div>\n        </div>\n    </div>\n\n    <!-- Message d'erreur -->\n    @if (isInvalid() && errorToShow()) {\n    <span [id]=\"errorId\" class=\"field__validation-message is-invalid\">\n        {{ errorToShow() }}\n    </span>\n    }\n</div>\n", styles: [".mc-text-input,.text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control,.text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,[type=number].text-input__control::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button,[type=number].text-input__control::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number],[type=number].text-input__control{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,[type=search].text-input__control::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button,[type=search].text-input__control::-webkit-search-cancel-button{appearance:none}.mc-text-input__control,.text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder,.text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within,.text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within),.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled),.text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]),.text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__icon) .text-input__control,.text-input:has(.mc-text-input__icon) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-controls-options) .text-input__control,.text-input:has(.mc-controls-options) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-end:0}.mc-text-input--s,.text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control,.text-input--s .mc-text-input__control,.mc-text-input--s .text-input__control,.text-input--s .text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon),.text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options),.text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid,.is-invalid.text-input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within),.is-invalid.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *,.text-input *{box-sizing:border-box}.mc-button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus{box-shadow:none;outline:none}.mc-button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){display:flex;align-items:flex-end;justify-content:center;z-index:1;padding:.5rem;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-listbox:has(.mc-listbox__content:not([popover])).is-visible,.mc-listbox:has(.mc-listbox__content:popover-open).is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){opacity:1}@media(width>=680px){.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){position:relative;display:block;padding:0;background-color:transparent}}.mc-listbox__content{border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all}@media(width>=680px){.mc-listbox__content{min-width:18.75rem}}.mc-listbox__header{display:flex;align-items:center;justify-content:center;position:relative;height:4rem}@media(width>=680px){.mc-listbox__header{display:none}}.mc-listbox__title{line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, .875rem);color:var(--color-text-tertiary, #666666);text-align:center;margin:0}.mc-listbox__close{position:absolute;right:1.25rem;width:1.5rem;height:1.5rem}.mc-listbox__body{overflow:hidden}@media(width>=680px){.mc-listbox--top .mc-listbox__content{margin:0 0 8px;inset:auto;position-area:span-right top}.mc-listbox--bottom .mc-listbox__content{margin:8px 0 0;inset:auto;position-area:span-right bottom}.mc-listbox--left .mc-listbox__content{margin:0 8px 0 0;inset:auto;position-area:span-bottom left}.mc-listbox--right .mc-listbox__content{margin:0 0 0 8px;inset:auto;position-area:span-bottom right}}.mc-select,.select{position:relative;display:block;width:100%}.mc-select:after,.select:after{content:\"\";pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-select__control{appearance:none;font-family:inherit;transition:box-shadow .2s ease;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);height:3rem;padding:0 3rem 0 .75rem;background-position:right 1rem center;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;border-radius:var(--border-radius-s, .25rem)}.mc-select__control:hover{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-select__control:focus{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-select__control:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-select__control--readonly{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-select__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-select__control.is-invalid:hover{border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-select--s .mc-select__control,.select--s .mc-select__control{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);height:2rem;padding:0 2rem 0 .5rem;background-position:right .5rem center}.mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.mc-field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-phone-number-input,.phone-number-input{font-family:var(--font-family, LeroyMerlin),sans-serif;display:flex;position:relative;gap:.25rem;box-sizing:border-box}.mc-phone-number-input__country-code,.phone-number-input__country-code{font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);margin-left:.75rem}.mc-phone-number-input__flag,.phone-number-input__flag{width:1.5rem;height:1.125rem;margin-left:auto;display:flex;align-items:center}.mc-phone-number-input__flag-image,.phone-number-input__flag-image{width:24px;max-height:18px;border-radius:var(--border-radius-xs, .125rem)}.mc-phone-number-input__chevron,.phone-number-input__chevron{width:1.5rem;height:1.5rem;margin:.75rem}.mc-phone-number-input__select-wrapper,.phone-number-input__select-wrapper{position:relative}.mc-phone-number-input__select-wrapper--hidden,.phone-number-input__select-wrapper--hidden{display:none}.mc-phone-number-input .mc-phone-number-input__select,.phone-number-input .mc-phone-number-input__select,.mc-phone-number-input .phone-number-input__select,.phone-number-input .phone-number-input__select{width:5.75rem;padding:0;z-index:2;opacity:0;position:relative}.mc-phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron{display:none}.mc-phone-number-input__select-display,.phone-number-input__select-display{box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;z-index:1;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--border-radius-s, .25rem)}.mc-phone-number-input__input,.phone-number-input__input{gap:0}.mc-phone-number-input__control,.phone-number-input__control{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ChevronDown24, selector: "ChevronDown24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div\n    class=\"field\"\n    [class.is-disabled]=\"disabled()\"\n    [class.is-readonly]=\"readonly()\"\n>\n    <legend class=\"field__legend\">\n        {{ label() }} @if (showRequirement() && requirementText()) {\n        <span class=\"field__requirement\">{{ requirementText() }}</span>\n        }\n    </legend>\n\n    @if (helpText()) {\n    <span [id]=\"helpId\" class=\"field__help\">{{ helpText() }}</span>\n    }\n\n    <div class=\"field__content\">\n        <div id=\"mc-phone-number-input\" class=\"phone-number-input\">\n            <!-- Select pays + flag -->\n            <div\n                class=\"phone-number-input__select-wrapper\"\n                [class.phone-number-input__select-wrapper--hidden]=\"\n                            !showCountrySelect()\n                        \"\n            >\n                <select\n                    [id]=\"selectId\"\n                    [name]=\"selectName()\"\n                    class=\"select phone-number-input__select\"\n                    [class.select--s]=\"size() === 's'\"\n                    [disabled]=\"disabled() || readonly()\"\n                    [ngModel]=\"selectedCountryCode()\"\n                    (ngModelChange)=\"onCountryChange($event)\"\n                    aria-label=\"Country\"\n                >\n                    <option value=\"\" selected hidden></option>\n                    @for (code of availableCountries(); track code) {\n                    <option\n                        [attr.data-flag]=\"code\"\n                        [value]=\"code\"\n                        [selected]=\"code === selectedCountryCode()\"\n                    >\n                        {{ getCountryName(code) }} (+{{ getCountryCallingCodeFor(code) }})\n                    </option>\n                    }\n                </select>\n\n                @if (showCountrySelect()) {\n                <div class=\"phone-number-input__select-display\">\n                    <div class=\"phone-number-input__flag\">\n                        <img\n                            class=\"phone-number-input__flag-image\"\n                            [id]=\"flagImgId\"\n                            [src]=\"selectedFlagUrl()\"\n                            [alt]=\"selectedCountryName()\"\n                            width=\"20\"\n                        />\n                    </div>\n                    <ChevronDown24 class=\"phone-number-input__chevron\" />\n                </div>\n                }\n            </div>\n\n            <!-- Input num\u00E9ro -->\n            <div\n                class=\"text-input phone-number-input__input\"\n                [class.text-input--s]=\"size() === 's'\"\n                [class.is-invalid]=\"isInvalid()\"\n            >\n                @if (showCountryCode()) {\n                <span [id]=\"ccId\" class=\"phone-number-input__country-code\"\n                    >{{ selectedDialCode() }}</span\n                >\n                }\n\n                <input\n                    type=\"tel\"\n                    [id]=\"inputId\"\n                    class=\"phone-number-input__control text-input__control\"\n                    [placeholder]=\"dynamicPlaceholder()\"\n                    [name]=\"inputName()\"\n                    [disabled]=\"disabled()\"\n                    [readonly]=\"readonly()\"\n                    [attr.aria-invalid]=\"isInvalid() || null\"\n                    [attr.aria-describedby]=\"describedBy()\"\n                    [ngModel]=\"number()\"\n                    (ngModelChange)=\"onNumberChange($event)\"\n                    (blur)=\"onTouched?.()\"\n                />\n            </div>\n        </div>\n    </div>\n\n    <!-- Message d'erreur -->\n    @if (isInvalid() && errorToShow()) {\n    <span [id]=\"errorId\" class=\"field__validation-message is-invalid\">\n        {{ errorToShow() }}\n    </span>\n    }\n</div>\n", styles: [".mc-text-input,.text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control,.text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,[type=number].text-input__control::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button,[type=number].text-input__control::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number],[type=number].text-input__control{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,[type=search].text-input__control::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button,[type=search].text-input__control::-webkit-search-cancel-button{appearance:none}.mc-text-input__control,.text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder,.text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within,.text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within),.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled),.text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]),.text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__icon) .text-input__control,.text-input:has(.mc-text-input__icon) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-controls-options) .text-input__control,.text-input:has(.mc-controls-options) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-end:0}.mc-text-input--s,.text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control,.text-input--s .mc-text-input__control,.mc-text-input--s .text-input__control,.text-input--s .text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon),.text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options),.text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid,.is-invalid.text-input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within),.is-invalid.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *,.text-input *{box-sizing:border-box}.mc-button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus{box-shadow:none;outline:none}.mc-button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){display:flex;align-items:flex-end;justify-content:center;z-index:1;padding:.5rem;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-listbox:has(.mc-listbox__content:not([popover])).is-visible,.mc-listbox:has(.mc-listbox__content:popover-open).is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){opacity:1}@media(width>=680px){.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){position:relative;display:block;padding:0;background-color:transparent}}.mc-listbox__content{border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all}@media(width>=680px){.mc-listbox__content{min-width:18.75rem}}.mc-listbox__header{display:flex;align-items:center;justify-content:center;position:relative;height:4rem}@media(width>=680px){.mc-listbox__header{display:none}}.mc-listbox__title{line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, .875rem);color:var(--color-text-tertiary, #666666);text-align:center;margin:0}.mc-listbox__close{position:absolute;right:1.25rem;width:1.5rem;height:1.5rem}.mc-listbox__body{overflow:hidden}@media(width>=680px){.mc-listbox--top .mc-listbox__content{margin:0 0 8px;inset:auto;position-area:span-right top}.mc-listbox--bottom .mc-listbox__content{margin:8px 0 0;inset:auto;position-area:span-right bottom}.mc-listbox--left .mc-listbox__content{margin:0 8px 0 0;inset:auto;position-area:span-bottom left}.mc-listbox--right .mc-listbox__content{margin:0 0 0 8px;inset:auto;position-area:span-bottom right}}.mc-select,.select{position:relative;display:block;width:100%}.mc-select:after,.select:after{content:\"\";pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-select__control{appearance:none;font-family:inherit;transition:box-shadow .2s ease;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);height:3rem;padding:0 3rem 0 .75rem;background-position:right 1rem center;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;border-radius:var(--border-radius-s, .25rem)}.mc-select__control:hover{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-select__control:focus{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-select__control:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-select__control--readonly{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-select__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-select__control.is-invalid:hover{border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-select--s .mc-select__control,.select--s .mc-select__control{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);height:2rem;padding:0 2rem 0 .5rem;background-position:right .5rem center}.mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-phone-number-input,.phone-number-input{font-family:var(--font-family, LeroyMerlin),sans-serif;display:flex;position:relative;gap:.25rem;box-sizing:border-box}.mc-phone-number-input__country-code,.phone-number-input__country-code{font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);margin-left:.75rem}.mc-phone-number-input__flag,.phone-number-input__flag{width:1.5rem;height:1.125rem;margin-left:auto;display:flex;align-items:center}.mc-phone-number-input__flag-image,.phone-number-input__flag-image{width:24px;max-height:18px;border-radius:var(--border-radius-xs, .125rem)}.mc-phone-number-input__chevron,.phone-number-input__chevron{width:1.5rem;height:1.5rem;margin:.75rem}.mc-phone-number-input__select-wrapper,.phone-number-input__select-wrapper{position:relative}.mc-phone-number-input__select-wrapper--hidden,.phone-number-input__select-wrapper--hidden{display:none}.mc-phone-number-input .mc-phone-number-input__select,.phone-number-input .mc-phone-number-input__select,.mc-phone-number-input .phone-number-input__select,.phone-number-input .phone-number-input__select{width:5.75rem;padding:0;z-index:2;opacity:0;position:relative}.mc-phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron{display:none}.mc-phone-number-input__select-display,.phone-number-input__select-display{box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;z-index:1;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--border-radius-s, .25rem)}.mc-phone-number-input__input,.phone-number-input__input{gap:0}.mc-phone-number-input__control,.phone-number-input__control{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ChevronDown24, selector: "ChevronDown24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozPhoneNumberComponent, decorators: [{
             type: Component,
@@ -2623,7 +2623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                             useExisting: forwardRef(() => MozPhoneNumberComponent),
                             multi: true,
                         },
-                    ], template: "<div\n    class=\"field\"\n    [class.is-disabled]=\"disabled()\"\n    [class.is-readonly]=\"readonly()\"\n>\n    <legend class=\"field__legend\">\n        {{ label() }} @if (showRequirement() && requirementText()) {\n        <span class=\"field__requirement\">{{ requirementText() }}</span>\n        }\n    </legend>\n\n    @if (helpText()) {\n    <span [id]=\"helpId\" class=\"field__help\">{{ helpText() }}</span>\n    }\n\n    <div class=\"field__content\">\n        <div id=\"mc-phone-number-input\" class=\"phone-number-input\">\n            <!-- Select pays + flag -->\n            <div\n                class=\"phone-number-input__select-wrapper\"\n                [class.phone-number-input__select-wrapper--hidden]=\"\n                            !showCountrySelect()\n                        \"\n            >\n                <select\n                    [id]=\"selectId\"\n                    [name]=\"selectName()\"\n                    class=\"select phone-number-input__select\"\n                    [class.select--s]=\"size() === 's'\"\n                    [disabled]=\"disabled() || readonly()\"\n                    [ngModel]=\"selectedCountryCode()\"\n                    (ngModelChange)=\"onCountryChange($event)\"\n                    aria-label=\"Country\"\n                >\n                    <option value=\"\" selected hidden></option>\n                    @for (code of availableCountries(); track code) {\n                    <option\n                        [attr.data-flag]=\"code\"\n                        [value]=\"code\"\n                        [selected]=\"code === selectedCountryCode()\"\n                    >\n                        {{ getCountryName(code) }} (+{{ getCountryCallingCodeFor(code) }})\n                    </option>\n                    }\n                </select>\n\n                @if (showCountrySelect()) {\n                <div class=\"phone-number-input__select-display\">\n                    <div class=\"phone-number-input__flag\">\n                        <img\n                            class=\"phone-number-input__flag-image\"\n                            [id]=\"flagImgId\"\n                            [src]=\"selectedFlagUrl()\"\n                            [alt]=\"selectedCountryName()\"\n                            width=\"20\"\n                        />\n                    </div>\n                    <ChevronDown24 class=\"phone-number-input__chevron\" />\n                </div>\n                }\n            </div>\n\n            <!-- Input num\u00E9ro -->\n            <div\n                class=\"text-input phone-number-input__input\"\n                [class.text-input--s]=\"size() === 's'\"\n                [class.is-invalid]=\"isInvalid()\"\n            >\n                @if (showCountryCode()) {\n                <span [id]=\"ccId\" class=\"phone-number-input__country-code\"\n                    >{{ selectedDialCode() }}</span\n                >\n                }\n\n                <input\n                    type=\"tel\"\n                    [id]=\"inputId\"\n                    class=\"phone-number-input__control text-input__control\"\n                    [placeholder]=\"dynamicPlaceholder()\"\n                    [name]=\"inputName()\"\n                    [disabled]=\"disabled()\"\n                    [readonly]=\"readonly()\"\n                    [attr.aria-invalid]=\"isInvalid() || null\"\n                    [attr.aria-describedby]=\"describedBy()\"\n                    [ngModel]=\"number()\"\n                    (ngModelChange)=\"onNumberChange($event)\"\n                    (blur)=\"onTouched?.()\"\n                />\n            </div>\n        </div>\n    </div>\n\n    <!-- Message d'erreur -->\n    @if (isInvalid() && errorToShow()) {\n    <span [id]=\"errorId\" class=\"field__validation-message is-invalid\">\n        {{ errorToShow() }}\n    </span>\n    }\n</div>\n", styles: [".mc-text-input,.text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control,.text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,[type=number].text-input__control::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button,[type=number].text-input__control::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number],[type=number].text-input__control{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,[type=search].text-input__control::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button,[type=search].text-input__control::-webkit-search-cancel-button{appearance:none}.mc-text-input__control,.text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder,.text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within,.text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within),.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled),.text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]),.text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__icon) .text-input__control,.text-input:has(.mc-text-input__icon) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-controls-options) .text-input__control,.text-input:has(.mc-controls-options) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-end:0}.mc-text-input--s,.text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control,.text-input--s .mc-text-input__control,.mc-text-input--s .text-input__control,.text-input--s .text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon),.text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options),.text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid,.is-invalid.text-input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within),.is-invalid.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *,.text-input *{box-sizing:border-box}.mc-button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus{box-shadow:none;outline:none}.mc-button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){display:flex;align-items:flex-end;justify-content:center;z-index:1;padding:.5rem;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-listbox:has(.mc-listbox__content:not([popover])).is-visible,.mc-listbox:has(.mc-listbox__content:popover-open).is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){opacity:1}@media(width>=680px){.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){position:relative;display:block;padding:0;background-color:transparent}}.mc-listbox__content{border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all}@media(width>=680px){.mc-listbox__content{min-width:18.75rem}}.mc-listbox__header{display:flex;align-items:center;justify-content:center;position:relative;height:4rem}@media(width>=680px){.mc-listbox__header{display:none}}.mc-listbox__title{line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, .875rem);color:var(--color-text-tertiary, #666666);text-align:center;margin:0}.mc-listbox__close{position:absolute;right:1.25rem;width:1.5rem;height:1.5rem}.mc-listbox__body{overflow:hidden}@media(width>=680px){.mc-listbox--top .mc-listbox__content{margin:0 0 8px;inset:auto;position-area:span-right top}.mc-listbox--bottom .mc-listbox__content{margin:8px 0 0;inset:auto;position-area:span-right bottom}.mc-listbox--left .mc-listbox__content{margin:0 8px 0 0;inset:auto;position-area:span-bottom left}.mc-listbox--right .mc-listbox__content{margin:0 0 0 8px;inset:auto;position-area:span-bottom right}}.mc-select,.select{position:relative;display:block;width:100%}.mc-select:after,.select:after{content:\"\";pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-select__control{appearance:none;font-family:inherit;transition:box-shadow .2s ease;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);height:3rem;padding:0 3rem 0 .75rem;background-position:right 1rem center;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;border-radius:var(--border-radius-s, .25rem)}.mc-select__control:hover{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-select__control:focus{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-select__control:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-select__control--readonly{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-select__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-select__control.is-invalid:hover{border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-select--s .mc-select__control,.select--s .mc-select__control{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);height:2rem;padding:0 2rem 0 .5rem;background-position:right .5rem center}.mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content,.mc-field--group .field__content{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-field--group .mc-field__content:where(.mc-field__content--inline),.mc-field--group .field__content:where(.mc-field__content--inline){flex-flow:row wrap;gap:.25rem 1rem}.mc-phone-number-input,.phone-number-input{font-family:var(--font-family, LeroyMerlin),sans-serif;display:flex;position:relative;gap:.25rem;box-sizing:border-box}.mc-phone-number-input__country-code,.phone-number-input__country-code{font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);margin-left:.75rem}.mc-phone-number-input__flag,.phone-number-input__flag{width:1.5rem;height:1.125rem;margin-left:auto;display:flex;align-items:center}.mc-phone-number-input__flag-image,.phone-number-input__flag-image{width:24px;max-height:18px;border-radius:var(--border-radius-xs, .125rem)}.mc-phone-number-input__chevron,.phone-number-input__chevron{width:1.5rem;height:1.5rem;margin:.75rem}.mc-phone-number-input__select-wrapper,.phone-number-input__select-wrapper{position:relative}.mc-phone-number-input__select-wrapper--hidden,.phone-number-input__select-wrapper--hidden{display:none}.mc-phone-number-input .mc-phone-number-input__select,.phone-number-input .mc-phone-number-input__select,.mc-phone-number-input .phone-number-input__select,.phone-number-input .phone-number-input__select{width:5.75rem;padding:0;z-index:2;opacity:0;position:relative}.mc-phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron{display:none}.mc-phone-number-input__select-display,.phone-number-input__select-display{box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;z-index:1;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--border-radius-s, .25rem)}.mc-phone-number-input__input,.phone-number-input__input{gap:0}.mc-phone-number-input__control,.phone-number-input__control{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:.5rem}\n"] }]
+                    ], template: "<div\n    class=\"field\"\n    [class.is-disabled]=\"disabled()\"\n    [class.is-readonly]=\"readonly()\"\n>\n    <legend class=\"field__legend\">\n        {{ label() }} @if (showRequirement() && requirementText()) {\n        <span class=\"field__requirement\">{{ requirementText() }}</span>\n        }\n    </legend>\n\n    @if (helpText()) {\n    <span [id]=\"helpId\" class=\"field__help\">{{ helpText() }}</span>\n    }\n\n    <div class=\"field__content\">\n        <div id=\"mc-phone-number-input\" class=\"phone-number-input\">\n            <!-- Select pays + flag -->\n            <div\n                class=\"phone-number-input__select-wrapper\"\n                [class.phone-number-input__select-wrapper--hidden]=\"\n                            !showCountrySelect()\n                        \"\n            >\n                <select\n                    [id]=\"selectId\"\n                    [name]=\"selectName()\"\n                    class=\"select phone-number-input__select\"\n                    [class.select--s]=\"size() === 's'\"\n                    [disabled]=\"disabled() || readonly()\"\n                    [ngModel]=\"selectedCountryCode()\"\n                    (ngModelChange)=\"onCountryChange($event)\"\n                    aria-label=\"Country\"\n                >\n                    <option value=\"\" selected hidden></option>\n                    @for (code of availableCountries(); track code) {\n                    <option\n                        [attr.data-flag]=\"code\"\n                        [value]=\"code\"\n                        [selected]=\"code === selectedCountryCode()\"\n                    >\n                        {{ getCountryName(code) }} (+{{ getCountryCallingCodeFor(code) }})\n                    </option>\n                    }\n                </select>\n\n                @if (showCountrySelect()) {\n                <div class=\"phone-number-input__select-display\">\n                    <div class=\"phone-number-input__flag\">\n                        <img\n                            class=\"phone-number-input__flag-image\"\n                            [id]=\"flagImgId\"\n                            [src]=\"selectedFlagUrl()\"\n                            [alt]=\"selectedCountryName()\"\n                            width=\"20\"\n                        />\n                    </div>\n                    <ChevronDown24 class=\"phone-number-input__chevron\" />\n                </div>\n                }\n            </div>\n\n            <!-- Input num\u00E9ro -->\n            <div\n                class=\"text-input phone-number-input__input\"\n                [class.text-input--s]=\"size() === 's'\"\n                [class.is-invalid]=\"isInvalid()\"\n            >\n                @if (showCountryCode()) {\n                <span [id]=\"ccId\" class=\"phone-number-input__country-code\"\n                    >{{ selectedDialCode() }}</span\n                >\n                }\n\n                <input\n                    type=\"tel\"\n                    [id]=\"inputId\"\n                    class=\"phone-number-input__control text-input__control\"\n                    [placeholder]=\"dynamicPlaceholder()\"\n                    [name]=\"inputName()\"\n                    [disabled]=\"disabled()\"\n                    [readonly]=\"readonly()\"\n                    [attr.aria-invalid]=\"isInvalid() || null\"\n                    [attr.aria-describedby]=\"describedBy()\"\n                    [ngModel]=\"number()\"\n                    (ngModelChange)=\"onNumberChange($event)\"\n                    (blur)=\"onTouched?.()\"\n                />\n            </div>\n        </div>\n    </div>\n\n    <!-- Message d'erreur -->\n    @if (isInvalid() && errorToShow()) {\n    <span [id]=\"errorId\" class=\"field__validation-message is-invalid\">\n        {{ errorToShow() }}\n    </span>\n    }\n</div>\n", styles: [".mc-text-input,.text-input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-text-input__control,.text-input__control{background-color:transparent;border-width:0;font-family:inherit;outline:none}.mc-text-input__control[type=number]::-webkit-inner-spin-button,[type=number].text-input__control::-webkit-inner-spin-button,.mc-text-input__control[type=number]::-webkit-outer-spin-button,[type=number].text-input__control::-webkit-outer-spin-button{appearance:none;margin:0}.mc-text-input__control[type=number],[type=number].text-input__control{appearance:textfield}.mc-text-input__control[type=search]::-webkit-search-decoration,[type=search].text-input__control::-webkit-search-decoration,.mc-text-input__control[type=search]::-webkit-search-cancel-button,[type=search].text-input__control::-webkit-search-cancel-button{appearance:none}.mc-text-input__control,.text-input__control{padding:.75rem .6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1}.mc-text-input__control::placeholder,.text-input__control::placeholder{color:var(--forms-color-placeholder, #666666)}.mc-text-input__addon{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000)}.mc-text-input__icon{fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0}.mc-text-input:focus-within,.text-input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-text-input:hover:not(:focus-within),.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-text-input:has(input:disabled),.text-input:has(input:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-text-input:has(input[readonly]),.text-input:has(input[readonly]){border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-text-input:has(.mc-text-input__icon),.text-input:has(.mc-text-input__icon),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-start:.6875rem}.mc-text-input:has(.mc-text-input__icon) .mc-text-input__control,.text-input:has(.mc-text-input__icon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__icon) .text-input__control,.text-input:has(.mc-text-input__icon) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-start:0}.mc-text-input:has(.mc-controls-options),.text-input:has(.mc-controls-options),.mc-text-input:has(.mc-text-input__addon),.text-input:has(.mc-text-input__addon){padding-inline-end:.6875rem}.mc-text-input:has(.mc-controls-options) .mc-text-input__control,.text-input:has(.mc-controls-options) .mc-text-input__control,.mc-text-input:has(.mc-controls-options) .text-input__control,.text-input:has(.mc-controls-options) .text-input__control,.mc-text-input:has(.mc-text-input__addon) .mc-text-input__control,.text-input:has(.mc-text-input__addon) .mc-text-input__control,.mc-text-input:has(.mc-text-input__addon) .text-input__control,.text-input:has(.mc-text-input__addon) .text-input__control{padding-inline-end:0}.mc-text-input--s,.text-input--s{height:2rem}.mc-text-input--s .mc-text-input__control,.text-input--s .mc-text-input__control,.mc-text-input--s .text-input__control,.text-input--s .text-input__control{padding:.375rem .6875rem;font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3)}.mc-text-input--s:has(.mc-text-input__icon),.text-input--s:has(.mc-text-input__icon){padding-inline-start:.4375rem}.mc-text-input--s:has(.mc-controls-options),.text-input--s:has(.mc-controls-options){padding-inline-end:.4375rem}.mc-text-input.is-invalid,.is-invalid.text-input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-text-input.is-invalid:hover:not(:focus-within),.is-invalid.text-input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-text-input *,.text-input *{box-sizing:border-box}.mc-button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus{box-shadow:none;outline:none}.mc-button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){display:flex;align-items:flex-end;justify-content:center;z-index:1;padding:.5rem;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-listbox:has(.mc-listbox__content:not([popover])).is-visible,.mc-listbox:has(.mc-listbox__content:popover-open).is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){opacity:1}@media(width>=680px){.mc-listbox:has(.mc-listbox__content:not([popover])),.mc-listbox:has(.mc-listbox__content:popover-open){position:relative;display:block;padding:0;background-color:transparent}}.mc-listbox__content{border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all}@media(width>=680px){.mc-listbox__content{min-width:18.75rem}}.mc-listbox__header{display:flex;align-items:center;justify-content:center;position:relative;height:4rem}@media(width>=680px){.mc-listbox__header{display:none}}.mc-listbox__title{line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, .875rem);color:var(--color-text-tertiary, #666666);text-align:center;margin:0}.mc-listbox__close{position:absolute;right:1.25rem;width:1.5rem;height:1.5rem}.mc-listbox__body{overflow:hidden}@media(width>=680px){.mc-listbox--top .mc-listbox__content{margin:0 0 8px;inset:auto;position-area:span-right top}.mc-listbox--bottom .mc-listbox__content{margin:8px 0 0;inset:auto;position-area:span-right bottom}.mc-listbox--left .mc-listbox__content{margin:0 8px 0 0;inset:auto;position-area:span-bottom left}.mc-listbox--right .mc-listbox__content{margin:0 0 0 8px;inset:auto;position-area:span-bottom right}}.mc-select,.select{position:relative;display:block;width:100%}.mc-select:after,.select:after{content:\"\";pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-select__control{appearance:none;font-family:inherit;transition:box-shadow .2s ease;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);height:3rem;padding:0 3rem 0 .75rem;background-position:right 1rem center;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;border-radius:var(--border-radius-s, .25rem)}.mc-select__control:hover{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-select__control:focus{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-select__control:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373)}.mc-select__control--readonly{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-select__control.is-invalid{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-select__control.is-invalid:hover{border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-select--s .mc-select__control,.select--s .mc-select__control{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);height:2rem;padding:0 2rem 0 .5rem;background-position:right .5rem center}.mc-field__label,.mc-field__legend,.field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend,.field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message,.field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before,.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid,.is-valid.field__validation-message{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before,.is-valid.field__validation-message:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid,.is-invalid.field__validation-message{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before,.is-invalid.field__validation-message:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading,.is-loading.field__validation-message{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-phone-number-input,.phone-number-input{font-family:var(--font-family, LeroyMerlin),sans-serif;display:flex;position:relative;gap:.25rem;box-sizing:border-box}.mc-phone-number-input__country-code,.phone-number-input__country-code{font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);margin-left:.75rem}.mc-phone-number-input__flag,.phone-number-input__flag{width:1.5rem;height:1.125rem;margin-left:auto;display:flex;align-items:center}.mc-phone-number-input__flag-image,.phone-number-input__flag-image{width:24px;max-height:18px;border-radius:var(--border-radius-xs, .125rem)}.mc-phone-number-input__chevron,.phone-number-input__chevron{width:1.5rem;height:1.5rem;margin:.75rem}.mc-phone-number-input__select-wrapper,.phone-number-input__select-wrapper{position:relative}.mc-phone-number-input__select-wrapper--hidden,.phone-number-input__select-wrapper--hidden{display:none}.mc-phone-number-input .mc-phone-number-input__select,.phone-number-input .mc-phone-number-input__select,.mc-phone-number-input .phone-number-input__select,.phone-number-input .phone-number-input__select{width:5.75rem;padding:0;z-index:2;opacity:0;position:relative}.mc-phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.mc-phone-number-input__select-display,.mc-phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .mc-phone-number-input__select:hover+.phone-number-input__select-display,.mc-phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display,.phone-number-input .phone-number-input__select:hover+.phone-number-input__select-display{border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .mc-phone-number-input__chevron,.mc-phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .mc-phone-number-input__select :read-only .phone-number-input__chevron,.mc-phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron,.phone-number-input .phone-number-input__select :read-only .phone-number-input__chevron{display:none}.mc-phone-number-input__select-display,.phone-number-input__select-display{box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;z-index:1;border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--border-radius-s, .25rem)}.mc-phone-number-input__input,.phone-number-input__input{gap:0}.mc-phone-number-input__control,.phone-number-input__control{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:.5rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], requirementText: [{ type: i0.Input, args: [{ isSignal: true, alias: "requirementText", required: false }] }], showRequirement: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequirement", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], defaultCountry: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultCountry", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], countryCodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "countryCodes", required: false }] }], countries: [{ type: i0.Input, args: [{ isSignal: true, alias: "countries", required: false }] }], showCountrySelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCountrySelect", required: false }] }], showCountryCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCountryCode", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], selectName: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectName", required: false }] }], inputName: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputName", required: false }] }] } });
 class MozToasterComponent {
@@ -2909,7 +2909,7 @@ class MozSidebarComponent {
     profileAvatarSrc = input('/images/Avatar.png', ...(ngDevMode ? [{ debugName: "profileAvatarSrc" }] : /* istanbul ignore next */ []));
     expandedChange = output();
     itemClick = output();
-    hostClasses = computed(() => ['sidebar', this.expanded() ? 'sidebar--expanded' : ''].filter(Boolean).join(' '), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => ['sidebar', this.expanded() ? '' : 'sidebar--collapsed'].filter(Boolean).join(' '), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     expandButtonAriaLabel = computed(() => (this.expanded() ? 'Collapse' : 'Expand'), ...(ngDevMode ? [{ debugName: "expandButtonAriaLabel" }] : /* istanbul ignore next */ []));
     shouldOpen = (i) => !!i.open || !!i.children?.some((c) => c.selected);
     toggleExpanded() {
@@ -2924,11 +2924,11 @@ class MozSidebarComponent {
         item.open = !item.open;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozSidebarComponent, isStandalone: true, selector: "moz-sidebar", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, logoSrc: { classPropertyName: "logoSrc", publicName: "logoSrc", isSignal: true, isRequired: false, transformFunction: null }, logoAlt: { classPropertyName: "logoAlt", publicName: "logoAlt", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showProfile: { classPropertyName: "showProfile", publicName: "showProfile", isSignal: true, isRequired: false, transformFunction: null }, profileName: { classPropertyName: "profileName", publicName: "profileName", isSignal: true, isRequired: false, transformFunction: null }, profileTitle: { classPropertyName: "profileTitle", publicName: "profileTitle", isSignal: true, isRequired: false, transformFunction: null }, profileAvatarSrc: { classPropertyName: "profileAvatarSrc", publicName: "profileAvatarSrc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange", itemClick: "itemClick" }, ngImport: i0, template: "<aside [class]=\"hostClasses()\">\n  <header class=\"sidebar__header\">\n    @if (logoSrc()) {\n    <img class=\"sidebar__header-logo\" [src]=\"logoSrc()!\" [alt]=\"logoAlt()\" />\n    } @if (title()) {\n    <p class=\"sidebar__header-title\">{{ title() }}</p>\n    }\n  </header>\n\n  <section class=\"sidebar__container\">\n    <nav class=\"sidebar__menu\" role=\"navigation\">\n      <ul class=\"sidebar__list\">\n        @for (item of items(); track item.id) {\n        <li class=\"sidebar__item\">\n          @if (expanded() && !!item.children?.length) {\n          <details\n            class=\"sidebar__link-expand\"\n            (click)=\"toggleOpen(item)\"\n            [attr.open]=\"item.open || null\"\n          >\n            <summary class=\"sidebar__link\" (click)=\"$event.preventDefault()\">\n              @if (item.icon) {\n              <span class=\"sidebar__icon\" aria-hidden=\"true\">\n                <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n              </span>\n              }\n              <span class=\"sidebar__text\">{{ item.label }}</span>\n              <span aria-hidden=\"true\" class=\"sidebar__sub\">\n                <ChevronDown20 />\n              </span>\n            </summary>\n\n            <ul class=\"sidebar__sublist\">\n              @for (sub of item.children!; track sub.id) {\n              <li class=\"sidebar__item\">\n                <a\n                  class=\"sidebar__sublink\"\n                  [class.sidebar__sublink--selected]=\"!!sub.selected\"\n                  [attr.href]=\"sub.href || '#'\"\n                  (click)=\"onItemClick(item.id, sub.id, $event)\"\n                >\n                  <span class=\"sidebar__text\">{{ sub.label }}</span>\n                </a>\n              </li>\n              }\n            </ul>\n          </details>\n          } @else {\n          <a\n            class=\"sidebar__link\"\n            [class.sidebar__link--selected]=\"!!item.selected\"\n            [attr.title]=\"item.label\"\n            [attr.href]=\"item.href || '#'\"\n            (click)=\"onItemClick(item.id, null, $event)\"\n          >\n            @if (item.icon) {\n            <span class=\"sidebar__icon\" aria-hidden=\"true\">\n              <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n            </span>\n            }\n            <span class=\"sidebar__text\">{{ item.label }}</span>\n          </a>\n          }\n        </li>\n        }\n      </ul>\n    </nav>\n  </section>\n\n  @if (showFooter()) {\n  <footer class=\"sidebar__footer\">\n    <div class=\"divider-horizontal\"></div>\n    <div class=\"sidebar__footer-container\">\n      @if (showProfile() && (profileName() || profileTitle() || profileAvatarSrc())) {\n      <a href=\"#\" class=\"sidebar__footer-profile\" (click)=\"$event.preventDefault()\">\n        @if (profileAvatarSrc()) {\n        <img\n          class=\"sidebar__footer-avatar\"\n          [src]=\"profileAvatarSrc()!\"\n          [alt]=\"profileName() || 'User'\"\n          loading=\"lazy\"\n        />\n        }\n        <div class=\"sidebar__footer-content\">\n          @if (profileName()) {\n          <p class=\"sidebar__footer-identity\">\n            {{ profileName() }}\n          </p>\n          } @if (profileTitle()) {\n          <p class=\"sidebar__footer-title\">{{ profileTitle() }}</p>\n          }\n        </div>\n      </a>\n      }\n      <button\n        class=\"sidebar__footer-expand button button--ghost\"\n        type=\"button\"\n        [attr.aria-label]=\"expandButtonAriaLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <SidebarExpand24 class=\"button__icon\" />\n      </button>\n    </div>\n  </footer>\n  }\n</aside>\n", styles: [".mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon,.button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon,.mc-button--s .button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child,.mc-button--s .button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon,.mc-button--m .button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child,.mc-button--m .button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon,.mc-button--l .button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child,.mc-button--l .button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost,.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover,.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active,.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled,.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon,.mc-button--loading .button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard,.mc-button--standard.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover,.mc-button--standard.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active,.mc-button--standard.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled,.mc-button--standard.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent,.mc-button--accent.button--ghost{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover,.mc-button--accent.button--ghost:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active,.mc-button--accent.button--ghost:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled,.mc-button--accent.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger,.mc-button--danger.button--ghost{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover,.mc-button--danger.button--ghost:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active,.mc-button--danger.button--ghost:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled,.mc-button--danger.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse,.mc-button--inverse.button--ghost{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover,.mc-button--inverse.button--ghost:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active,.mc-button--inverse.button--ghost:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled,.mc-button--inverse.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-divider{position:relative}.mc-divider-horizontal,.divider-horizontal{background:var(--divider-color-primary, #cccccc);height:.0625rem}.mc-divider-horizontal--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-horizontal--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-horizontal--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-horizontal--m{height:.25rem}.mc-divider-horizontal--l{height:.5rem}.mc-divider-vertical{background:var(--divider-color-primary, #cccccc);width:.0625rem}.mc-divider-vertical--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-vertical--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-vertical--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-vertical--m{height:.25rem}.mc-divider-vertical--l{height:.5rem}.mc-sidebar,.sidebar{width:100%;display:flex;align-items:start;font-size:var(--font-size-100, .875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));padding-right:4rem;position:relative}@media screen and (min-width:680px){.mc-sidebar,.sidebar{display:inline-flex;padding-right:0;width:18.75rem}}.mc-sidebar__wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;min-height:100vh;width:100%;padding:.75rem;background-color:var(--sidebar-color-background-primary, #ffffff)}.mc-sidebar__wrapper--divider{border-right:1px solid var(--divider-color-secondary, #999999)}.mc-sidebar__close-button{position:absolute;top:.5rem;right:.5rem}@media screen and (min-width:680px){.mc-sidebar__close-button{display:none}}.mc-sidebar__container,.sidebar__container{flex-grow:1}.mc-sidebar__floating-item{position:absolute;z-index:var(--sidebar-floating-item-index, 4);padding-left:1.25rem;left:calc(2.5rem - 1px)}.mc-sidebar__floating-item--tooltip{top:.25rem}.mc-sidebar__floating-item--expanded{left:0;padding:0}@media screen and (min-width:680px){.mc-sidebar__floating-item--expanded{left:18.5rem}}.mc-sidebar__floating-item--hidden{visibility:hidden;overflow:hidden;opacity:0;height:0;pointer-events:none}.mc-sidebar--expanded .mc-sidebar__menu,.sidebar--expanded .mc-sidebar__menu,.mc-sidebar--expanded .sidebar__menu,.sidebar--expanded .sidebar__menu{padding:0 .25rem}.mc-sidebar--collapsed{width:4rem}.mc-sidebar--collapsed .mc-sidebar__menu,.mc-sidebar--collapsed .sidebar__menu{padding:0}.mc-sidebar__footer,.sidebar__footer{width:100%}.mc-sidebar__footer-container,.sidebar__footer-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.mc-sidebar__footer-avatar,.sidebar__footer-avatar{width:2rem;height:2rem;border-radius:var(--border-radius-full, 100%)}.mc-sidebar__footer-profile,.sidebar__footer-profile{width:100%;display:flex;align-items:center;gap:.5rem;height:2.5rem;flex-grow:1;border-radius:var(--border-radius-s, .25rem);background-color:var(--sidebar-color-extra-feature-background-default, rgba(255, 255, 255, .01));cursor:pointer;border:none}.mc-sidebar__footer-profile:hover,.sidebar__footer-profile:hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__footer-content,.sidebar__footer-content{display:none}.mc-sidebar__footer-title,.sidebar__footer-title{margin:0;text-align:left;color:var(--sidebar-color-section-item-text-default, #404040);font-weight:var(--font-weight-bold, 700)}.mc-sidebar__footer-subtitle{margin:0;font-size:var(--font-caption, .75rem);color:var(--sidebar-color-job-title, #666666)}.mc-sidebar__footer-expand,.sidebar__footer-expand{display:none;min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;transform:none}@media screen and (min-width:680px){.mc-sidebar__footer-expand,.sidebar__footer-expand{display:inline-flex}}.mc-sidebar__footer-expand--mobile{position:relative}@media screen and (min-width:680px){.mc-sidebar__footer-expand--mobile{display:none}}.mc-sidebar__footer--expanded .mc-sidebar__footer-container,.mc-sidebar__footer--expanded .sidebar__footer-container{flex-direction:row;justify-content:flex-end;height:3.5rem}.mc-sidebar__footer--expanded .mc-sidebar__footer-content,.mc-sidebar__footer--expanded .sidebar__footer-content{display:block}.mc-sidebar__footer--expanded .mc-sidebar__footer-expand,.mc-sidebar__footer--expanded .sidebar__footer-expand{transform:rotate(180deg)}.mc-sidebar__footer--collapsed .mc-sidebar__footer-container,.mc-sidebar__footer--collapsed .sidebar__footer-container{flex-direction:column;justify-content:flex-start;height:auto}.mc-sidebar__footer--collapsed .mc-sidebar__footer-content,.mc-sidebar__footer--collapsed .sidebar__footer-content{display:none}.mc-sidebar__footer--collapsed .mc-sidebar__footer-profile,.mc-sidebar__footer--collapsed .sidebar__footer-profile{justify-content:center}.mc-sidebar__footer--collapsed .mc-sidebar__footer-expand,.mc-sidebar__footer--collapsed .sidebar__footer-expand{transform:none}.mc-sidebar__footer-menu{width:19.75rem;box-sizing:border-box;padding:.5rem .75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, .5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@media screen and (min-width:680px){.mc-sidebar__footer-menu{width:18.75rem}}.mc-sidebar__footer-menu .mc-sidebar__footer-menu-divider{margin:.5rem .75rem}.mc-sidebar__header,.sidebar__header{display:flex;align-items:center;justify-content:center;gap:.5rem}.mc-sidebar__header-logo,.sidebar__header-logo{width:2.5rem;height:2.5rem}.mc-sidebar__header-title,.sidebar__header-title{font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none}.mc-sidebar__header--expanded .mc-sidebar__header-title,.mc-sidebar__header--expanded .sidebar__header-title{display:block}.mc-sidebar__header--collapsed .mc-sidebar__header-title,.mc-sidebar__header--collapsed .sidebar__header-title{display:none}.mc-sidebar__listbox{min-width:18.75rem;border-radius:var(--border-radius-m, .5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}.mc-sidebar__listbox-title{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040)}.mc-sidebar__list,.sidebar__list{list-style-type:none;margin:0;padding:0}.mc-sidebar__link,.sidebar__link{display:flex;align-items:center;gap:.25rem;height:2.5rem;width:100%;padding-left:.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__link--selected,.sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__link--locked{pointer-events:none}.mc-sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover,.sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__link:focus-visible,.sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__link-expand:open .mc-sidebar__sub,.sidebar__link-expand:open .mc-sidebar__sub,.mc-sidebar__link-expand:open .sidebar__sub,.sidebar__link-expand:open .sidebar__sub{transform:rotate(180deg)}.mc-sidebar__link:is(summary) .mc-sidebar__text,.sidebar__link:is(summary) .mc-sidebar__text,.mc-sidebar__link:is(summary) .sidebar__text,.sidebar__link:is(summary) .sidebar__text{flex-grow:1}.mc-sidebar__icon,.sidebar__icon{fill:currentcolor;width:1.5rem;height:1.5rem}.mc-sidebar__indicator{fill:currentcolor;width:1.25rem;height:1.25rem}.mc-sidebar__text,.sidebar__text{display:block}.mc-sidebar__sub,.sidebar__sub{width:1.25rem;height:1.25rem}.mc-sidebar__sublist,.sidebar__sublist{list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:.25rem}.mc-sidebar__item,.sidebar__item{position:relative;width:100%}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link,.mc-sidebar__item--sub.sidebar__item .sidebar__link{display:flex;align-items:center;justify-content:start;gap:.25rem;padding-left:.5rem;margin-bottom:.125rem;height:2rem;text-decoration:none;color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .sidebar__text{display:block;font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-regular, 400)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__item--collapsed .mc-sidebar__text,.mc-sidebar__item--collapsed .sidebar__text,.mc-sidebar__item--collapsed .mc-sidebar__sub,.mc-sidebar__item--collapsed .sidebar__sub,.mc-sidebar__item--collapsed .mc-sidebar__sublist,.mc-sidebar__item--collapsed .sidebar__sublist{display:none}.mc-sidebar__item--collapsed .mc-sidebar__link,.mc-sidebar__item--collapsed .sidebar__link{padding:0;justify-content:center}.mc-sidebar__shortcut-wrapper{width:100%;display:grid;justify-content:center;position:relative}.mc-sidebar__shortcut-list{display:flex;margin:0}.mc-sidebar__shortcut-list--grid{padding:0;gap:.5rem;align-items:center}.mc-sidebar__shortcut-list--stacked{gap:.25rem;flex-direction:column;padding:0}.mc-sidebar__shortcut-list--stacked:not(.mc-sidebar__shortcut-list--floating){padding:0 0 .5rem 1rem;margin-bottom:.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc)}.mc-sidebar__shortcut-item{cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, .5rem);overflow:hidden}.mc-sidebar__shortcut-item:hover{background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, .2))}.mc-sidebar__shortcut-item:nth-child(n+5){display:none}.mc-sidebar__shortcut-item--grid{justify-content:center;padding:0 .125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-item--grid .mc-sidebar__shortcut-link{flex-direction:column;gap:.125rem}.mc-sidebar__shortcut-item--stacked{padding:.125rem .25rem;width:12.5rem;height:2.5rem}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating{width:100%;padding:.125rem 0 .125rem .25rem}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-label{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-m, 1rem)}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-link{gap:.25rem}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item{background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-label{color:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger){width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger):hover{background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__shortcut-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.mc-sidebar__shortcut-label{font-size:var(--font-size-25, .625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden}.mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: SidebarExpand24, selector: "SidebarExpand24", inputs: ["hostClass"] }, { kind: "component", type: ChevronDown20, selector: "ChevronDown20", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozSidebarComponent, isStandalone: true, selector: "moz-sidebar", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, logoSrc: { classPropertyName: "logoSrc", publicName: "logoSrc", isSignal: true, isRequired: false, transformFunction: null }, logoAlt: { classPropertyName: "logoAlt", publicName: "logoAlt", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showProfile: { classPropertyName: "showProfile", publicName: "showProfile", isSignal: true, isRequired: false, transformFunction: null }, profileName: { classPropertyName: "profileName", publicName: "profileName", isSignal: true, isRequired: false, transformFunction: null }, profileTitle: { classPropertyName: "profileTitle", publicName: "profileTitle", isSignal: true, isRequired: false, transformFunction: null }, profileAvatarSrc: { classPropertyName: "profileAvatarSrc", publicName: "profileAvatarSrc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange", itemClick: "itemClick" }, ngImport: i0, template: "<aside [class]=\"hostClasses()\">\n  <header class=\"sidebar__header\">\n    @if (logoSrc()) {\n    <img class=\"sidebar__header-logo\" [src]=\"logoSrc()!\" [alt]=\"logoAlt()\" />\n    } @if (title()) {\n    <p class=\"sidebar__header-title\">{{ title() }}</p>\n    }\n  </header>\n\n  <section class=\"sidebar__container\">\n    <nav class=\"sidebar__menu\" role=\"navigation\">\n      <ul class=\"sidebar__list\">\n        @for (item of items(); track item.id) {\n        <li class=\"sidebar__item\">\n          @if (expanded() && !!item.children?.length) {\n          <details\n            class=\"sidebar__link-expand\"\n            (click)=\"toggleOpen(item)\"\n            [attr.open]=\"item.open || null\"\n          >\n            <summary class=\"sidebar__link\" (click)=\"$event.preventDefault()\">\n              @if (item.icon) {\n              <span class=\"sidebar__icon\" aria-hidden=\"true\">\n                <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n              </span>\n              }\n              <span class=\"sidebar__text\">{{ item.label }}</span>\n              <span aria-hidden=\"true\" class=\"sidebar__sub\">\n                <ChevronDown20 />\n              </span>\n            </summary>\n\n            <ul class=\"sidebar__sublist\">\n              @for (sub of item.children!; track sub.id) {\n              <li class=\"sidebar__item\">\n                <a\n                  class=\"sidebar__sublink\"\n                  [class.sidebar__sublink--selected]=\"!!sub.selected\"\n                  [attr.href]=\"sub.href || '#'\"\n                  (click)=\"onItemClick(item.id, sub.id, $event)\"\n                >\n                  <span class=\"sidebar__text\">{{ sub.label }}</span>\n                </a>\n              </li>\n              }\n            </ul>\n          </details>\n          } @else {\n          <a\n            class=\"sidebar__link\"\n            [class.sidebar__link--selected]=\"!!item.selected\"\n            [attr.title]=\"item.label\"\n            [attr.href]=\"item.href || '#'\"\n            (click)=\"onItemClick(item.id, null, $event)\"\n          >\n            @if (item.icon) {\n            <span class=\"sidebar__icon\" aria-hidden=\"true\">\n              <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n            </span>\n            }\n            <span class=\"sidebar__text\">{{ item.label }}</span>\n          </a>\n          }\n        </li>\n        }\n      </ul>\n    </nav>\n  </section>\n\n  @if (showFooter()) {\n  <footer class=\"sidebar__footer\">\n    <div class=\"divider-horizontal\"></div>\n    <div class=\"sidebar__footer-container\">\n      @if (showProfile() && (profileName() || profileTitle() || profileAvatarSrc())) {\n      <a href=\"#\" class=\"sidebar__footer-profile\" (click)=\"$event.preventDefault()\">\n        @if (profileAvatarSrc()) {\n        <img\n          class=\"sidebar__footer-avatar\"\n          [src]=\"profileAvatarSrc()!\"\n          [alt]=\"profileName() || 'User'\"\n          loading=\"lazy\"\n        />\n        }\n        <div class=\"sidebar__footer-content\">\n          @if (profileName()) {\n          <p class=\"sidebar__footer-identity\">\n            {{ profileName() }}\n          </p>\n          } @if (profileTitle()) {\n          <p class=\"sidebar__footer-title\">{{ profileTitle() }}</p>\n          }\n        </div>\n      </a>\n      }\n      <button\n        class=\"sidebar__footer-expand button button--ghost\"\n        type=\"button\"\n        [attr.aria-label]=\"expandButtonAriaLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <SidebarExpand24 class=\"button__icon\" />\n      </button>\n    </div>\n  </footer>\n  }\n</aside>\n", styles: [".mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon,.button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon,.mc-button--s .button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child,.mc-button--s .button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon,.mc-button--m .button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child,.mc-button--m .button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon,.mc-button--l .button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child,.mc-button--l .button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost,.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover,.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active,.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled,.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon,.mc-button--loading .button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard,.mc-button--standard.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover,.mc-button--standard.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active,.mc-button--standard.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled,.mc-button--standard.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent,.mc-button--accent.button--ghost{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover,.mc-button--accent.button--ghost:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active,.mc-button--accent.button--ghost:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled,.mc-button--accent.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger,.mc-button--danger.button--ghost{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover,.mc-button--danger.button--ghost:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active,.mc-button--danger.button--ghost:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled,.mc-button--danger.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse,.mc-button--inverse.button--ghost{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover,.mc-button--inverse.button--ghost:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active,.mc-button--inverse.button--ghost:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled,.mc-button--inverse.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-divider{position:relative}.mc-divider-horizontal,.divider-horizontal{background:var(--divider-color-primary, #cccccc);height:.0625rem}.mc-divider-horizontal--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-horizontal--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-horizontal--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-horizontal--m{height:.25rem}.mc-divider-horizontal--l{height:.5rem}.mc-divider-vertical{background:var(--divider-color-primary, #cccccc);width:.0625rem}.mc-divider-vertical--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-vertical--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-vertical--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-vertical--m{height:.25rem}.mc-divider-vertical--l{height:.5rem}.mc-sidebar,.sidebar{width:100%;display:flex;align-items:start;font-size:var(--font-size-100, .875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));padding-right:4rem;position:relative}@media screen and (min-width:680px){.mc-sidebar,.sidebar{display:inline-flex;padding-right:0;width:18.75rem}}.mc-sidebar__wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;min-height:100vh;width:100%;padding:.75rem;background-color:var(--sidebar-color-background-primary, #ffffff)}.mc-sidebar__wrapper--divider{border-right:1px solid var(--divider-color-secondary, #999999)}.mc-sidebar__close-button{position:absolute;top:.5rem;right:.5rem}@media screen and (min-width:680px){.mc-sidebar__close-button{display:none}}.mc-sidebar__container,.sidebar__container{flex-grow:1}.mc-sidebar__floating-item{position:absolute;z-index:var(--sidebar-floating-item-index, 4);padding-left:1.25rem;left:calc(2.5rem - 1px)}.mc-sidebar__floating-item--tooltip{top:.25rem}.mc-sidebar__floating-item--expanded{left:0;padding:0}@media screen and (min-width:680px){.mc-sidebar__floating-item--expanded{left:18.5rem}}.mc-sidebar__floating-item--hidden{visibility:hidden;overflow:hidden;opacity:0;height:0;pointer-events:none}.mc-sidebar--collapsed,.sidebar--collapsed{width:4rem}.mc-sidebar--collapsed .mc-sidebar__menu,.sidebar--collapsed .mc-sidebar__menu,.mc-sidebar--collapsed .sidebar__menu,.sidebar--collapsed .sidebar__menu{padding:0}.mc-sidebar__footer,.sidebar__footer{width:100%}.mc-sidebar__footer-container,.sidebar__footer-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.mc-sidebar__footer-avatar,.sidebar__footer-avatar{width:2rem;height:2rem;border-radius:var(--border-radius-full, 100%)}.mc-sidebar__footer-profile,.sidebar__footer-profile{width:100%;display:flex;align-items:center;gap:.5rem;height:2.5rem;flex-grow:1;border-radius:var(--border-radius-s, .25rem);background-color:var(--sidebar-color-extra-feature-background-default, rgba(255, 255, 255, .01));cursor:pointer;border:none}.mc-sidebar__footer-profile:focus-visible,.sidebar__footer-profile:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__footer-profile:hover,.sidebar__footer-profile:hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__footer-content,.sidebar__footer-content{display:none}.mc-sidebar__footer-title,.sidebar__footer-title{margin:0;text-align:left;font-size:var(--font-body-xs, .75rem);color:var(--sidebar-color-section-item-text-default, #404040);font-weight:var(--font-weight-bold, 700)}.mc-sidebar__footer-subtitle{margin:0;font-size:var(--font-caption, .75rem);color:var(--sidebar-color-job-title, #666666)}.mc-sidebar__footer-expand,.sidebar__footer-expand{display:none;min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;transform:none}@media screen and (min-width:680px){.mc-sidebar__footer-expand,.sidebar__footer-expand{display:inline-flex}}.mc-sidebar__footer-expand--mobile{position:relative}@media screen and (min-width:680px){.mc-sidebar__footer-expand--mobile{display:none}}.mc-sidebar__footer--expanded .mc-sidebar__footer-container,.mc-sidebar__footer--expanded .sidebar__footer-container{flex-direction:row;justify-content:flex-end;height:3.5rem}.mc-sidebar__footer--expanded .mc-sidebar__footer-content,.mc-sidebar__footer--expanded .sidebar__footer-content{display:block}.mc-sidebar__footer--expanded .mc-sidebar__footer-expand,.mc-sidebar__footer--expanded .sidebar__footer-expand{transform:rotate(180deg)}.mc-sidebar__footer--collapsed .mc-sidebar__footer-container,.mc-sidebar__footer--collapsed .sidebar__footer-container{flex-direction:column;justify-content:flex-start;height:auto}.mc-sidebar__footer--collapsed .mc-sidebar__footer-content,.mc-sidebar__footer--collapsed .sidebar__footer-content{display:none}.mc-sidebar__footer--collapsed .mc-sidebar__footer-profile,.mc-sidebar__footer--collapsed .sidebar__footer-profile{justify-content:center}.mc-sidebar__footer--collapsed .mc-sidebar__footer-expand,.mc-sidebar__footer--collapsed .sidebar__footer-expand{transform:none}.mc-sidebar__footer-menu{width:19.75rem;box-sizing:border-box;padding:.5rem .75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, .5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@media screen and (min-width:680px){.mc-sidebar__footer-menu{width:18.75rem}}.mc-sidebar__footer-menu .mc-sidebar__footer-menu-divider{margin:.5rem .75rem}.mc-sidebar__header,.sidebar__header{display:flex;align-items:center;justify-content:center;gap:.5rem}.mc-sidebar__header-logo,.sidebar__header-logo{width:2.5rem;height:2.5rem}.mc-sidebar__header-title,.sidebar__header-title{font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none}.mc-sidebar__header--expanded .mc-sidebar__header-title,.mc-sidebar__header--expanded .sidebar__header-title{display:block}.mc-sidebar__header--collapsed .mc-sidebar__header-title,.mc-sidebar__header--collapsed .sidebar__header-title{display:none}.mc-sidebar__listbox{min-width:18.75rem;border-radius:var(--border-radius-m, .5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}.mc-sidebar__listbox-title{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040)}.mc-sidebar__list,.sidebar__list{list-style-type:none;margin:0;padding:0}.mc-sidebar__link,.sidebar__link{display:flex;align-items:center;gap:.5rem;height:2.5rem;width:100%;padding-left:.5rem;text-align:left;text-decoration:none;font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__link--selected,.sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__link--locked{pointer-events:none}.mc-sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover,.sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__link:focus-visible,.sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__link-expand:open .mc-sidebar__sub,.sidebar__link-expand:open .mc-sidebar__sub,.mc-sidebar__link-expand:open .sidebar__sub,.sidebar__link-expand:open .sidebar__sub{transform:rotate(180deg)}.mc-sidebar__link:is(summary) .mc-sidebar__text,.sidebar__link:is(summary) .mc-sidebar__text,.mc-sidebar__link:is(summary) .sidebar__text,.sidebar__link:is(summary) .sidebar__text{flex-grow:1}.mc-sidebar__icon,.sidebar__icon{fill:currentcolor;width:1.5rem;height:1.5rem}.mc-sidebar__indicator{fill:currentcolor;width:1.25rem;height:1.25rem}.mc-sidebar__text,.sidebar__text{display:block}.mc-sidebar__sub,.sidebar__sub{width:1.25rem;height:1.25rem}.mc-sidebar__sublist,.sidebar__sublist{list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:.25rem}.mc-sidebar__item,.sidebar__item{position:relative;width:100%}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link,.mc-sidebar__item--sub.sidebar__item .sidebar__link{display:flex;align-items:center;justify-content:start;gap:.25rem;padding:.25rem;height:1.75rem;text-decoration:none;color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .sidebar__text{display:block;font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-regular, 400)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__item--collapsed .mc-sidebar__text,.mc-sidebar__item--collapsed .sidebar__text,.mc-sidebar__item--collapsed .mc-sidebar__sub,.mc-sidebar__item--collapsed .sidebar__sub,.mc-sidebar__item--collapsed .mc-sidebar__sublist,.mc-sidebar__item--collapsed .sidebar__sublist{display:none}.mc-sidebar__item--collapsed .mc-sidebar__link,.mc-sidebar__item--collapsed .sidebar__link{padding:0;justify-content:center}.mc-sidebar__shortcuts{width:100%}.mc-sidebar__shortcut-wrapper{width:100%;display:grid;justify-content:center;position:relative}.mc-sidebar__shortcut-list{display:flex;margin:0 0 1rem}.mc-sidebar__shortcut-list--grid{padding:0;gap:.5rem;align-items:center}.mc-sidebar__shortcut-list--stacked{gap:.25rem;flex-direction:column;padding:0}.mc-sidebar__shortcut-list--stacked:not(.mc-sidebar__shortcut-list--floating){padding:0 0 .5rem 1rem;margin-bottom:.5rem}.mc-sidebar__shortcut-item{cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, .5rem);overflow:hidden}.mc-sidebar__shortcut-item:hover{background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, .2))}.mc-sidebar__shortcut-item:nth-child(n+5){display:none}.mc-sidebar__shortcut-item--grid{justify-content:center;padding:0 .125rem;height:3rem;width:3.9375rem}.mc-sidebar__shortcut-item--grid .mc-sidebar__shortcut-link{flex-direction:column;gap:.125rem;border-radius:var(--border-radius-m, .5rem)}.mc-sidebar__shortcut-item--stacked{padding:.125rem .25rem;width:12.5rem;height:2.5rem}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating{width:100%;padding:.125rem 0 .125rem .25rem}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-label{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-m, 1rem)}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-link{gap:.25rem}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item{background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-label{color:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger){width:3rem;height:3rem;justify-content:center;border:none;background:none;margin-bottom:1rem}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger):hover{background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__shortcut-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.mc-sidebar__shortcut-label{font-size:var(--font-size-25, .625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden}.mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: SidebarExpand24, selector: "SidebarExpand24", inputs: ["hostClass"] }, { kind: "component", type: ChevronDown20, selector: "ChevronDown20", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-sidebar', imports: [NgComponentOutlet, SidebarExpand24, ChevronDown20], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside [class]=\"hostClasses()\">\n  <header class=\"sidebar__header\">\n    @if (logoSrc()) {\n    <img class=\"sidebar__header-logo\" [src]=\"logoSrc()!\" [alt]=\"logoAlt()\" />\n    } @if (title()) {\n    <p class=\"sidebar__header-title\">{{ title() }}</p>\n    }\n  </header>\n\n  <section class=\"sidebar__container\">\n    <nav class=\"sidebar__menu\" role=\"navigation\">\n      <ul class=\"sidebar__list\">\n        @for (item of items(); track item.id) {\n        <li class=\"sidebar__item\">\n          @if (expanded() && !!item.children?.length) {\n          <details\n            class=\"sidebar__link-expand\"\n            (click)=\"toggleOpen(item)\"\n            [attr.open]=\"item.open || null\"\n          >\n            <summary class=\"sidebar__link\" (click)=\"$event.preventDefault()\">\n              @if (item.icon) {\n              <span class=\"sidebar__icon\" aria-hidden=\"true\">\n                <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n              </span>\n              }\n              <span class=\"sidebar__text\">{{ item.label }}</span>\n              <span aria-hidden=\"true\" class=\"sidebar__sub\">\n                <ChevronDown20 />\n              </span>\n            </summary>\n\n            <ul class=\"sidebar__sublist\">\n              @for (sub of item.children!; track sub.id) {\n              <li class=\"sidebar__item\">\n                <a\n                  class=\"sidebar__sublink\"\n                  [class.sidebar__sublink--selected]=\"!!sub.selected\"\n                  [attr.href]=\"sub.href || '#'\"\n                  (click)=\"onItemClick(item.id, sub.id, $event)\"\n                >\n                  <span class=\"sidebar__text\">{{ sub.label }}</span>\n                </a>\n              </li>\n              }\n            </ul>\n          </details>\n          } @else {\n          <a\n            class=\"sidebar__link\"\n            [class.sidebar__link--selected]=\"!!item.selected\"\n            [attr.title]=\"item.label\"\n            [attr.href]=\"item.href || '#'\"\n            (click)=\"onItemClick(item.id, null, $event)\"\n          >\n            @if (item.icon) {\n            <span class=\"sidebar__icon\" aria-hidden=\"true\">\n              <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n            </span>\n            }\n            <span class=\"sidebar__text\">{{ item.label }}</span>\n          </a>\n          }\n        </li>\n        }\n      </ul>\n    </nav>\n  </section>\n\n  @if (showFooter()) {\n  <footer class=\"sidebar__footer\">\n    <div class=\"divider-horizontal\"></div>\n    <div class=\"sidebar__footer-container\">\n      @if (showProfile() && (profileName() || profileTitle() || profileAvatarSrc())) {\n      <a href=\"#\" class=\"sidebar__footer-profile\" (click)=\"$event.preventDefault()\">\n        @if (profileAvatarSrc()) {\n        <img\n          class=\"sidebar__footer-avatar\"\n          [src]=\"profileAvatarSrc()!\"\n          [alt]=\"profileName() || 'User'\"\n          loading=\"lazy\"\n        />\n        }\n        <div class=\"sidebar__footer-content\">\n          @if (profileName()) {\n          <p class=\"sidebar__footer-identity\">\n            {{ profileName() }}\n          </p>\n          } @if (profileTitle()) {\n          <p class=\"sidebar__footer-title\">{{ profileTitle() }}</p>\n          }\n        </div>\n      </a>\n      }\n      <button\n        class=\"sidebar__footer-expand button button--ghost\"\n        type=\"button\"\n        [attr.aria-label]=\"expandButtonAriaLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <SidebarExpand24 class=\"button__icon\" />\n      </button>\n    </div>\n  </footer>\n  }\n</aside>\n", styles: [".mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon,.button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon,.mc-button--s .button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child,.mc-button--s .button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon,.mc-button--m .button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child,.mc-button--m .button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon,.mc-button--l .button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child,.mc-button--l .button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost,.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover,.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active,.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled,.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon,.mc-button--loading .button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard,.mc-button--standard.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover,.mc-button--standard.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active,.mc-button--standard.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled,.mc-button--standard.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent,.mc-button--accent.button--ghost{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover,.mc-button--accent.button--ghost:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active,.mc-button--accent.button--ghost:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled,.mc-button--accent.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger,.mc-button--danger.button--ghost{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover,.mc-button--danger.button--ghost:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active,.mc-button--danger.button--ghost:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled,.mc-button--danger.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse,.mc-button--inverse.button--ghost{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover,.mc-button--inverse.button--ghost:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active,.mc-button--inverse.button--ghost:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled,.mc-button--inverse.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-divider{position:relative}.mc-divider-horizontal,.divider-horizontal{background:var(--divider-color-primary, #cccccc);height:.0625rem}.mc-divider-horizontal--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-horizontal--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-horizontal--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-horizontal--m{height:.25rem}.mc-divider-horizontal--l{height:.5rem}.mc-divider-vertical{background:var(--divider-color-primary, #cccccc);width:.0625rem}.mc-divider-vertical--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-vertical--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-vertical--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-vertical--m{height:.25rem}.mc-divider-vertical--l{height:.5rem}.mc-sidebar,.sidebar{width:100%;display:flex;align-items:start;font-size:var(--font-size-100, .875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));padding-right:4rem;position:relative}@media screen and (min-width:680px){.mc-sidebar,.sidebar{display:inline-flex;padding-right:0;width:18.75rem}}.mc-sidebar__wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;min-height:100vh;width:100%;padding:.75rem;background-color:var(--sidebar-color-background-primary, #ffffff)}.mc-sidebar__wrapper--divider{border-right:1px solid var(--divider-color-secondary, #999999)}.mc-sidebar__close-button{position:absolute;top:.5rem;right:.5rem}@media screen and (min-width:680px){.mc-sidebar__close-button{display:none}}.mc-sidebar__container,.sidebar__container{flex-grow:1}.mc-sidebar__floating-item{position:absolute;z-index:var(--sidebar-floating-item-index, 4);padding-left:1.25rem;left:calc(2.5rem - 1px)}.mc-sidebar__floating-item--tooltip{top:.25rem}.mc-sidebar__floating-item--expanded{left:0;padding:0}@media screen and (min-width:680px){.mc-sidebar__floating-item--expanded{left:18.5rem}}.mc-sidebar__floating-item--hidden{visibility:hidden;overflow:hidden;opacity:0;height:0;pointer-events:none}.mc-sidebar--expanded .mc-sidebar__menu,.sidebar--expanded .mc-sidebar__menu,.mc-sidebar--expanded .sidebar__menu,.sidebar--expanded .sidebar__menu{padding:0 .25rem}.mc-sidebar--collapsed{width:4rem}.mc-sidebar--collapsed .mc-sidebar__menu,.mc-sidebar--collapsed .sidebar__menu{padding:0}.mc-sidebar__footer,.sidebar__footer{width:100%}.mc-sidebar__footer-container,.sidebar__footer-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.mc-sidebar__footer-avatar,.sidebar__footer-avatar{width:2rem;height:2rem;border-radius:var(--border-radius-full, 100%)}.mc-sidebar__footer-profile,.sidebar__footer-profile{width:100%;display:flex;align-items:center;gap:.5rem;height:2.5rem;flex-grow:1;border-radius:var(--border-radius-s, .25rem);background-color:var(--sidebar-color-extra-feature-background-default, rgba(255, 255, 255, .01));cursor:pointer;border:none}.mc-sidebar__footer-profile:hover,.sidebar__footer-profile:hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__footer-content,.sidebar__footer-content{display:none}.mc-sidebar__footer-title,.sidebar__footer-title{margin:0;text-align:left;color:var(--sidebar-color-section-item-text-default, #404040);font-weight:var(--font-weight-bold, 700)}.mc-sidebar__footer-subtitle{margin:0;font-size:var(--font-caption, .75rem);color:var(--sidebar-color-job-title, #666666)}.mc-sidebar__footer-expand,.sidebar__footer-expand{display:none;min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;transform:none}@media screen and (min-width:680px){.mc-sidebar__footer-expand,.sidebar__footer-expand{display:inline-flex}}.mc-sidebar__footer-expand--mobile{position:relative}@media screen and (min-width:680px){.mc-sidebar__footer-expand--mobile{display:none}}.mc-sidebar__footer--expanded .mc-sidebar__footer-container,.mc-sidebar__footer--expanded .sidebar__footer-container{flex-direction:row;justify-content:flex-end;height:3.5rem}.mc-sidebar__footer--expanded .mc-sidebar__footer-content,.mc-sidebar__footer--expanded .sidebar__footer-content{display:block}.mc-sidebar__footer--expanded .mc-sidebar__footer-expand,.mc-sidebar__footer--expanded .sidebar__footer-expand{transform:rotate(180deg)}.mc-sidebar__footer--collapsed .mc-sidebar__footer-container,.mc-sidebar__footer--collapsed .sidebar__footer-container{flex-direction:column;justify-content:flex-start;height:auto}.mc-sidebar__footer--collapsed .mc-sidebar__footer-content,.mc-sidebar__footer--collapsed .sidebar__footer-content{display:none}.mc-sidebar__footer--collapsed .mc-sidebar__footer-profile,.mc-sidebar__footer--collapsed .sidebar__footer-profile{justify-content:center}.mc-sidebar__footer--collapsed .mc-sidebar__footer-expand,.mc-sidebar__footer--collapsed .sidebar__footer-expand{transform:none}.mc-sidebar__footer-menu{width:19.75rem;box-sizing:border-box;padding:.5rem .75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, .5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@media screen and (min-width:680px){.mc-sidebar__footer-menu{width:18.75rem}}.mc-sidebar__footer-menu .mc-sidebar__footer-menu-divider{margin:.5rem .75rem}.mc-sidebar__header,.sidebar__header{display:flex;align-items:center;justify-content:center;gap:.5rem}.mc-sidebar__header-logo,.sidebar__header-logo{width:2.5rem;height:2.5rem}.mc-sidebar__header-title,.sidebar__header-title{font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none}.mc-sidebar__header--expanded .mc-sidebar__header-title,.mc-sidebar__header--expanded .sidebar__header-title{display:block}.mc-sidebar__header--collapsed .mc-sidebar__header-title,.mc-sidebar__header--collapsed .sidebar__header-title{display:none}.mc-sidebar__listbox{min-width:18.75rem;border-radius:var(--border-radius-m, .5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}.mc-sidebar__listbox-title{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040)}.mc-sidebar__list,.sidebar__list{list-style-type:none;margin:0;padding:0}.mc-sidebar__link,.sidebar__link{display:flex;align-items:center;gap:.25rem;height:2.5rem;width:100%;padding-left:.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__link--selected,.sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__link--locked{pointer-events:none}.mc-sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover,.sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__link:focus-visible,.sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__link-expand:open .mc-sidebar__sub,.sidebar__link-expand:open .mc-sidebar__sub,.mc-sidebar__link-expand:open .sidebar__sub,.sidebar__link-expand:open .sidebar__sub{transform:rotate(180deg)}.mc-sidebar__link:is(summary) .mc-sidebar__text,.sidebar__link:is(summary) .mc-sidebar__text,.mc-sidebar__link:is(summary) .sidebar__text,.sidebar__link:is(summary) .sidebar__text{flex-grow:1}.mc-sidebar__icon,.sidebar__icon{fill:currentcolor;width:1.5rem;height:1.5rem}.mc-sidebar__indicator{fill:currentcolor;width:1.25rem;height:1.25rem}.mc-sidebar__text,.sidebar__text{display:block}.mc-sidebar__sub,.sidebar__sub{width:1.25rem;height:1.25rem}.mc-sidebar__sublist,.sidebar__sublist{list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:.25rem}.mc-sidebar__item,.sidebar__item{position:relative;width:100%}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link,.mc-sidebar__item--sub.sidebar__item .sidebar__link{display:flex;align-items:center;justify-content:start;gap:.25rem;padding-left:.5rem;margin-bottom:.125rem;height:2rem;text-decoration:none;color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .sidebar__text{display:block;font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-regular, 400)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__item--collapsed .mc-sidebar__text,.mc-sidebar__item--collapsed .sidebar__text,.mc-sidebar__item--collapsed .mc-sidebar__sub,.mc-sidebar__item--collapsed .sidebar__sub,.mc-sidebar__item--collapsed .mc-sidebar__sublist,.mc-sidebar__item--collapsed .sidebar__sublist{display:none}.mc-sidebar__item--collapsed .mc-sidebar__link,.mc-sidebar__item--collapsed .sidebar__link{padding:0;justify-content:center}.mc-sidebar__shortcut-wrapper{width:100%;display:grid;justify-content:center;position:relative}.mc-sidebar__shortcut-list{display:flex;margin:0}.mc-sidebar__shortcut-list--grid{padding:0;gap:.5rem;align-items:center}.mc-sidebar__shortcut-list--stacked{gap:.25rem;flex-direction:column;padding:0}.mc-sidebar__shortcut-list--stacked:not(.mc-sidebar__shortcut-list--floating){padding:0 0 .5rem 1rem;margin-bottom:.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc)}.mc-sidebar__shortcut-item{cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, .5rem);overflow:hidden}.mc-sidebar__shortcut-item:hover{background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, .2))}.mc-sidebar__shortcut-item:nth-child(n+5){display:none}.mc-sidebar__shortcut-item--grid{justify-content:center;padding:0 .125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-item--grid .mc-sidebar__shortcut-link{flex-direction:column;gap:.125rem}.mc-sidebar__shortcut-item--stacked{padding:.125rem .25rem;width:12.5rem;height:2.5rem}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating{width:100%;padding:.125rem 0 .125rem .25rem}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-label{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-m, 1rem)}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-link{gap:.25rem}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item{background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-label{color:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger){width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger):hover{background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__shortcut-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.mc-sidebar__shortcut-label{font-size:var(--font-size-25, .625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden}.mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem}\n"] }]
+            args: [{ selector: 'moz-sidebar', imports: [NgComponentOutlet, SidebarExpand24, ChevronDown20], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside [class]=\"hostClasses()\">\n  <header class=\"sidebar__header\">\n    @if (logoSrc()) {\n    <img class=\"sidebar__header-logo\" [src]=\"logoSrc()!\" [alt]=\"logoAlt()\" />\n    } @if (title()) {\n    <p class=\"sidebar__header-title\">{{ title() }}</p>\n    }\n  </header>\n\n  <section class=\"sidebar__container\">\n    <nav class=\"sidebar__menu\" role=\"navigation\">\n      <ul class=\"sidebar__list\">\n        @for (item of items(); track item.id) {\n        <li class=\"sidebar__item\">\n          @if (expanded() && !!item.children?.length) {\n          <details\n            class=\"sidebar__link-expand\"\n            (click)=\"toggleOpen(item)\"\n            [attr.open]=\"item.open || null\"\n          >\n            <summary class=\"sidebar__link\" (click)=\"$event.preventDefault()\">\n              @if (item.icon) {\n              <span class=\"sidebar__icon\" aria-hidden=\"true\">\n                <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n              </span>\n              }\n              <span class=\"sidebar__text\">{{ item.label }}</span>\n              <span aria-hidden=\"true\" class=\"sidebar__sub\">\n                <ChevronDown20 />\n              </span>\n            </summary>\n\n            <ul class=\"sidebar__sublist\">\n              @for (sub of item.children!; track sub.id) {\n              <li class=\"sidebar__item\">\n                <a\n                  class=\"sidebar__sublink\"\n                  [class.sidebar__sublink--selected]=\"!!sub.selected\"\n                  [attr.href]=\"sub.href || '#'\"\n                  (click)=\"onItemClick(item.id, sub.id, $event)\"\n                >\n                  <span class=\"sidebar__text\">{{ sub.label }}</span>\n                </a>\n              </li>\n              }\n            </ul>\n          </details>\n          } @else {\n          <a\n            class=\"sidebar__link\"\n            [class.sidebar__link--selected]=\"!!item.selected\"\n            [attr.title]=\"item.label\"\n            [attr.href]=\"item.href || '#'\"\n            (click)=\"onItemClick(item.id, null, $event)\"\n          >\n            @if (item.icon) {\n            <span class=\"sidebar__icon\" aria-hidden=\"true\">\n              <ng-container [ngComponentOutlet]=\"item.icon\"></ng-container>\n            </span>\n            }\n            <span class=\"sidebar__text\">{{ item.label }}</span>\n          </a>\n          }\n        </li>\n        }\n      </ul>\n    </nav>\n  </section>\n\n  @if (showFooter()) {\n  <footer class=\"sidebar__footer\">\n    <div class=\"divider-horizontal\"></div>\n    <div class=\"sidebar__footer-container\">\n      @if (showProfile() && (profileName() || profileTitle() || profileAvatarSrc())) {\n      <a href=\"#\" class=\"sidebar__footer-profile\" (click)=\"$event.preventDefault()\">\n        @if (profileAvatarSrc()) {\n        <img\n          class=\"sidebar__footer-avatar\"\n          [src]=\"profileAvatarSrc()!\"\n          [alt]=\"profileName() || 'User'\"\n          loading=\"lazy\"\n        />\n        }\n        <div class=\"sidebar__footer-content\">\n          @if (profileName()) {\n          <p class=\"sidebar__footer-identity\">\n            {{ profileName() }}\n          </p>\n          } @if (profileTitle()) {\n          <p class=\"sidebar__footer-title\">{{ profileTitle() }}</p>\n          }\n        </div>\n      </a>\n      }\n      <button\n        class=\"sidebar__footer-expand button button--ghost\"\n        type=\"button\"\n        [attr.aria-label]=\"expandButtonAriaLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <SidebarExpand24 class=\"button__icon\" />\n      </button>\n    </div>\n  </footer>\n  }\n</aside>\n", styles: [".mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon,.button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon,.mc-button--s .button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child,.mc-button--s .button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon,.mc-button--m .button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child,.mc-button--m .button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon,.mc-button--l .button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child,.mc-button--l .button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost,.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover,.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active,.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled,.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .mc-button__icon,.mc-button--loading .button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard,.mc-button--standard.button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover,.mc-button--standard.button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active,.mc-button--standard.button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled,.mc-button--standard.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent,.mc-button--accent.button--ghost{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover,.mc-button--accent.button--ghost:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active,.mc-button--accent.button--ghost:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled,.mc-button--accent.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger,.mc-button--danger.button--ghost{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover,.mc-button--danger.button--ghost:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active,.mc-button--danger.button--ghost:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled,.mc-button--danger.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse,.mc-button--inverse.button--ghost{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover,.mc-button--inverse.button--ghost:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active,.mc-button--inverse.button--ghost:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled,.mc-button--inverse.button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-divider{position:relative}.mc-divider-horizontal,.divider-horizontal{background:var(--divider-color-primary, #cccccc);height:.0625rem}.mc-divider-horizontal--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-horizontal--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-horizontal--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-horizontal--m{height:.25rem}.mc-divider-horizontal--l{height:.5rem}.mc-divider-vertical{background:var(--divider-color-primary, #cccccc);width:.0625rem}.mc-divider-vertical--secondary{background:var(--divider-color-secondary, #999999)}.mc-divider-vertical--tertiary{background:var(--divider-color-tertiary, #333333)}.mc-divider-vertical--inverse{background:var(--divider-color-inverse, #ffffff)}.mc-divider-vertical--m{height:.25rem}.mc-divider-vertical--l{height:.5rem}.mc-sidebar,.sidebar{width:100%;display:flex;align-items:start;font-size:var(--font-size-100, .875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));padding-right:4rem;position:relative}@media screen and (min-width:680px){.mc-sidebar,.sidebar{display:inline-flex;padding-right:0;width:18.75rem}}.mc-sidebar__wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;min-height:100vh;width:100%;padding:.75rem;background-color:var(--sidebar-color-background-primary, #ffffff)}.mc-sidebar__wrapper--divider{border-right:1px solid var(--divider-color-secondary, #999999)}.mc-sidebar__close-button{position:absolute;top:.5rem;right:.5rem}@media screen and (min-width:680px){.mc-sidebar__close-button{display:none}}.mc-sidebar__container,.sidebar__container{flex-grow:1}.mc-sidebar__floating-item{position:absolute;z-index:var(--sidebar-floating-item-index, 4);padding-left:1.25rem;left:calc(2.5rem - 1px)}.mc-sidebar__floating-item--tooltip{top:.25rem}.mc-sidebar__floating-item--expanded{left:0;padding:0}@media screen and (min-width:680px){.mc-sidebar__floating-item--expanded{left:18.5rem}}.mc-sidebar__floating-item--hidden{visibility:hidden;overflow:hidden;opacity:0;height:0;pointer-events:none}.mc-sidebar--collapsed,.sidebar--collapsed{width:4rem}.mc-sidebar--collapsed .mc-sidebar__menu,.sidebar--collapsed .mc-sidebar__menu,.mc-sidebar--collapsed .sidebar__menu,.sidebar--collapsed .sidebar__menu{padding:0}.mc-sidebar__footer,.sidebar__footer{width:100%}.mc-sidebar__footer-container,.sidebar__footer-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.mc-sidebar__footer-avatar,.sidebar__footer-avatar{width:2rem;height:2rem;border-radius:var(--border-radius-full, 100%)}.mc-sidebar__footer-profile,.sidebar__footer-profile{width:100%;display:flex;align-items:center;gap:.5rem;height:2.5rem;flex-grow:1;border-radius:var(--border-radius-s, .25rem);background-color:var(--sidebar-color-extra-feature-background-default, rgba(255, 255, 255, .01));cursor:pointer;border:none}.mc-sidebar__footer-profile:focus-visible,.sidebar__footer-profile:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__footer-profile:hover,.sidebar__footer-profile:hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__footer-content,.sidebar__footer-content{display:none}.mc-sidebar__footer-title,.sidebar__footer-title{margin:0;text-align:left;font-size:var(--font-body-xs, .75rem);color:var(--sidebar-color-section-item-text-default, #404040);font-weight:var(--font-weight-bold, 700)}.mc-sidebar__footer-subtitle{margin:0;font-size:var(--font-caption, .75rem);color:var(--sidebar-color-job-title, #666666)}.mc-sidebar__footer-expand,.sidebar__footer-expand{display:none;min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;transform:none}@media screen and (min-width:680px){.mc-sidebar__footer-expand,.sidebar__footer-expand{display:inline-flex}}.mc-sidebar__footer-expand--mobile{position:relative}@media screen and (min-width:680px){.mc-sidebar__footer-expand--mobile{display:none}}.mc-sidebar__footer--expanded .mc-sidebar__footer-container,.mc-sidebar__footer--expanded .sidebar__footer-container{flex-direction:row;justify-content:flex-end;height:3.5rem}.mc-sidebar__footer--expanded .mc-sidebar__footer-content,.mc-sidebar__footer--expanded .sidebar__footer-content{display:block}.mc-sidebar__footer--expanded .mc-sidebar__footer-expand,.mc-sidebar__footer--expanded .sidebar__footer-expand{transform:rotate(180deg)}.mc-sidebar__footer--collapsed .mc-sidebar__footer-container,.mc-sidebar__footer--collapsed .sidebar__footer-container{flex-direction:column;justify-content:flex-start;height:auto}.mc-sidebar__footer--collapsed .mc-sidebar__footer-content,.mc-sidebar__footer--collapsed .sidebar__footer-content{display:none}.mc-sidebar__footer--collapsed .mc-sidebar__footer-profile,.mc-sidebar__footer--collapsed .sidebar__footer-profile{justify-content:center}.mc-sidebar__footer--collapsed .mc-sidebar__footer-expand,.mc-sidebar__footer--collapsed .sidebar__footer-expand{transform:none}.mc-sidebar__footer-menu{width:19.75rem;box-sizing:border-box;padding:.5rem .75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, .5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@media screen and (min-width:680px){.mc-sidebar__footer-menu{width:18.75rem}}.mc-sidebar__footer-menu .mc-sidebar__footer-menu-divider{margin:.5rem .75rem}.mc-sidebar__header,.sidebar__header{display:flex;align-items:center;justify-content:center;gap:.5rem}.mc-sidebar__header-logo,.sidebar__header-logo{width:2.5rem;height:2.5rem}.mc-sidebar__header-title,.sidebar__header-title{font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none}.mc-sidebar__header--expanded .mc-sidebar__header-title,.mc-sidebar__header--expanded .sidebar__header-title{display:block}.mc-sidebar__header--collapsed .mc-sidebar__header-title,.mc-sidebar__header--collapsed .sidebar__header-title{display:none}.mc-sidebar__listbox{min-width:18.75rem;border-radius:var(--border-radius-m, .5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}.mc-sidebar__listbox-title{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040)}.mc-sidebar__list,.sidebar__list{list-style-type:none;margin:0;padding:0}.mc-sidebar__link,.sidebar__link{display:flex;align-items:center;gap:.5rem;height:2.5rem;width:100%;padding-left:.5rem;text-align:left;text-decoration:none;font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__link--selected,.sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__link--locked{pointer-events:none}.mc-sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover,.sidebar__link:not(.mc-sidebar__link--selected):not(.sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__link:focus-visible,.sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__link-expand:open .mc-sidebar__sub,.sidebar__link-expand:open .mc-sidebar__sub,.mc-sidebar__link-expand:open .sidebar__sub,.sidebar__link-expand:open .sidebar__sub{transform:rotate(180deg)}.mc-sidebar__link:is(summary) .mc-sidebar__text,.sidebar__link:is(summary) .mc-sidebar__text,.mc-sidebar__link:is(summary) .sidebar__text,.sidebar__link:is(summary) .sidebar__text{flex-grow:1}.mc-sidebar__icon,.sidebar__icon{fill:currentcolor;width:1.5rem;height:1.5rem}.mc-sidebar__indicator{fill:currentcolor;width:1.25rem;height:1.25rem}.mc-sidebar__text,.sidebar__text{display:block}.mc-sidebar__sub,.sidebar__sub{width:1.25rem;height:1.25rem}.mc-sidebar__sublist,.sidebar__sublist{list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:.25rem}.mc-sidebar__item,.sidebar__item{position:relative;width:100%}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link,.mc-sidebar__item--sub.sidebar__item .sidebar__link{display:flex;align-items:center;justify-content:start;gap:.25rem;padding:.25rem;height:1.75rem;text-decoration:none;color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, .5rem);background:transparent;border:none;cursor:pointer}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .mc-sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link .sidebar__text,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link .sidebar__text,.mc-sidebar__item--sub.sidebar__item .sidebar__link .sidebar__text{display:block;font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-regular, 400)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected,.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected{color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de)}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover,.mc-sidebar__item--sub.sidebar__item .sidebar__link:not(.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link--selected):not(.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link--selected):not(.mc-sidebar__item--sub.sidebar__item .sidebar__link--selected):hover{background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, .05))}.mc-sidebar__item--sub.mc-sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .mc-sidebar__link:focus-visible,.mc-sidebar__item--sub.mc-sidebar__item .sidebar__link:focus-visible,.mc-sidebar__item--sub.sidebar__item .sidebar__link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__item--collapsed .mc-sidebar__text,.mc-sidebar__item--collapsed .sidebar__text,.mc-sidebar__item--collapsed .mc-sidebar__sub,.mc-sidebar__item--collapsed .sidebar__sub,.mc-sidebar__item--collapsed .mc-sidebar__sublist,.mc-sidebar__item--collapsed .sidebar__sublist{display:none}.mc-sidebar__item--collapsed .mc-sidebar__link,.mc-sidebar__item--collapsed .sidebar__link{padding:0;justify-content:center}.mc-sidebar__shortcuts{width:100%}.mc-sidebar__shortcut-wrapper{width:100%;display:grid;justify-content:center;position:relative}.mc-sidebar__shortcut-list{display:flex;margin:0 0 1rem}.mc-sidebar__shortcut-list--grid{padding:0;gap:.5rem;align-items:center}.mc-sidebar__shortcut-list--stacked{gap:.25rem;flex-direction:column;padding:0}.mc-sidebar__shortcut-list--stacked:not(.mc-sidebar__shortcut-list--floating){padding:0 0 .5rem 1rem;margin-bottom:.5rem}.mc-sidebar__shortcut-item{cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, .5rem);overflow:hidden}.mc-sidebar__shortcut-item:hover{background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, .2))}.mc-sidebar__shortcut-item:nth-child(n+5){display:none}.mc-sidebar__shortcut-item--grid{justify-content:center;padding:0 .125rem;height:3rem;width:3.9375rem}.mc-sidebar__shortcut-item--grid .mc-sidebar__shortcut-link{flex-direction:column;gap:.125rem;border-radius:var(--border-radius-m, .5rem)}.mc-sidebar__shortcut-item--stacked{padding:.125rem .25rem;width:12.5rem;height:2.5rem}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating{width:100%;padding:.125rem 0 .125rem .25rem}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-label{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-m, 1rem)}.mc-sidebar__shortcut-item--stacked .mc-sidebar__shortcut-link{gap:.25rem}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item{background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-label{color:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item .mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-selected, #006902)}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger){width:3rem;height:3rem;justify-content:center;border:none;background:none;margin-bottom:1rem}.mc-sidebar__shortcut-item:is(.mc-sidebar__trigger):hover{background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, .1))}.mc-sidebar__shortcut-link:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-sidebar__shortcut-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.mc-sidebar__shortcut-label{font-size:var(--font-size-25, .625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden}.mc-sidebar__shortcut-icon{fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem}\n"] }]
         }], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], logoSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoSrc", required: false }] }], logoAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoAlt", required: false }] }], showFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooter", required: false }] }], showProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProfile", required: false }] }], profileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileName", required: false }] }], profileTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileTitle", required: false }] }], profileAvatarSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAvatarSrc", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
 class MozSegmentedControlComponent {
@@ -3402,9 +3402,9 @@ class MozStatusMessageComponent {
             case 'success':
                 return CheckCircleFilled24;
             case 'warning':
-                return WarningCircleFilled24;
+                return WarningTriangleFilled24;
             case 'error':
-                return CrossCircleFilled24;
+                return ErrorFilled24;
             case 'neutral':
             case 'inprogress':
             default:
@@ -3639,11 +3639,11 @@ class MozStarRatingComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozStarRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozStarRatingComponent, isStandalone: true, selector: "moz-star-rating", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</a>\n} @else {\n<div [class]=\"classes()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{color:var(--star-rating-color-icon-standard, #000000)}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{color:var(--star-rating-color-icon-accent, #ea7315)}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozStarRatingComponent, isStandalone: true, selector: "moz-star-rating", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</a>\n} @else {\n<div [class]=\"classes()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{color:var(--star-rating-color-icon-standard, #000000);fill:currentcolor}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{color:var(--star-rating-color-icon-accent, #ea7315);fill:currentcolor}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozStarRatingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-star-rating', imports: [NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</a>\n} @else {\n<div [class]=\"classes()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{color:var(--star-rating-color-icon-standard, #000000)}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{color:var(--star-rating-color-icon-accent, #ea7315)}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"] }]
+            args: [{ selector: 'moz-star-rating', imports: [NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</a>\n} @else {\n<div [class]=\"classes()\">\n  <div\n    class=\"star-rating__wrapper\"\n    [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n    [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-readonly]=\"isReadonly() ? true : null\"\n    [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n    [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n    [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n    (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n    (mouseleave)=\"isReadonly() ? null : clearHover()\"\n    (blur)=\"isReadonly() ? null : clearHover()\"\n  >\n    @for (index of stars(); track index) {\n    <span\n      class=\"star-rating__icon\"\n      (click)=\"isReadonly() ? null : onStarClick(index)\"\n      (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n    >\n      <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n    </span>\n    }\n  </div>\n\n  @if (hasInfoText()) {\n  <span class=\"star-rating__info\">\n    {{ text() || href() }}\n  </span>\n  }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{color:var(--star-rating-color-icon-standard, #000000);fill:currentcolor}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{color:var(--star-rating-color-icon-accent, #ea7315);fill:currentcolor}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }] } });
 /**
@@ -3969,7 +3969,7 @@ class MozPageHeaderComponent {
         this.activeTabChange.emit(index);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozPageHeaderComponent, isStandalone: true, selector: "moz-page-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, backButton: { classPropertyName: "backButton", publicName: "backButton", isSignal: true, isRequired: false, transformFunction: null }, searchButton: { classPropertyName: "searchButton", publicName: "searchButton", isSignal: true, isRequired: false, transformFunction: null }, helpButton: { classPropertyName: "helpButton", publicName: "helpButton", isSignal: true, isRequired: false, transformFunction: null }, notificationButton: { classPropertyName: "notificationButton", publicName: "notificationButton", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusLabel: { classPropertyName: "statusLabel", publicName: "statusLabel", isSignal: true, isRequired: false, transformFunction: null }, extraInfo: { classPropertyName: "extraInfo", publicName: "extraInfo", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, scopeValue: { classPropertyName: "scopeValue", publicName: "scopeValue", isSignal: true, isRequired: false, transformFunction: null }, scopePlaceholder: { classPropertyName: "scopePlaceholder", publicName: "scopePlaceholder", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTab: "activeTabChange", back: "back", search: "search", help: "help", notification: "notification", toggleMenu: "toggleMenu", toggleScope: "toggleScope", scopeValueChange: "scopeValueChange", activeTabChange: "activeTabChange" }, ngImport: i0, template: "<div [class]=\"classes()\">\n  <div class=\"mc-page-header__top-wrapper\">\n    <div class=\"mc-page-header__top-content\">\n      @if (backButton()) {\n      <moz-icon-button\n        [ghost]=\"true\"\n        [id]=\"'page-header-back-button'\"\n        ariaLabel=\"Back button\"\n        (activated)=\"onBack()\"\n      >\n        <ArrowBack24 icon />\n      </moz-icon-button>\n      }\n\n      <div class=\"mc-page-header__content-wrapper\">\n        <span class=\"mc-page-header__title\">\n          {{ title() }}\n        </span>\n\n        @if (hasStatusOrExtraInfo()) {\n        <div class=\"mc-page-header__info-wrapper\">\n          @if (hasStatusBadge()) {\n          <moz-status-badge [label]=\"statusLabel()!\" [status]=\"status()!\" />\n          } @if (extraInfo()) {\n          <span class=\"mc-page-header__extra-info\">\n            {{ extraInfo() }}\n          </span>\n          }\n        </div>\n        }\n\n        <ng-content select=\"[content]\" />\n      </div>\n    </div>\n\n    <div class=\"mc-page-header__actions-wrapper\">\n      <moz-icon-button\n        class=\"mc-page-header__burger-menu\"\n        [ghost]=\"true\"\n        [id]=\"'page-header-burger-menu'\"\n        ariaLabel=\"Burger menu\"\n        (activated)=\"onToggleMenu()\"\n      >\n        <Menu24 icon />\n      </moz-icon-button>\n\n      <ng-content select=\"[actions]\">\n        <div class=\"mc-page-header__actions-content\">\n          @if (hasIconButtons()) {\n          <div class=\"mc-page-header__icons\">\n            @if (searchButton()) {\n            <moz-icon-button\n              [ghost]=\"true\"\n              [id]=\"'page-header-search-button'\"\n              ariaLabel=\"Search button\"\n              (activated)=\"onSearch()\"\n            >\n              <Search24 icon />\n            </moz-icon-button>\n            } @if (helpButton()) {\n            <moz-icon-button\n              [ghost]=\"true\"\n              [id]=\"'page-header-help-button'\"\n              ariaLabel=\"Help button\"\n              (activated)=\"onHelp()\"\n            >\n              <HelpCircle24 icon />\n            </moz-icon-button>\n            } @if (notificationButton()) {\n            <moz-icon-button\n              [ghost]=\"true\"\n              [id]=\"'page-header-notification-button'\"\n              ariaLabel=\"Notification button\"\n              (activated)=\"onNotification()\"\n            >\n              <Notification24 icon />\n            </moz-icon-button>\n            }\n          </div>\n          } @if (isScopeString() && isScopeValueBoolean()) {\n          <moz-tag type=\"interactive\" [id]=\"'scope-tag'\" (click)=\"onScopeTagClick()\">{{\n            $any(scope())\n          }}</moz-tag>\n          } @if (isScopeArray() && isScopeValueNotBoolean()) {\n          <div class=\"mc-page-header__scope--select\">\n            <moz-select\n              [name]=\"'scope-select'\"\n              id=\"scope-select\"\n              size=\"s\"\n              [options]=\"scopeAsArray()\"\n              [placeholder]=\"scopePlaceholder()\"\n              [ngModel]=\"scopeValue()\"\n              (ngModelChange)=\"onScopeSelectChange($event)\"\n            />\n          </div>\n\n          <div class=\"mc-page-header__scope--tag\">\n            <moz-tag type=\"interactive\" [id]=\"'mobile-scope-tag'\" (click)=\"onToggleScope()\">{{\n              mobileTagLabel()\n            }}</moz-tag>\n          </div>\n          }\n        </div>\n      </ng-content>\n    </div>\n  </div>\n\n  @if (tabs() && tabs()!.length > 0) {\n  <div class=\"mc-page-header__tabs\">\n    <moz-tabs\n      [tabs]=\"tabs()!\"\n      [(selectedIndex)]=\"activeTab\"\n      (selectedIndexChange)=\"onActiveTabChange($event)\"\n    />\n  </div>\n  }\n</div>\n", styles: [".mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 1rem}@media screen and (min-width:680px){.mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 2.5rem}}.mc-page-header--with-shadow{box-shadow:var(--shadow-bottom-xs-x, 0px) var(--shadow-bottom-xs-y, 3px) var(--shadow-bottom-xs-blur, 5px) var(--shadow-bottom-xs-spread, -2px) rgba(0,0,0,var(--shadow-bottom-xs-opacity, 15%))}.mc-page-header__top-wrapper{padding:0 0 .75rem;display:flex;flex-direction:column-reverse;justify-content:space-between;background-color:var(--page-header-color-background, #ffffff)}@media screen and (min-width:680px){.mc-page-header__top-wrapper{padding:.75rem 2.5rem;flex-direction:row;gap:2rem}}.mc-page-header__top-content{padding:.5rem 1rem 0;display:flex;gap:.25rem;align-items:center}.mc-page-header__top-content:has(.mc-button--icon-button){padding-left:0}@media screen and (min-width:680px){.mc-page-header__top-content{padding:.5rem 0;gap:.75rem}}.mc-page-header__content-wrapper{display:flex;flex-direction:column;gap:.5rem}.mc-page-header__title{margin:0;font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--page-header-color-text-title, #000000)}@media screen and (min-width:680px){.mc-page-header__title{font-size:var(--font-size-300, 1.5rem)}}.mc-page-header__info-wrapper{display:flex;align-items:center;gap:.5rem}.mc-page-header__extra-info{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-text-extra-info, #404040)}.mc-page-header__actions-wrapper{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--divider-color-primary, #cccccc);padding-right:1rem}@media screen and (min-width:680px){.mc-page-header__actions-wrapper{border-bottom:none;padding-right:0}}.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:inline-flex}@media screen and (min-width:680px){.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:none}}.mc-page-header__actions-content{display:flex;align-items:center}@media screen and (min-width:680px){.mc-page-header__actions-content{gap:1rem}}.mc-page-header__scope--tag{display:block}@media screen and (min-width:680px){.mc-page-header__scope--tag{display:none}}.mc-page-header__scope--select{display:none}@media screen and (min-width:680px){.mc-page-header__scope--select{display:block}}.mc-page-header__icons{display:flex;align-items:center}.mc-page-header__tabs{border-top:1px solid var(--divider-color-primary, #cccccc)}\n"], dependencies: [{ kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "component", type: MozTagComponent, selector: "moz-tag", inputs: ["type", "size", "id", "name", "disabled", "contextualisedNumber", "removableLabel"], outputs: ["removeTag"] }, { kind: "component", type: MozSelectComponent, selector: "moz-select", inputs: ["id", "name", "options", "placeholder", "isInvalid", "disabled", "readonly", "size"] }, { kind: "component", type: MozStatusBadgeComponent, selector: "moz-status-badge", inputs: ["label", "status"] }, { kind: "component", type: MozTabsComponent, selector: "moz-tabs", inputs: ["description", "divider", "centered", "selectedIndex", "tabs"], outputs: ["selectedIndexChange"] }, { kind: "component", type: ArrowBack24, selector: "ArrowBack24", inputs: ["hostClass"] }, { kind: "component", type: HelpCircle24, selector: "HelpCircle24", inputs: ["hostClass"] }, { kind: "component", type: Menu24, selector: "Menu24", inputs: ["hostClass"] }, { kind: "component", type: Notification24, selector: "Notification24", inputs: ["hostClass"] }, { kind: "component", type: Search24, selector: "Search24", inputs: ["hostClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozPageHeaderComponent, isStandalone: true, selector: "moz-page-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, backButton: { classPropertyName: "backButton", publicName: "backButton", isSignal: true, isRequired: false, transformFunction: null }, searchButton: { classPropertyName: "searchButton", publicName: "searchButton", isSignal: true, isRequired: false, transformFunction: null }, helpButton: { classPropertyName: "helpButton", publicName: "helpButton", isSignal: true, isRequired: false, transformFunction: null }, notificationButton: { classPropertyName: "notificationButton", publicName: "notificationButton", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusLabel: { classPropertyName: "statusLabel", publicName: "statusLabel", isSignal: true, isRequired: false, transformFunction: null }, extraInfo: { classPropertyName: "extraInfo", publicName: "extraInfo", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, scopeValue: { classPropertyName: "scopeValue", publicName: "scopeValue", isSignal: true, isRequired: false, transformFunction: null }, scopePlaceholder: { classPropertyName: "scopePlaceholder", publicName: "scopePlaceholder", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTab: "activeTabChange", back: "back", search: "search", help: "help", notification: "notification", toggleMenu: "toggleMenu", toggleScope: "toggleScope", scopeValueChange: "scopeValueChange", activeTabChange: "activeTabChange" }, ngImport: i0, template: "<div [class]=\"classes()\">\n  <div class=\"mc-page-header__top-wrapper\">\n    <div class=\"mc-page-header__top-content\">\n      <div class=\"mc-page-header__content-wrapper\">\n        <div class=\"mc-page-header__title-wrapper\">\n          @if (backButton()) {\n          <moz-icon-button\n            [ghost]=\"true\"\n            [id]=\"'page-header-back-button'\"\n            ariaLabel=\"Back button\"\n            (activated)=\"onBack()\"\n          >\n            <ArrowBack24 icon />\n          </moz-icon-button>\n          }\n\n          <span class=\"mc-page-header__title\">\n            {{ title() }}\n          </span>\n        </div>\n\n        @if (hasStatusOrExtraInfo()) {\n        <div class=\"mc-page-header__info-wrapper\">\n          @if (hasStatusBadge()) {\n          <moz-status-badge [label]=\"statusLabel()!\" [status]=\"status()!\" />\n          } @if (extraInfo()) {\n          <span class=\"mc-page-header__extra-info\">\n            {{ extraInfo() }}\n          </span>\n          }\n        </div>\n        }\n\n        <ng-content select=\"[content]\" />\n      </div>\n    </div>\n\n    <div class=\"mc-page-header__actions-wrapper\">\n      <moz-icon-button\n        class=\"mc-page-header__burger-menu\"\n        [ghost]=\"true\"\n        [id]=\"'page-header-burger-menu'\"\n        ariaLabel=\"Burger menu\"\n        (activated)=\"onToggleMenu()\"\n      >\n        <Menu24 icon />\n      </moz-icon-button>\n\n      <ng-content select=\"[actions]\">\n        <div class=\"mc-page-header__actions-content\">\n          @if (hasIconButtons()) {\n          <div class=\"mc-page-header__features-wrapper\">\n            @if (searchButton()) {\n            <button\n              type=\"button\"\n              class=\"mc-page-header__feature-item\"\n              id=\"page-header-search-button\"\n              aria-label=\"Search button\"\n              (click)=\"onSearch()\"\n            >\n              <Search20 hostClass=\"mc-page-header__feature-item-icon\" />\n              <span>Search</span>\n            </button>\n            } @if (helpButton()) {\n            <button\n              type=\"button\"\n              class=\"mc-page-header__feature-item\"\n              id=\"page-header-help-button\"\n              aria-label=\"Help button\"\n              (click)=\"onHelp()\"\n            >\n              <HelpCircle20 hostClass=\"mc-page-header__feature-item-icon\" />\n              <span>Help</span>\n            </button>\n            } @if (notificationButton()) {\n            <button\n              type=\"button\"\n              class=\"mc-page-header__feature-item\"\n              id=\"page-header-notification-button\"\n              aria-label=\"Notification button\"\n              (click)=\"onNotification()\"\n            >\n              <Notification20 hostClass=\"mc-page-header__feature-item-icon\" />\n              <span>Notifications</span>\n            </button>\n            }\n          </div>\n          } @if (isScopeString() && isScopeValueBoolean()) {\n          <moz-tag type=\"interactive\" [id]=\"'scope-tag'\" (click)=\"onScopeTagClick()\">{{\n            $any(scope())\n          }}</moz-tag>\n          } @if (isScopeArray() && isScopeValueNotBoolean()) {\n          <div class=\"mc-page-header__scope--select\">\n            <moz-select\n              [name]=\"'scope-select'\"\n              id=\"scope-select\"\n              size=\"s\"\n              [options]=\"scopeAsArray()\"\n              [placeholder]=\"scopePlaceholder()\"\n              [ngModel]=\"scopeValue()\"\n              (ngModelChange)=\"onScopeSelectChange($event)\"\n            />\n          </div>\n\n          <div class=\"mc-page-header__scope--tag\">\n            <moz-tag type=\"interactive\" [id]=\"'mobile-scope-tag'\" (click)=\"onToggleScope()\">{{\n              mobileTagLabel()\n            }}</moz-tag>\n          </div>\n          }\n        </div>\n      </ng-content>\n    </div>\n  </div>\n\n  @if (tabs() && tabs()!.length > 0) {\n  <div class=\"mc-page-header__tabs\">\n    <moz-tabs\n      [tabs]=\"tabs()!\"\n      [(selectedIndex)]=\"activeTab\"\n      (selectedIndexChange)=\"onActiveTabChange($event)\"\n    />\n  </div>\n  }\n</div>\n", styles: [".mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 1rem}@media screen and (min-width:680px){.mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 2.5rem}}.mc-page-header--with-shadow{box-shadow:var(--shadow-bottom-xs-x, 0px) var(--shadow-bottom-xs-y, 3px) var(--shadow-bottom-xs-blur, 5px) var(--shadow-bottom-xs-spread, -2px) rgba(0,0,0,var(--shadow-bottom-xs-opacity, 15%))}.mc-page-header__top-wrapper{padding:0 0 .75rem;display:flex;flex-direction:column-reverse;justify-content:space-between;background-color:var(--page-header-color-background, #ffffff)}@media screen and (min-width:680px){.mc-page-header__top-wrapper{padding:.25rem 2.5rem;flex-direction:row;gap:2rem}}.mc-page-header__top-content{padding:.5rem 1rem 0;display:flex;gap:.25rem;align-items:center}@media screen and (min-width:680px){.mc-page-header__top-content{padding:.5rem 0;gap:.75rem}.mc-page-header__top-content:has(.mc-button--icon-button){padding-left:0}}.mc-page-header__content-wrapper{display:flex;flex-direction:column;gap:.25rem}.mc-page-header__title-wrapper{display:flex;align-items:center;gap:.125rem}.mc-page-header__title{margin:0;font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--page-header-color-text-title, #000000)}@media screen and (min-width:680px){.mc-page-header__title{font-size:var(--font-size-100, .875rem)}}.mc-page-header__info-wrapper{display:flex;align-items:center;gap:.5rem}.mc-page-header__extra-info{font-size:var(--font-size-50, .75rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-text-extra-info, #404040)}.mc-page-header__actions-wrapper{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--divider-color-primary, #cccccc);padding-right:1rem}@media screen and (min-width:680px){.mc-page-header__actions-wrapper{align-items:start;border-bottom:none;padding-right:0}}.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:inline-flex}@media screen and (min-width:680px){.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:none}}.mc-page-header__actions-content{display:flex;align-items:center}@media screen and (min-width:680px){.mc-page-header__actions-content{gap:1rem}}.mc-page-header__features-wrapper{display:flex;align-items:center}.mc-page-header__feature-item{cursor:pointer;border:none;border-radius:var(--border-radius-m, .5rem);background:none;height:2.5rem;min-width:3.5rem;max-width:6rem;padding:.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;background-color:var(--page-header-color-feature-item-background-default, rgba(255, 255, 255, .01));color:var(--page-header-color-feature-item-text, #666666)}@media screen and (min-width:680px){.mc-page-header__feature-item{height:3rem}}.mc-page-header__feature-item:hover{background-color:var(--page-header-color-feature-item-background-hover, rgba(0, 0, 0, .05))}.mc-page-header__feature-item:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem;transition:box-shadow .2s ease}.mc-page-header__feature-item-icon{fill:currentColor}.mc-page-header__feature-item span{display:none;overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-25, .625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3)}@media screen and (min-width:680px){.mc-page-header__feature-item span{display:block}}.mc-page-header__context-switcher-wrapper{position:relative}.mc-page-header__context-switcher{cursor:pointer;height:2rem;display:flex;align-items:center;gap:.25rem;border:none;border-radius:var(--border-radius-l, 1rem);background:var(--page-header-color-context-switcher-button-background-default, rgba(70, 78, 99, .1));padding:0 .5rem 0 .75rem;font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-context-switcher-button-text, #404040);white-space:nowrap}.mc-page-header__context-switcher:hover{background-color:var(--page-header-color-context-switcher-button-background-hover, rgba(70, 78, 99, .2))}.mc-page-header__context-switcher:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem;transition:box-shadow .2s ease}.mc-page-header__context-switcher-listbox{width:18.75rem;position:absolute;top:100%;right:0;z-index:var(--page-header-context-listbox-z-index, 1000);margin-top:.25rem;opacity:1;visibility:visible}.mc-page-header__context-switcher-listbox--hidden{visibility:hidden;opacity:0}.mc-page-header__slotted-content{padding:0 1rem}@media screen and (min-width:680px){.mc-page-header__slotted-content{padding:0 2.5rem;gap:.75rem}}.mc-page-header__tabs{border-top:1px solid var(--divider-color-primary, #cccccc)}.mc-page-header__scope--tag{display:block}@media screen and (min-width:680px){.mc-page-header__scope--tag{display:none}}.mc-page-header__scope--select{display:none}@media screen and (min-width:680px){.mc-page-header__scope--select{display:block}}\n"], dependencies: [{ kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "component", type: MozTagComponent, selector: "moz-tag", inputs: ["type", "size", "id", "name", "disabled", "contextualisedNumber", "removableLabel"], outputs: ["removeTag"] }, { kind: "component", type: MozSelectComponent, selector: "moz-select", inputs: ["id", "name", "options", "placeholder", "isInvalid", "disabled", "readonly", "size"] }, { kind: "component", type: MozStatusBadgeComponent, selector: "moz-status-badge", inputs: ["label", "status"] }, { kind: "component", type: MozTabsComponent, selector: "moz-tabs", inputs: ["description", "divider", "centered", "selectedIndex", "tabs"], outputs: ["selectedIndexChange"] }, { kind: "component", type: ArrowBack24, selector: "ArrowBack24", inputs: ["hostClass"] }, { kind: "component", type: HelpCircle20, selector: "HelpCircle20", inputs: ["hostClass"] }, { kind: "component", type: Menu24, selector: "Menu24", inputs: ["hostClass"] }, { kind: "component", type: Notification20, selector: "Notification20", inputs: ["hostClass"] }, { kind: "component", type: Search20, selector: "Search20", inputs: ["hostClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozPageHeaderComponent, decorators: [{
             type: Component,
@@ -3980,17 +3980,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         MozStatusBadgeComponent,
                         MozTabsComponent,
                         ArrowBack24,
-                        HelpCircle24,
+                        HelpCircle20,
                         Menu24,
-                        Notification24,
-                        Search24,
+                        Notification20,
+                        Search20,
                         MozIconButtonComponent,
                         MozTagComponent,
                         ReactiveFormsModule,
                         MozSelectComponent,
                         FormsModule,
                         MozTabsComponent,
-                    ], template: "<div [class]=\"classes()\">\n  <div class=\"mc-page-header__top-wrapper\">\n    <div class=\"mc-page-header__top-content\">\n      @if (backButton()) {\n      <moz-icon-button\n        [ghost]=\"true\"\n        [id]=\"'page-header-back-button'\"\n        ariaLabel=\"Back button\"\n        (activated)=\"onBack()\"\n      >\n        <ArrowBack24 icon />\n      </moz-icon-button>\n      }\n\n      <div class=\"mc-page-header__content-wrapper\">\n        <span class=\"mc-page-header__title\">\n          {{ title() }}\n        </span>\n\n        @if (hasStatusOrExtraInfo()) {\n        <div class=\"mc-page-header__info-wrapper\">\n          @if (hasStatusBadge()) {\n          <moz-status-badge [label]=\"statusLabel()!\" [status]=\"status()!\" />\n          } @if (extraInfo()) {\n          <span class=\"mc-page-header__extra-info\">\n            {{ extraInfo() }}\n          </span>\n          }\n        </div>\n        }\n\n        <ng-content select=\"[content]\" />\n      </div>\n    </div>\n\n    <div class=\"mc-page-header__actions-wrapper\">\n      <moz-icon-button\n        class=\"mc-page-header__burger-menu\"\n        [ghost]=\"true\"\n        [id]=\"'page-header-burger-menu'\"\n        ariaLabel=\"Burger menu\"\n        (activated)=\"onToggleMenu()\"\n      >\n        <Menu24 icon />\n      </moz-icon-button>\n\n      <ng-content select=\"[actions]\">\n        <div class=\"mc-page-header__actions-content\">\n          @if (hasIconButtons()) {\n          <div class=\"mc-page-header__icons\">\n            @if (searchButton()) {\n            <moz-icon-button\n              [ghost]=\"true\"\n              [id]=\"'page-header-search-button'\"\n              ariaLabel=\"Search button\"\n              (activated)=\"onSearch()\"\n            >\n              <Search24 icon />\n            </moz-icon-button>\n            } @if (helpButton()) {\n            <moz-icon-button\n              [ghost]=\"true\"\n              [id]=\"'page-header-help-button'\"\n              ariaLabel=\"Help button\"\n              (activated)=\"onHelp()\"\n            >\n              <HelpCircle24 icon />\n            </moz-icon-button>\n            } @if (notificationButton()) {\n            <moz-icon-button\n              [ghost]=\"true\"\n              [id]=\"'page-header-notification-button'\"\n              ariaLabel=\"Notification button\"\n              (activated)=\"onNotification()\"\n            >\n              <Notification24 icon />\n            </moz-icon-button>\n            }\n          </div>\n          } @if (isScopeString() && isScopeValueBoolean()) {\n          <moz-tag type=\"interactive\" [id]=\"'scope-tag'\" (click)=\"onScopeTagClick()\">{{\n            $any(scope())\n          }}</moz-tag>\n          } @if (isScopeArray() && isScopeValueNotBoolean()) {\n          <div class=\"mc-page-header__scope--select\">\n            <moz-select\n              [name]=\"'scope-select'\"\n              id=\"scope-select\"\n              size=\"s\"\n              [options]=\"scopeAsArray()\"\n              [placeholder]=\"scopePlaceholder()\"\n              [ngModel]=\"scopeValue()\"\n              (ngModelChange)=\"onScopeSelectChange($event)\"\n            />\n          </div>\n\n          <div class=\"mc-page-header__scope--tag\">\n            <moz-tag type=\"interactive\" [id]=\"'mobile-scope-tag'\" (click)=\"onToggleScope()\">{{\n              mobileTagLabel()\n            }}</moz-tag>\n          </div>\n          }\n        </div>\n      </ng-content>\n    </div>\n  </div>\n\n  @if (tabs() && tabs()!.length > 0) {\n  <div class=\"mc-page-header__tabs\">\n    <moz-tabs\n      [tabs]=\"tabs()!\"\n      [(selectedIndex)]=\"activeTab\"\n      (selectedIndexChange)=\"onActiveTabChange($event)\"\n    />\n  </div>\n  }\n</div>\n", styles: [".mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 1rem}@media screen and (min-width:680px){.mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 2.5rem}}.mc-page-header--with-shadow{box-shadow:var(--shadow-bottom-xs-x, 0px) var(--shadow-bottom-xs-y, 3px) var(--shadow-bottom-xs-blur, 5px) var(--shadow-bottom-xs-spread, -2px) rgba(0,0,0,var(--shadow-bottom-xs-opacity, 15%))}.mc-page-header__top-wrapper{padding:0 0 .75rem;display:flex;flex-direction:column-reverse;justify-content:space-between;background-color:var(--page-header-color-background, #ffffff)}@media screen and (min-width:680px){.mc-page-header__top-wrapper{padding:.75rem 2.5rem;flex-direction:row;gap:2rem}}.mc-page-header__top-content{padding:.5rem 1rem 0;display:flex;gap:.25rem;align-items:center}.mc-page-header__top-content:has(.mc-button--icon-button){padding-left:0}@media screen and (min-width:680px){.mc-page-header__top-content{padding:.5rem 0;gap:.75rem}}.mc-page-header__content-wrapper{display:flex;flex-direction:column;gap:.5rem}.mc-page-header__title{margin:0;font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--page-header-color-text-title, #000000)}@media screen and (min-width:680px){.mc-page-header__title{font-size:var(--font-size-300, 1.5rem)}}.mc-page-header__info-wrapper{display:flex;align-items:center;gap:.5rem}.mc-page-header__extra-info{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-text-extra-info, #404040)}.mc-page-header__actions-wrapper{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--divider-color-primary, #cccccc);padding-right:1rem}@media screen and (min-width:680px){.mc-page-header__actions-wrapper{border-bottom:none;padding-right:0}}.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:inline-flex}@media screen and (min-width:680px){.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:none}}.mc-page-header__actions-content{display:flex;align-items:center}@media screen and (min-width:680px){.mc-page-header__actions-content{gap:1rem}}.mc-page-header__scope--tag{display:block}@media screen and (min-width:680px){.mc-page-header__scope--tag{display:none}}.mc-page-header__scope--select{display:none}@media screen and (min-width:680px){.mc-page-header__scope--select{display:block}}.mc-page-header__icons{display:flex;align-items:center}.mc-page-header__tabs{border-top:1px solid var(--divider-color-primary, #cccccc)}\n"] }]
+                    ], template: "<div [class]=\"classes()\">\n  <div class=\"mc-page-header__top-wrapper\">\n    <div class=\"mc-page-header__top-content\">\n      <div class=\"mc-page-header__content-wrapper\">\n        <div class=\"mc-page-header__title-wrapper\">\n          @if (backButton()) {\n          <moz-icon-button\n            [ghost]=\"true\"\n            [id]=\"'page-header-back-button'\"\n            ariaLabel=\"Back button\"\n            (activated)=\"onBack()\"\n          >\n            <ArrowBack24 icon />\n          </moz-icon-button>\n          }\n\n          <span class=\"mc-page-header__title\">\n            {{ title() }}\n          </span>\n        </div>\n\n        @if (hasStatusOrExtraInfo()) {\n        <div class=\"mc-page-header__info-wrapper\">\n          @if (hasStatusBadge()) {\n          <moz-status-badge [label]=\"statusLabel()!\" [status]=\"status()!\" />\n          } @if (extraInfo()) {\n          <span class=\"mc-page-header__extra-info\">\n            {{ extraInfo() }}\n          </span>\n          }\n        </div>\n        }\n\n        <ng-content select=\"[content]\" />\n      </div>\n    </div>\n\n    <div class=\"mc-page-header__actions-wrapper\">\n      <moz-icon-button\n        class=\"mc-page-header__burger-menu\"\n        [ghost]=\"true\"\n        [id]=\"'page-header-burger-menu'\"\n        ariaLabel=\"Burger menu\"\n        (activated)=\"onToggleMenu()\"\n      >\n        <Menu24 icon />\n      </moz-icon-button>\n\n      <ng-content select=\"[actions]\">\n        <div class=\"mc-page-header__actions-content\">\n          @if (hasIconButtons()) {\n          <div class=\"mc-page-header__features-wrapper\">\n            @if (searchButton()) {\n            <button\n              type=\"button\"\n              class=\"mc-page-header__feature-item\"\n              id=\"page-header-search-button\"\n              aria-label=\"Search button\"\n              (click)=\"onSearch()\"\n            >\n              <Search20 hostClass=\"mc-page-header__feature-item-icon\" />\n              <span>Search</span>\n            </button>\n            } @if (helpButton()) {\n            <button\n              type=\"button\"\n              class=\"mc-page-header__feature-item\"\n              id=\"page-header-help-button\"\n              aria-label=\"Help button\"\n              (click)=\"onHelp()\"\n            >\n              <HelpCircle20 hostClass=\"mc-page-header__feature-item-icon\" />\n              <span>Help</span>\n            </button>\n            } @if (notificationButton()) {\n            <button\n              type=\"button\"\n              class=\"mc-page-header__feature-item\"\n              id=\"page-header-notification-button\"\n              aria-label=\"Notification button\"\n              (click)=\"onNotification()\"\n            >\n              <Notification20 hostClass=\"mc-page-header__feature-item-icon\" />\n              <span>Notifications</span>\n            </button>\n            }\n          </div>\n          } @if (isScopeString() && isScopeValueBoolean()) {\n          <moz-tag type=\"interactive\" [id]=\"'scope-tag'\" (click)=\"onScopeTagClick()\">{{\n            $any(scope())\n          }}</moz-tag>\n          } @if (isScopeArray() && isScopeValueNotBoolean()) {\n          <div class=\"mc-page-header__scope--select\">\n            <moz-select\n              [name]=\"'scope-select'\"\n              id=\"scope-select\"\n              size=\"s\"\n              [options]=\"scopeAsArray()\"\n              [placeholder]=\"scopePlaceholder()\"\n              [ngModel]=\"scopeValue()\"\n              (ngModelChange)=\"onScopeSelectChange($event)\"\n            />\n          </div>\n\n          <div class=\"mc-page-header__scope--tag\">\n            <moz-tag type=\"interactive\" [id]=\"'mobile-scope-tag'\" (click)=\"onToggleScope()\">{{\n              mobileTagLabel()\n            }}</moz-tag>\n          </div>\n          }\n        </div>\n      </ng-content>\n    </div>\n  </div>\n\n  @if (tabs() && tabs()!.length > 0) {\n  <div class=\"mc-page-header__tabs\">\n    <moz-tabs\n      [tabs]=\"tabs()!\"\n      [(selectedIndex)]=\"activeTab\"\n      (selectedIndexChange)=\"onActiveTabChange($event)\"\n    />\n  </div>\n  }\n</div>\n", styles: [".mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 1rem}@media screen and (min-width:680px){.mc-page-header,.mc-page-header :host{--tabs-list-padding: .5rem 2.5rem}}.mc-page-header--with-shadow{box-shadow:var(--shadow-bottom-xs-x, 0px) var(--shadow-bottom-xs-y, 3px) var(--shadow-bottom-xs-blur, 5px) var(--shadow-bottom-xs-spread, -2px) rgba(0,0,0,var(--shadow-bottom-xs-opacity, 15%))}.mc-page-header__top-wrapper{padding:0 0 .75rem;display:flex;flex-direction:column-reverse;justify-content:space-between;background-color:var(--page-header-color-background, #ffffff)}@media screen and (min-width:680px){.mc-page-header__top-wrapper{padding:.25rem 2.5rem;flex-direction:row;gap:2rem}}.mc-page-header__top-content{padding:.5rem 1rem 0;display:flex;gap:.25rem;align-items:center}@media screen and (min-width:680px){.mc-page-header__top-content{padding:.5rem 0;gap:.75rem}.mc-page-header__top-content:has(.mc-button--icon-button){padding-left:0}}.mc-page-header__content-wrapper{display:flex;flex-direction:column;gap:.25rem}.mc-page-header__title-wrapper{display:flex;align-items:center;gap:.125rem}.mc-page-header__title{margin:0;font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--page-header-color-text-title, #000000)}@media screen and (min-width:680px){.mc-page-header__title{font-size:var(--font-size-100, .875rem)}}.mc-page-header__info-wrapper{display:flex;align-items:center;gap:.5rem}.mc-page-header__extra-info{font-size:var(--font-size-50, .75rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-text-extra-info, #404040)}.mc-page-header__actions-wrapper{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--divider-color-primary, #cccccc);padding-right:1rem}@media screen and (min-width:680px){.mc-page-header__actions-wrapper{align-items:start;border-bottom:none;padding-right:0}}.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:inline-flex}@media screen and (min-width:680px){.mc-page-header__actions-wrapper .mc-page-header__burger-menu{display:none}}.mc-page-header__actions-content{display:flex;align-items:center}@media screen and (min-width:680px){.mc-page-header__actions-content{gap:1rem}}.mc-page-header__features-wrapper{display:flex;align-items:center}.mc-page-header__feature-item{cursor:pointer;border:none;border-radius:var(--border-radius-m, .5rem);background:none;height:2.5rem;min-width:3.5rem;max-width:6rem;padding:.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;background-color:var(--page-header-color-feature-item-background-default, rgba(255, 255, 255, .01));color:var(--page-header-color-feature-item-text, #666666)}@media screen and (min-width:680px){.mc-page-header__feature-item{height:3rem}}.mc-page-header__feature-item:hover{background-color:var(--page-header-color-feature-item-background-hover, rgba(0, 0, 0, .05))}.mc-page-header__feature-item:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem;transition:box-shadow .2s ease}.mc-page-header__feature-item-icon{fill:currentColor}.mc-page-header__feature-item span{display:none;overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-25, .625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3)}@media screen and (min-width:680px){.mc-page-header__feature-item span{display:block}}.mc-page-header__context-switcher-wrapper{position:relative}.mc-page-header__context-switcher{cursor:pointer;height:2rem;display:flex;align-items:center;gap:.25rem;border:none;border-radius:var(--border-radius-l, 1rem);background:var(--page-header-color-context-switcher-button-background-default, rgba(70, 78, 99, .1));padding:0 .5rem 0 .75rem;font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-context-switcher-button-text, #404040);white-space:nowrap}.mc-page-header__context-switcher:hover{background-color:var(--page-header-color-context-switcher-button-background-hover, rgba(70, 78, 99, .2))}.mc-page-header__context-switcher:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem;transition:box-shadow .2s ease}.mc-page-header__context-switcher-listbox{width:18.75rem;position:absolute;top:100%;right:0;z-index:var(--page-header-context-listbox-z-index, 1000);margin-top:.25rem;opacity:1;visibility:visible}.mc-page-header__context-switcher-listbox--hidden{visibility:hidden;opacity:0}.mc-page-header__slotted-content{padding:0 1rem}@media screen and (min-width:680px){.mc-page-header__slotted-content{padding:0 2.5rem;gap:.75rem}}.mc-page-header__tabs{border-top:1px solid var(--divider-color-primary, #cccccc)}.mc-page-header__scope--tag{display:block}@media screen and (min-width:680px){.mc-page-header__scope--tag{display:none}}.mc-page-header__scope--select{display:none}@media screen and (min-width:680px){.mc-page-header__scope--select{display:block}}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }], backButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButton", required: false }] }], searchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchButton", required: false }] }], helpButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpButton", required: false }] }], notificationButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationButton", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], statusLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusLabel", required: false }] }], extraInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraInfo", required: false }] }], scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "scope", required: false }] }], scopeValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "scopeValue", required: false }] }], scopePlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "scopePlaceholder", required: false }] }], tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: false }] }], activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: false }] }, { type: i0.Output, args: ["activeTabChange"] }], back: [{ type: i0.Output, args: ["back"] }], search: [{ type: i0.Output, args: ["search"] }], help: [{ type: i0.Output, args: ["help"] }], notification: [{ type: i0.Output, args: ["notification"] }], toggleMenu: [{ type: i0.Output, args: ["toggleMenu"] }], toggleScope: [{ type: i0.Output, args: ["toggleScope"] }], scopeValueChange: [{ type: i0.Output, args: ["scopeValueChange"] }], activeTabChange: [{ type: i0.Output, args: ["activeTabChange"] }] } });
 class MozTileComponent {
@@ -4226,11 +4226,11 @@ class DrawerContainerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DrawerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DrawerContainerComponent, isStandalone: true, selector: "moz-drawer-container", host: { listeners: { "keydown.escape": "onEscape()" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!drawerRef.isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (drawerRef.back()) {\n        <moz-icon-button\n          class=\"mc-drawer__back\"\n          aria-label=\"Back\"\n          [ghost]=\"true\"\n          (activated)=\"onBackClick()\"\n          [id]=\"'drawer-back-button'\"\n        >\n          <ArrowBack24 icon />\n        </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ drawerRef.title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"drawerRef.close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (drawerRef.contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ drawerRef.contentTitle() }}\n        </h2>\n        }\n\n        <ng-template cdkPortalOutlet />\n      </div>\n    </div>\n\n    @if (footerTpl) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl\" />\n    </div>\n    }\n  </div>\n\n  @if (drawerRef.isOpen()) {\n  <div class=\"mc-overlay is-visible\" tabindex=\"-1\" (click)=\"onBackdropClick($event)\"></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:hidden}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{max-height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"], dependencies: [{ kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "component", type: ArrowBack24, selector: "ArrowBack24", inputs: ["hostClass"] }, { kind: "component", type: Cross24, selector: "Cross24", inputs: ["hostClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DrawerContainerComponent, isStandalone: true, selector: "moz-drawer-container", host: { listeners: { "keydown.escape": "onEscape()" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!drawerRef.isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (drawerRef.back()) {\n        <moz-icon-button\n          class=\"mc-drawer__back\"\n          aria-label=\"Back\"\n          [ghost]=\"true\"\n          (activated)=\"onBackClick()\"\n          [id]=\"'drawer-back-button'\"\n        >\n          <ArrowBack24 icon />\n        </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ drawerRef.title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"drawerRef.close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (drawerRef.contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ drawerRef.contentTitle() }}\n        </h2>\n        }\n\n        <ng-template cdkPortalOutlet />\n      </div>\n    </div>\n\n    @if (footerTpl) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl\" />\n    </div>\n    }\n  </div>\n\n  @if (drawerRef.isOpen()) {\n  <div class=\"mc-overlay is-visible\" tabindex=\"-1\" (click)=\"onBackdropClick($event)\"></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:scroll}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"], dependencies: [{ kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "component", type: ArrowBack24, selector: "ArrowBack24", inputs: ["hostClass"] }, { kind: "component", type: Cross24, selector: "Cross24", inputs: ["hostClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DrawerContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-drawer-container', imports: [MozIconButtonComponent, ArrowBack24, Cross24, NgTemplateOutlet, CdkPortalOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!drawerRef.isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (drawerRef.back()) {\n        <moz-icon-button\n          class=\"mc-drawer__back\"\n          aria-label=\"Back\"\n          [ghost]=\"true\"\n          (activated)=\"onBackClick()\"\n          [id]=\"'drawer-back-button'\"\n        >\n          <ArrowBack24 icon />\n        </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ drawerRef.title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"drawerRef.close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (drawerRef.contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ drawerRef.contentTitle() }}\n        </h2>\n        }\n\n        <ng-template cdkPortalOutlet />\n      </div>\n    </div>\n\n    @if (footerTpl) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl\" />\n    </div>\n    }\n  </div>\n\n  @if (drawerRef.isOpen()) {\n  <div class=\"mc-overlay is-visible\" tabindex=\"-1\" (click)=\"onBackdropClick($event)\"></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:hidden}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{max-height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"] }]
+            args: [{ selector: 'moz-drawer-container', imports: [MozIconButtonComponent, ArrowBack24, Cross24, NgTemplateOutlet, CdkPortalOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!drawerRef.isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (drawerRef.back()) {\n        <moz-icon-button\n          class=\"mc-drawer__back\"\n          aria-label=\"Back\"\n          [ghost]=\"true\"\n          (activated)=\"onBackClick()\"\n          [id]=\"'drawer-back-button'\"\n        >\n          <ArrowBack24 icon />\n        </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ drawerRef.title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"drawerRef.close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (drawerRef.contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ drawerRef.contentTitle() }}\n        </h2>\n        }\n\n        <ng-template cdkPortalOutlet />\n      </div>\n    </div>\n\n    @if (footerTpl) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl\" />\n    </div>\n    }\n  </div>\n\n  @if (drawerRef.isOpen()) {\n  <div class=\"mc-overlay is-visible\" tabindex=\"-1\" (click)=\"onBackdropClick($event)\"></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:scroll}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"] }]
         }], propDecorators: { portalOutlet: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkPortalOutlet), { isSignal: true }] }], onEscape: [{
                 type: HostListener,
                 args: ['keydown.escape']
@@ -4369,11 +4369,11 @@ class MozDrawerComponent {
         this.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozDrawerComponent, isStandalone: true, selector: "moz-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, extended: { classPropertyName: "extended", publicName: "extended", isSignal: true, isRequired: false, transformFunction: null }, back: { classPropertyName: "back", publicName: "back", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, contentTitle: { classPropertyName: "contentTitle", publicName: "contentTitle", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { updateOpen: "updateOpen", backEvent: "backEvent" }, host: { listeners: { "keydown.escape": "onEscape()" } }, queries: [{ propertyName: "footerTpl", first: true, predicate: ["footer"], isSignal: true }], ngImport: i0, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (back()) {\n      <moz-icon-button\n        class=\"mc-drawer__back\"\n        aria-label=\"Back\"\n        [ghost]=\"true\"\n        (activated)=\"backClick()\"\n        [id]=\"'drawer-back-button'\"\n      >\n        <ArrowBack24 icon />\n      </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ contentTitle() }}\n        </h2>\n        }\n\n        <ng-content />\n      </div>\n    </div>\n\n    @if (footerTpl()) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n  @if(isOpen()){\n  <div\n    class=\"mc-overlay is-visible\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    (click)=\"onBackdropClick($event)\"\n  ></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:hidden}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{max-height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"], dependencies: [{ kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "component", type: ArrowBack24, selector: "ArrowBack24", inputs: ["hostClass"] }, { kind: "component", type: Cross24, selector: "Cross24", inputs: ["hostClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozDrawerComponent, isStandalone: true, selector: "moz-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, extended: { classPropertyName: "extended", publicName: "extended", isSignal: true, isRequired: false, transformFunction: null }, back: { classPropertyName: "back", publicName: "back", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, contentTitle: { classPropertyName: "contentTitle", publicName: "contentTitle", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { updateOpen: "updateOpen", backEvent: "backEvent" }, host: { listeners: { "keydown.escape": "onEscape()" } }, queries: [{ propertyName: "footerTpl", first: true, predicate: ["footer"], isSignal: true }], ngImport: i0, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (back()) {\n      <moz-icon-button\n        class=\"mc-drawer__back\"\n        aria-label=\"Back\"\n        [ghost]=\"true\"\n        (activated)=\"backClick()\"\n        [id]=\"'drawer-back-button'\"\n      >\n        <ArrowBack24 icon />\n      </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ contentTitle() }}\n        </h2>\n        }\n\n        <ng-content />\n      </div>\n    </div>\n\n    @if (footerTpl()) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n  @if(isOpen()){\n  <div\n    class=\"mc-overlay is-visible\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    (click)=\"onBackdropClick($event)\"\n  ></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:scroll}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"], dependencies: [{ kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"], outputs: ["activated"] }, { kind: "component", type: ArrowBack24, selector: "ArrowBack24", inputs: ["hostClass"] }, { kind: "component", type: Cross24, selector: "Cross24", inputs: ["hostClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozDrawerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-drawer', imports: [MozIconButtonComponent, ArrowBack24, Cross24, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (back()) {\n      <moz-icon-button\n        class=\"mc-drawer__back\"\n        aria-label=\"Back\"\n        [ghost]=\"true\"\n        (activated)=\"backClick()\"\n        [id]=\"'drawer-back-button'\"\n      >\n        <ArrowBack24 icon />\n      </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ contentTitle() }}\n        </h2>\n        }\n\n        <ng-content />\n      </div>\n    </div>\n\n    @if (footerTpl()) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n  @if(isOpen()){\n  <div\n    class=\"mc-overlay is-visible\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    (click)=\"onBackdropClick($event)\"\n  ></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:hidden}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{max-height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"] }]
+            args: [{ selector: 'moz-drawer', imports: [MozIconButtonComponent, ArrowBack24, Cross24, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  (click)=\"$event.stopPropagation()\"\n  (keydown)=\"noop()\"\n  [class]=\"classes()\"\n  role=\"dialog\"\n  aria-labelledby=\"drawerTitle\"\n  [attr.aria-modal]=\"ariaModal()\"\n  tabindex=\"-1\"\n  [attr.aria-hidden]=\"!isOpen()\"\n>\n  <div [class]=\"dialogClasses()\" role=\"document\">\n    <div class=\"mc-drawer__header\">\n      @if (back()) {\n      <moz-icon-button\n        class=\"mc-drawer__back\"\n        aria-label=\"Back\"\n        [ghost]=\"true\"\n        (activated)=\"backClick()\"\n        [id]=\"'drawer-back-button'\"\n      >\n        <ArrowBack24 icon />\n      </moz-icon-button>\n      }\n\n      <h2 class=\"mc-drawer__title\" id=\"drawerTitle\">{{ title() }}</h2>\n\n      <moz-icon-button\n        class=\"mc-drawer__close\"\n        aria-label=\"Close\"\n        [ghost]=\"true\"\n        (activated)=\"close()\"\n        [id]=\"'drawer-close-button'\"\n      >\n        <Cross24 icon />\n      </moz-icon-button>\n    </div>\n\n    <div class=\"mc-drawer__body\">\n      <div class=\"mc-drawer__content\" tabindex=\"0\">\n        @if (contentTitle()) {\n        <h2 class=\"mc-drawer__content__title\">\n          {{ contentTitle() }}\n        </h2>\n        }\n\n        <ng-content />\n      </div>\n    </div>\n\n    @if (footerTpl()) {\n    <div class=\"mc-drawer__footer\">\n      <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n    </div>\n    }\n  </div>\n  @if(isOpen()){\n  <div\n    class=\"mc-overlay is-visible\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    (click)=\"onBackdropClick($event)\"\n  ></div>\n  }\n</section>\n", styles: [".mc-drawer{box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5)}@media(width>=680px){.mc-drawer{padding:1rem}}.mc-drawer--left{justify-content:flex-start}.mc-drawer--left .mc-drawer__dialog{transform:translate3d(-100%,0,0)}@media(width>=680px){.mc-drawer--extend .mc-drawer__dialog{max-width:39rem}}.mc-drawer__dialog{background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%,0,0);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem)}@media(width>=680px){.mc-drawer__dialog{max-width:25rem}}.mc-drawer__header{display:flex;align-items:center;justify-content:center;height:4rem}.mc-drawer__icon{height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-drawer__title{font-size:var(--font-body-s, .875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1}.mc-drawer__title:first-child{padding-left:4rem}.mc-drawer__back,.mc-drawer__close{margin:.5rem}.mc-drawer__body{flex:1 1;overflow:scroll}.mc-drawer__body:last-child{margin-bottom:1.5rem;padding-bottom:1.5rem}.mc-drawer__content{height:100%;overflow:hidden auto;padding:.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000)}@media(width>=680px){.mc-drawer__content{padding:.5rem 1.5rem 0}}.mc-drawer__content__title{font-size:var(--font-title-m, 1.5rem);margin:0 0 .5rem}.mc-drawer__footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, .0625rem) solid var(--divider-color-primary, #cccccc)}@media(width>=680px){.mc-drawer__footer{justify-content:center;flex-direction:row}}.mc-drawer-open{overflow:hidden}.mc-drawer.is-open .mc-drawer__dialog{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-overlay{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:var(--overlay-color-background, rgba(0, 0, 0, .5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:var(--overlay-z-index, 4)}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{align-items:center;display:flex;justify-content:center}.mc-drawer{z-index:1000}\n"] }]
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], extended: [{ type: i0.Input, args: [{ isSignal: true, alias: "extended", required: false }] }], back: [{ type: i0.Input, args: [{ isSignal: true, alias: "back", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], contentTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTitle", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], updateOpen: [{ type: i0.Output, args: ["updateOpen"] }], backEvent: [{ type: i0.Output, args: ["backEvent"] }], footerTpl: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }], onEscape: [{
                 type: HostListener,
                 args: ['keydown.escape']
@@ -5668,7 +5668,7 @@ class MozComboboxComponent {
                 useExisting: forwardRef(() => MozComboboxComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerBtn"], descendants: true, isSignal: true }, { propertyName: "viewportEl", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- ====================================================================== -->\n<!-- TRIGGER                                                                -->\n<!-- ====================================================================== -->\n<div [class]=\"wrapperClasses()\">\n  <div class=\"mc-combobox__input\">\n    <button\n      #triggerBtn\n      [id]=\"comboboxId + '-trigger'\"\n      type=\"button\"\n      class=\"mc-combobox__control\"\n      role=\"combobox\"\n      cdkOverlayOrigin\n      #overlayOrigin=\"cdkOverlayOrigin\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-haspopup]=\"'listbox'\"\n      [attr.aria-controls]=\"listboxId\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      (click)=\"toggle()\"\n      (keydown)=\"onTriggerKeydown($event)\"\n    >\n      @if (displayValue()) {\n      <span class=\"mc-combobox__value\">{{ displayValue() }}</span>\n      } @else {\n      <span class=\"mc-combobox__placeholder\">{{ placeholder() }}</span>\n      }\n    </button>\n\n    <!-- Counter (compact + multiple) -->\n    @if (multiple() && compact() && selectedCount() > 0) {\n    <span [id]=\"comboboxId + '-counter'\" class=\"mc-combobox__counter\" aria-live=\"polite\">\n      {{ selectedCount() }} {{ selectedSuffix() }}\n    </span>\n    }\n\n    <!-- Clear button -->\n    @if (showClear()) {\n    <button\n      [id]=\"comboboxId + '-clear'\"\n      type=\"button\"\n      class=\"mc-combobox__clear\"\n      [attr.aria-label]=\"clearAriaLabel()\"\n      (click)=\"onClear($event)\"\n    >\n      <CrossCircleFilled24 />\n    </button>\n    }\n\n    <!-- Trigger loader -->\n    @if (loading()) {\n    <moz-loader\n      [id]=\"comboboxId + '-trigger-loader'\"\n      size=\"s\"\n      [appearance]=\"'accent'\"\n      class=\"mc-combobox__loader\"\n    />\n    }\n\n    <!-- Chevron -->\n    <button\n      [id]=\"comboboxId + '-chevron'\"\n      type=\"button\"\n      class=\"mc-combobox__icon\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      (click)=\"toggle()\"\n    >\n      <ChevronDown24 />\n    </button>\n  </div>\n</div>\n\n<!-- ====================================================================== -->\n<!-- OVERLAY / DROPDOWN                                                     -->\n<!-- ====================================================================== -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayWidth]=\"triggerWidth()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"mc-combobox-backdrop\"\n  (backdropClick)=\"onOverlayOutsideClick()\"\n  (attach)=\"onOverlayAttached()\"\n>\n  <div\n    [id]=\"comboboxId + '-panel'\"\n    class=\"mc-option-listbox mc-listbox__content mc-combobox__listbox\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <!-- Search -->\n    @if (searchable()) {\n    <div [id]=\"comboboxId + '-search'\" class=\"mc-option-listbox__search\">\n      <Search24 icon />\n      <input\n        #searchInput\n        [id]=\"comboboxId + '-search-input'\"\n        moz-text-input\n        type=\"text\"\n        [placeholder]=\"searchPlaceholder()\"\n        autocomplete=\"off\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"listboxId\"\n        [value]=\"searchQuery()\"\n        (input)=\"onSearchInput($event)\"\n        (keydown)=\"onSearchKeydown($event)\"\n        [size]=\"'s'\"\n      />\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Actions (multiple only) -->\n    @if (showActions() && multiple()) {\n    <div [id]=\"comboboxId + '-actions'\" class=\"mc-option-listbox__actions\">\n      <button\n        [id]=\"comboboxId + '-select-all'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        [appearance]=\"'accent'\"\n        (click)=\"selectAll()\"\n      >\n        {{ selectAllText() }}\n      </button>\n      <button\n        [id]=\"comboboxId + '-clear-selection'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        (click)=\"clearSelection()\"\n      >\n        {{ clearText() }}\n      </button>\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Listbox with virtual scroll -->\n    <div\n      #listbox\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      class=\"mc-option-listbox__list mc-combobox__virtual-host\"\n      [attr.aria-multiselectable]=\"multiple() || null\"\n      [attr.aria-label]=\"ariaLabel() ?? 'Options'\"\n      [attr.aria-busy]=\"loading() || null\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      tabindex=\"-1\"\n    >\n      @if (loading()) {\n      <div [id]=\"comboboxId + '-loading'\" class=\"mc-combobox__loading\" role=\"status\">\n        <moz-loader size=\"s\" [appearance]=\"'accent'\" [text]=\"loadingText()\" />\n      </div>\n      } @else if (filteredItems().length === 0 && showNoResultText() && searchQuery().length > 0) {\n      <div\n        [id]=\"comboboxId + '-empty'\"\n        class=\"mc-option-listbox__empty\"\n        role=\"presentation\"\n        aria-live=\"polite\"\n      >\n        {{ noResultsText() }}\n      </div>\n      } @else {\n      <cdk-virtual-scroll-viewport\n        #viewport\n        [id]=\"comboboxId + '-viewport'\"\n        [itemSize]=\"itemSizePx\"\n        [minBufferPx]=\"minBufferPx\"\n        [maxBufferPx]=\"maxBufferPx\"\n        [style.height.px]=\"viewportHeight()\"\n        class=\"mc-combobox__viewport\"\n        (scroll)=\"onViewportScroll(viewport)\"\n      >\n        <ng-container\n          *cdkVirtualFor=\"let item of filteredItems(); let i = index; trackBy: trackByFlatItem\"\n        >\n          <!-- Section header -->\n          @if (isFlatSection(item)) {\n          <div\n            [id]=\"comboboxId + '-section-' + i\"\n            class=\"mc-option-listbox__item mc-option-listbox__item--section\"\n            [class.mc-option-listbox__item--selectable]=\"\n              item.checkable && multiple() && !item.disabled\n            \"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"\n              item.checkable &&\n              multiple() &&\n              (isSectionFullySelected(item.title) || isSectionPartiallySelected(item.title))\n            \"\n            role=\"presentation\"\n            (click)=\"\n              item.checkable && multiple() && !item.disabled ? toggleSection(item.title) : null\n            \"\n          >\n            <div class=\"mc-option-listbox__label\">\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__section-title\">{{ item.title }}</span>\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n              @if (item.checkable && multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-section-cb-' + i\"\n                [ngModel]=\"isSectionFullySelected(item.title)\"\n                [indeterminate]=\"isSectionPartiallySelected(item.title)\"\n                [disabled]=\"!!item.disabled\"\n              />\n              }\n            </div>\n          </div>\n          }\n\n          <!-- Option -->\n          @if (isFlatOption(item)) {\n          <div\n            role=\"option\"\n            [id]=\"comboboxId + '-opt-' + i\"\n            [attr.aria-selected]=\"isOptionSelected($any(item.value))\"\n            [attr.aria-disabled]=\"item.disabled || null\"\n            class=\"mc-option-listbox__item\"\n            [class.mc-option-listbox__item--selectable]=\"!item.disabled\"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"isOptionSelected($any(item.value))\"\n            [class.mc-option-listbox__item--active]=\"focusedIndex() === i\"\n            (click)=\"!item.disabled && selectOption($any(item.value))\"\n            (mouseenter)=\"focusedIndex.set(i)\"\n          >\n            <div class=\"mc-option-listbox__label\">\n              @if (item.icon) {\n              <div class=\"mc-option-listbox__prepend\">\n                <span class=\"mc-option-listbox__icon\">{{ item.icon }}</span>\n              </div>\n              }\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__text\">{{ item.label }}</span>\n                @if (item.content) {\n                <span class=\"mc-option-listbox__additional\">{{ item.content }}</span>\n                }\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n\n              <!-- Selection indicator -->\n              @if (multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-cb-' + i\"\n                [ngModel]=\"isOptionSelected($any(item.value))\"\n                [disabled]=\"!!item.disabled\"\n              />\n              } @else {\n              <CheckCircle24 class=\"mc-option-listbox__selection-icon\" />\n              }\n            </div>\n          </div>\n          }\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".mc-combobox{position:relative;width:100%}.mc-combobox__input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-combobox__input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-combobox__input:has(.mc-combobox__control:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox__input .mc-combobox__control{text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-combobox__input .mc-combobox__control:focus-within{outline:none}.mc-combobox__icon{border:none;display:flex;align-items:center;cursor:pointer;padding-right:.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor}.mc-combobox__clear{padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor}.mc-combobox__counter{height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 .5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff)}.mc-combobox__listbox{position:absolute;left:0;top:calc(100% + .25rem);visibility:hidden;opacity:0;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all}.mc-combobox--open .mc-combobox__listbox{visibility:visible;opacity:1}.mc-combobox--s .mc-combobox__control{height:2rem;font-size:var(--font-size-100, .875rem);padding-left:.5rem}.mc-combobox--s .mc-combobox__icon{padding-right:.5rem}.mc-combobox--s .mc-combobox__clear{width:1.25rem;height:1.25rem}.mc-combobox--invalid .mc-combobox__input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-combobox--invalid .mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-combobox--disabled .mc-combobox__input{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox--disabled .mc-combobox__control{color:var(--forms-color-text-disabled, #737373)}.mc-combobox--disabled .mc-combobox__icon{color:var(--forms-color-icon-disabled, #737373)}.mc-combobox--readonly .mc-combobox__input{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-option-listbox__list{overflow:auto;display:flex;flex-direction:column;gap:.125rem;margin:0;padding:.5rem;max-height:18.75rem}.mc-option-listbox__item{display:block;border-radius:var(--border-radius-s, .25rem)}.mc-option-listbox__item--disabled{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__label{pointer-events:none;color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__additional{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-disabled, #d9d9d9)}.mc-option-listbox__item--readonly .mc-option-listbox__label{pointer-events:none}.mc-option-listbox__item--selected:not(.mc-option-listbox__item--section){background-color:var(--option-listbox-color-background-checked, #ebf5de)}.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{opacity:1;color:var(--option-listbox-color-selection-indicator-default, #117f03);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-checked, #117f03);color:var(--forms-color-icon-inverse, #ffffff);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox svg{display:block}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected{background-color:var(--option-listbox-color-background-checked-read-only, #eff1f6)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:2px solid var(--forms-color-border-read-only, #cccccc);background-color:var(--forms-color-background-default, #ffffff);color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--selectable{cursor:pointer}.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled):hover,.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled).mc-option-listbox__item--active{background-color:var(--option-listbox-color-background-hover, rgba(0, 0, 0, .05))}.mc-option-listbox__content{display:flex;flex-direction:column;gap:.125rem}.mc-option-listbox__additional{font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);color:var(--option-listbox-color-text-information, #666666)}.mc-option-listbox__label{display:flex;align-items:center;gap:.5rem;height:3rem;padding:.5rem;border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);box-sizing:border-box}.mc-option-listbox__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border:.125rem solid var(--forms-color-border-default, #666666);border-radius:.25rem;box-sizing:border-box}.mc-option-listbox__checkbox svg{display:none}.mc-option-listbox__spacer{flex-grow:1}.mc-option-listbox__selection-icon{opacity:0}.mc-option-listbox__section-title{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;color:var(--option-listbox-color-text-section-title, #666666)}.mc-option-listbox__search{margin:.5rem;width:unset}.mc-option-listbox__separator{display:block;height:1px;border:0;border-top:1px solid var(--color-border-primary, #cccccc);margin:0;padding:0}.mc-option-listbox__actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.mc-combobox__virtual-host{overflow:hidden;max-height:none;padding:0}.mc-combobox__viewport,.mc-combobox__viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mc-combobox__loader{display:flex;align-items:center;padding-inline:4px}.mc-combobox__loading,.mc-option-listbox__empty{display:flex;align-items:center;justify-content:center;padding:24px 16px}\n"], dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: MozLoaderComponent, selector: "moz-loader", inputs: ["appearance", "size", "text"] }, { kind: "component", type: MozButtonComponent, selector: "button[moz-button]", inputs: ["appearance", "size", "disabled", "ghost", "outlined", "iconPosition", "type", "isLoading"] }, { kind: "component", type: CrossCircleFilled24, selector: "CrossCircleFilled24", inputs: ["hostClass"] }, { kind: "component", type: ChevronDown24, selector: "ChevronDown24", inputs: ["hostClass"] }, { kind: "component", type: Search24, selector: "Search24", inputs: ["hostClass"] }, { kind: "component", type: MozTextInput, selector: "input[moz-text-input]", inputs: ["isInvalid", "disabled", "readonly", "size", "clearable", "clearLabel", "prefix", "suffix"] }, { kind: "component", type: MozCheckboxComponent, selector: "moz-checkbox", inputs: ["id", "name", "label", "indeterminate", "isInvalid", "disabled", "indented"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckCircle24, selector: "CheckCircle24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerBtn"], descendants: true, isSignal: true }, { propertyName: "viewportEl", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- ====================================================================== -->\n<!-- TRIGGER                                                                -->\n<!-- ====================================================================== -->\n<div [class]=\"wrapperClasses()\">\n  <div class=\"mc-combobox__input\">\n    <button\n      #triggerBtn\n      [id]=\"comboboxId + '-trigger'\"\n      type=\"button\"\n      class=\"mc-combobox__control\"\n      role=\"combobox\"\n      cdkOverlayOrigin\n      #overlayOrigin=\"cdkOverlayOrigin\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-haspopup]=\"'listbox'\"\n      [attr.aria-controls]=\"listboxId\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      (click)=\"toggle()\"\n      (keydown)=\"onTriggerKeydown($event)\"\n    >\n      @if (displayValue()) {\n      <span class=\"mc-combobox__value\">{{ displayValue() }}</span>\n      } @else {\n      <span class=\"mc-combobox__placeholder\">{{ placeholder() }}</span>\n      }\n    </button>\n\n    <!-- Counter (compact + multiple) -->\n    @if (multiple() && compact() && selectedCount() > 0) {\n    <span [id]=\"comboboxId + '-counter'\" class=\"mc-combobox__counter\" aria-live=\"polite\">\n      {{ selectedCount() }} {{ selectedSuffix() }}\n    </span>\n    }\n\n    <!-- Clear button -->\n    @if (showClear()) {\n    <button\n      [id]=\"comboboxId + '-clear'\"\n      type=\"button\"\n      class=\"mc-combobox__clear\"\n      [attr.aria-label]=\"clearAriaLabel()\"\n      (click)=\"onClear($event)\"\n    >\n      <CrossCircleFilled24 />\n    </button>\n    }\n\n    <!-- Trigger loader -->\n    @if (loading()) {\n    <moz-loader\n      [id]=\"comboboxId + '-trigger-loader'\"\n      size=\"s\"\n      [appearance]=\"'accent'\"\n      class=\"mc-combobox__loader\"\n    />\n    }\n\n    <!-- Chevron -->\n    <button\n      [id]=\"comboboxId + '-chevron'\"\n      type=\"button\"\n      class=\"mc-combobox__icon\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      (click)=\"toggle()\"\n    >\n      <ChevronDown24 />\n    </button>\n  </div>\n</div>\n\n<!-- ====================================================================== -->\n<!-- OVERLAY / DROPDOWN                                                     -->\n<!-- ====================================================================== -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayWidth]=\"triggerWidth()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"mc-combobox-backdrop\"\n  (backdropClick)=\"onOverlayOutsideClick()\"\n  (attach)=\"onOverlayAttached()\"\n>\n  <div\n    [id]=\"comboboxId + '-panel'\"\n    class=\"mc-option-listbox mc-listbox__content mc-combobox__listbox\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <!-- Search -->\n    @if (searchable()) {\n    <div [id]=\"comboboxId + '-search'\" class=\"mc-option-listbox__search\">\n      <Search24 icon />\n      <input\n        #searchInput\n        [id]=\"comboboxId + '-search-input'\"\n        moz-text-input\n        type=\"text\"\n        [placeholder]=\"searchPlaceholder()\"\n        autocomplete=\"off\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"listboxId\"\n        [value]=\"searchQuery()\"\n        (input)=\"onSearchInput($event)\"\n        (keydown)=\"onSearchKeydown($event)\"\n        [size]=\"'s'\"\n      />\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Actions (multiple only) -->\n    @if (showActions() && multiple()) {\n    <div [id]=\"comboboxId + '-actions'\" class=\"mc-option-listbox__actions\">\n      <button\n        [id]=\"comboboxId + '-select-all'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        [appearance]=\"'accent'\"\n        (click)=\"selectAll()\"\n      >\n        {{ selectAllText() }}\n      </button>\n      <button\n        [id]=\"comboboxId + '-clear-selection'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        (click)=\"clearSelection()\"\n      >\n        {{ clearText() }}\n      </button>\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Listbox with virtual scroll -->\n    <div\n      #listbox\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      class=\"mc-option-listbox__list mc-combobox__virtual-host\"\n      [attr.aria-multiselectable]=\"multiple() || null\"\n      [attr.aria-label]=\"ariaLabel() ?? 'Options'\"\n      [attr.aria-busy]=\"loading() || null\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      tabindex=\"-1\"\n    >\n      @if (loading()) {\n      <div [id]=\"comboboxId + '-loading'\" class=\"mc-combobox__loading\" role=\"status\">\n        <moz-loader size=\"s\" [appearance]=\"'accent'\" [text]=\"loadingText()\" />\n      </div>\n      } @else if (filteredItems().length === 0 && showNoResultText() && searchQuery().length > 0) {\n      <div\n        [id]=\"comboboxId + '-empty'\"\n        class=\"mc-option-listbox__empty\"\n        role=\"presentation\"\n        aria-live=\"polite\"\n      >\n        {{ noResultsText() }}\n      </div>\n      } @else {\n      <cdk-virtual-scroll-viewport\n        #viewport\n        [id]=\"comboboxId + '-viewport'\"\n        [itemSize]=\"itemSizePx\"\n        [minBufferPx]=\"minBufferPx\"\n        [maxBufferPx]=\"maxBufferPx\"\n        [style.height.px]=\"viewportHeight()\"\n        class=\"mc-combobox__viewport\"\n        (scroll)=\"onViewportScroll(viewport)\"\n      >\n        <ng-container\n          *cdkVirtualFor=\"let item of filteredItems(); let i = index; trackBy: trackByFlatItem\"\n        >\n          <!-- Section header -->\n          @if (isFlatSection(item)) {\n          <div\n            [id]=\"comboboxId + '-section-' + i\"\n            class=\"mc-option-listbox__item mc-option-listbox__item--section\"\n            [class.mc-option-listbox__item--selectable]=\"\n              item.checkable && multiple() && !item.disabled\n            \"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"\n              item.checkable &&\n              multiple() &&\n              (isSectionFullySelected(item.title) || isSectionPartiallySelected(item.title))\n            \"\n            role=\"presentation\"\n            (click)=\"\n              item.checkable && multiple() && !item.disabled ? toggleSection(item.title) : null\n            \"\n          >\n            <div class=\"mc-option-listbox__label\">\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__section-title\">{{ item.title }}</span>\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n              @if (item.checkable && multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-section-cb-' + i\"\n                [ngModel]=\"isSectionFullySelected(item.title)\"\n                [indeterminate]=\"isSectionPartiallySelected(item.title)\"\n                [disabled]=\"!!item.disabled\"\n              />\n              }\n            </div>\n          </div>\n          }\n\n          <!-- Option -->\n          @if (isFlatOption(item)) {\n          <div\n            role=\"option\"\n            [id]=\"comboboxId + '-opt-' + i\"\n            [attr.aria-selected]=\"isOptionSelected($any(item.value))\"\n            [attr.aria-disabled]=\"item.disabled || null\"\n            class=\"mc-option-listbox__item\"\n            [class.mc-option-listbox__item--selectable]=\"!item.disabled\"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"isOptionSelected($any(item.value))\"\n            [class.mc-option-listbox__item--active]=\"focusedIndex() === i\"\n            (click)=\"!item.disabled && selectOption($any(item.value))\"\n            (mouseenter)=\"focusedIndex.set(i)\"\n          >\n            <div class=\"mc-option-listbox__label\">\n              @if (item.icon) {\n              <div class=\"mc-option-listbox__prepend\">\n                <span class=\"mc-option-listbox__icon\">{{ item.icon }}</span>\n              </div>\n              }\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__text\">{{ item.label }}</span>\n                @if (item.content) {\n                <span class=\"mc-option-listbox__additional\">{{ item.content }}</span>\n                }\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n\n              <!-- Selection indicator -->\n              @if (multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-cb-' + i\"\n                [ngModel]=\"isOptionSelected($any(item.value))\"\n                [disabled]=\"!!item.disabled\"\n              />\n              } @else {\n              <CheckCircle24 class=\"mc-option-listbox__selection-icon\" />\n              }\n            </div>\n          </div>\n          }\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".mc-combobox{position:relative;width:100%}.mc-combobox__input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-combobox__input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-combobox__input:has(.mc-combobox__control:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox__input .mc-combobox__control{text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-combobox__input .mc-combobox__control:focus-within{outline:none}.mc-combobox__icon{border:none;display:flex;align-items:center;cursor:pointer;padding-right:.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor}.mc-combobox__clear{padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor}.mc-combobox__counter{height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 .5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff)}.mc-combobox__listbox{width:100%;position:absolute;left:0;top:calc(100% + .25rem);visibility:hidden;opacity:0;z-index:var(--combobox-listbox-z-index, 10)}.mc-combobox--open .mc-combobox__listbox{visibility:visible;opacity:1}.mc-combobox--s .mc-combobox__control{height:2rem;font-size:var(--font-size-100, .875rem);padding-left:.5rem}.mc-combobox--s .mc-combobox__icon{padding-right:.5rem}.mc-combobox--s .mc-combobox__clear{width:1.25rem;height:1.25rem}.mc-combobox--invalid .mc-combobox__input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-combobox--invalid .mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-combobox--disabled .mc-combobox__input{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox--disabled .mc-combobox__control{color:var(--forms-color-text-disabled, #737373)}.mc-combobox--disabled .mc-combobox__icon{color:var(--forms-color-icon-disabled, #737373)}.mc-combobox--readonly .mc-combobox__input{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-option-listbox{width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem)}@media(width>=680px){.mc-option-listbox{min-width:18.75rem}}.mc-option-listbox__list{overflow:auto;display:flex;flex-direction:column;gap:.125rem;margin:0;padding:.5rem;max-height:18.75rem}.mc-option-listbox__item{display:block;border-radius:var(--border-radius-s, .25rem)}.mc-option-listbox__item--disabled{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__label{pointer-events:none;color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__additional{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-disabled, #d9d9d9)}.mc-option-listbox__item--readonly .mc-option-listbox__label{pointer-events:none}.mc-option-listbox__item--selected:not(.mc-option-listbox__item--section){background-color:var(--option-listbox-color-background-checked, #ebf5de)}.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{opacity:1;color:var(--option-listbox-color-selection-indicator-default, #117f03);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-checked, #117f03);color:var(--forms-color-icon-inverse, #ffffff);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox svg{display:block}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected{background-color:var(--option-listbox-color-background-checked-read-only, #eff1f6)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:2px solid var(--forms-color-border-read-only, #cccccc);background-color:var(--forms-color-background-default, #ffffff);color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--selectable{cursor:pointer}.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled):hover,.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled).mc-option-listbox__item--active{background-color:var(--option-listbox-color-background-hover, rgba(0, 0, 0, .05))}.mc-option-listbox__content{display:flex;flex-direction:column;gap:.125rem}.mc-option-listbox__additional{font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);color:var(--option-listbox-color-text-information, #666666)}.mc-option-listbox__label{display:flex;align-items:center;gap:.5rem;height:3rem;padding:.5rem;border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);box-sizing:border-box}.mc-option-listbox__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border:.125rem solid var(--forms-color-border-default, #666666);border-radius:.25rem;box-sizing:border-box}.mc-option-listbox__checkbox svg{display:none}.mc-option-listbox__spacer{flex-grow:1}.mc-option-listbox__selection-icon{opacity:0}.mc-option-listbox__section-title{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;color:var(--option-listbox-color-text-section-title, #666666)}.mc-option-listbox__search{margin:.5rem;width:unset}.mc-option-listbox__separator{display:block;height:1px;border:0;border-top:1px solid var(--color-border-primary, #cccccc);margin:0;padding:0}.mc-option-listbox__actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.mc-combobox__virtual-host{overflow:hidden;max-height:none;padding:0}.mc-combobox__viewport,.mc-combobox__viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mc-combobox__loader{display:flex;align-items:center;padding-inline:4px}.mc-combobox__loading,.mc-option-listbox__empty{display:flex;align-items:center;justify-content:center;padding:24px 16px}\n"], dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: MozLoaderComponent, selector: "moz-loader", inputs: ["appearance", "size", "text"] }, { kind: "component", type: MozButtonComponent, selector: "button[moz-button]", inputs: ["appearance", "size", "disabled", "ghost", "outlined", "iconPosition", "type", "isLoading"] }, { kind: "component", type: CrossCircleFilled24, selector: "CrossCircleFilled24", inputs: ["hostClass"] }, { kind: "component", type: ChevronDown24, selector: "ChevronDown24", inputs: ["hostClass"] }, { kind: "component", type: Search24, selector: "Search24", inputs: ["hostClass"] }, { kind: "component", type: MozTextInput, selector: "input[moz-text-input]", inputs: ["isInvalid", "disabled", "readonly", "size", "clearable", "clearLabel", "prefix", "suffix"] }, { kind: "component", type: MozCheckboxComponent, selector: "moz-checkbox", inputs: ["id", "name", "label", "indeterminate", "isInvalid", "disabled", "indented"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckCircle24, selector: "CheckCircle24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozComboboxComponent, decorators: [{
             type: Component,
@@ -5691,7 +5691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                             useExisting: forwardRef(() => MozComboboxComponent),
                             multi: true,
                         },
-                    ], template: "<!-- ====================================================================== -->\n<!-- TRIGGER                                                                -->\n<!-- ====================================================================== -->\n<div [class]=\"wrapperClasses()\">\n  <div class=\"mc-combobox__input\">\n    <button\n      #triggerBtn\n      [id]=\"comboboxId + '-trigger'\"\n      type=\"button\"\n      class=\"mc-combobox__control\"\n      role=\"combobox\"\n      cdkOverlayOrigin\n      #overlayOrigin=\"cdkOverlayOrigin\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-haspopup]=\"'listbox'\"\n      [attr.aria-controls]=\"listboxId\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      (click)=\"toggle()\"\n      (keydown)=\"onTriggerKeydown($event)\"\n    >\n      @if (displayValue()) {\n      <span class=\"mc-combobox__value\">{{ displayValue() }}</span>\n      } @else {\n      <span class=\"mc-combobox__placeholder\">{{ placeholder() }}</span>\n      }\n    </button>\n\n    <!-- Counter (compact + multiple) -->\n    @if (multiple() && compact() && selectedCount() > 0) {\n    <span [id]=\"comboboxId + '-counter'\" class=\"mc-combobox__counter\" aria-live=\"polite\">\n      {{ selectedCount() }} {{ selectedSuffix() }}\n    </span>\n    }\n\n    <!-- Clear button -->\n    @if (showClear()) {\n    <button\n      [id]=\"comboboxId + '-clear'\"\n      type=\"button\"\n      class=\"mc-combobox__clear\"\n      [attr.aria-label]=\"clearAriaLabel()\"\n      (click)=\"onClear($event)\"\n    >\n      <CrossCircleFilled24 />\n    </button>\n    }\n\n    <!-- Trigger loader -->\n    @if (loading()) {\n    <moz-loader\n      [id]=\"comboboxId + '-trigger-loader'\"\n      size=\"s\"\n      [appearance]=\"'accent'\"\n      class=\"mc-combobox__loader\"\n    />\n    }\n\n    <!-- Chevron -->\n    <button\n      [id]=\"comboboxId + '-chevron'\"\n      type=\"button\"\n      class=\"mc-combobox__icon\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      (click)=\"toggle()\"\n    >\n      <ChevronDown24 />\n    </button>\n  </div>\n</div>\n\n<!-- ====================================================================== -->\n<!-- OVERLAY / DROPDOWN                                                     -->\n<!-- ====================================================================== -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayWidth]=\"triggerWidth()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"mc-combobox-backdrop\"\n  (backdropClick)=\"onOverlayOutsideClick()\"\n  (attach)=\"onOverlayAttached()\"\n>\n  <div\n    [id]=\"comboboxId + '-panel'\"\n    class=\"mc-option-listbox mc-listbox__content mc-combobox__listbox\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <!-- Search -->\n    @if (searchable()) {\n    <div [id]=\"comboboxId + '-search'\" class=\"mc-option-listbox__search\">\n      <Search24 icon />\n      <input\n        #searchInput\n        [id]=\"comboboxId + '-search-input'\"\n        moz-text-input\n        type=\"text\"\n        [placeholder]=\"searchPlaceholder()\"\n        autocomplete=\"off\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"listboxId\"\n        [value]=\"searchQuery()\"\n        (input)=\"onSearchInput($event)\"\n        (keydown)=\"onSearchKeydown($event)\"\n        [size]=\"'s'\"\n      />\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Actions (multiple only) -->\n    @if (showActions() && multiple()) {\n    <div [id]=\"comboboxId + '-actions'\" class=\"mc-option-listbox__actions\">\n      <button\n        [id]=\"comboboxId + '-select-all'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        [appearance]=\"'accent'\"\n        (click)=\"selectAll()\"\n      >\n        {{ selectAllText() }}\n      </button>\n      <button\n        [id]=\"comboboxId + '-clear-selection'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        (click)=\"clearSelection()\"\n      >\n        {{ clearText() }}\n      </button>\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Listbox with virtual scroll -->\n    <div\n      #listbox\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      class=\"mc-option-listbox__list mc-combobox__virtual-host\"\n      [attr.aria-multiselectable]=\"multiple() || null\"\n      [attr.aria-label]=\"ariaLabel() ?? 'Options'\"\n      [attr.aria-busy]=\"loading() || null\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      tabindex=\"-1\"\n    >\n      @if (loading()) {\n      <div [id]=\"comboboxId + '-loading'\" class=\"mc-combobox__loading\" role=\"status\">\n        <moz-loader size=\"s\" [appearance]=\"'accent'\" [text]=\"loadingText()\" />\n      </div>\n      } @else if (filteredItems().length === 0 && showNoResultText() && searchQuery().length > 0) {\n      <div\n        [id]=\"comboboxId + '-empty'\"\n        class=\"mc-option-listbox__empty\"\n        role=\"presentation\"\n        aria-live=\"polite\"\n      >\n        {{ noResultsText() }}\n      </div>\n      } @else {\n      <cdk-virtual-scroll-viewport\n        #viewport\n        [id]=\"comboboxId + '-viewport'\"\n        [itemSize]=\"itemSizePx\"\n        [minBufferPx]=\"minBufferPx\"\n        [maxBufferPx]=\"maxBufferPx\"\n        [style.height.px]=\"viewportHeight()\"\n        class=\"mc-combobox__viewport\"\n        (scroll)=\"onViewportScroll(viewport)\"\n      >\n        <ng-container\n          *cdkVirtualFor=\"let item of filteredItems(); let i = index; trackBy: trackByFlatItem\"\n        >\n          <!-- Section header -->\n          @if (isFlatSection(item)) {\n          <div\n            [id]=\"comboboxId + '-section-' + i\"\n            class=\"mc-option-listbox__item mc-option-listbox__item--section\"\n            [class.mc-option-listbox__item--selectable]=\"\n              item.checkable && multiple() && !item.disabled\n            \"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"\n              item.checkable &&\n              multiple() &&\n              (isSectionFullySelected(item.title) || isSectionPartiallySelected(item.title))\n            \"\n            role=\"presentation\"\n            (click)=\"\n              item.checkable && multiple() && !item.disabled ? toggleSection(item.title) : null\n            \"\n          >\n            <div class=\"mc-option-listbox__label\">\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__section-title\">{{ item.title }}</span>\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n              @if (item.checkable && multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-section-cb-' + i\"\n                [ngModel]=\"isSectionFullySelected(item.title)\"\n                [indeterminate]=\"isSectionPartiallySelected(item.title)\"\n                [disabled]=\"!!item.disabled\"\n              />\n              }\n            </div>\n          </div>\n          }\n\n          <!-- Option -->\n          @if (isFlatOption(item)) {\n          <div\n            role=\"option\"\n            [id]=\"comboboxId + '-opt-' + i\"\n            [attr.aria-selected]=\"isOptionSelected($any(item.value))\"\n            [attr.aria-disabled]=\"item.disabled || null\"\n            class=\"mc-option-listbox__item\"\n            [class.mc-option-listbox__item--selectable]=\"!item.disabled\"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"isOptionSelected($any(item.value))\"\n            [class.mc-option-listbox__item--active]=\"focusedIndex() === i\"\n            (click)=\"!item.disabled && selectOption($any(item.value))\"\n            (mouseenter)=\"focusedIndex.set(i)\"\n          >\n            <div class=\"mc-option-listbox__label\">\n              @if (item.icon) {\n              <div class=\"mc-option-listbox__prepend\">\n                <span class=\"mc-option-listbox__icon\">{{ item.icon }}</span>\n              </div>\n              }\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__text\">{{ item.label }}</span>\n                @if (item.content) {\n                <span class=\"mc-option-listbox__additional\">{{ item.content }}</span>\n                }\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n\n              <!-- Selection indicator -->\n              @if (multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-cb-' + i\"\n                [ngModel]=\"isOptionSelected($any(item.value))\"\n                [disabled]=\"!!item.disabled\"\n              />\n              } @else {\n              <CheckCircle24 class=\"mc-option-listbox__selection-icon\" />\n              }\n            </div>\n          </div>\n          }\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".mc-combobox{position:relative;width:100%}.mc-combobox__input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-combobox__input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-combobox__input:has(.mc-combobox__control:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox__input .mc-combobox__control{text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-combobox__input .mc-combobox__control:focus-within{outline:none}.mc-combobox__icon{border:none;display:flex;align-items:center;cursor:pointer;padding-right:.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor}.mc-combobox__clear{padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor}.mc-combobox__counter{height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 .5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff)}.mc-combobox__listbox{position:absolute;left:0;top:calc(100% + .25rem);visibility:hidden;opacity:0;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all}.mc-combobox--open .mc-combobox__listbox{visibility:visible;opacity:1}.mc-combobox--s .mc-combobox__control{height:2rem;font-size:var(--font-size-100, .875rem);padding-left:.5rem}.mc-combobox--s .mc-combobox__icon{padding-right:.5rem}.mc-combobox--s .mc-combobox__clear{width:1.25rem;height:1.25rem}.mc-combobox--invalid .mc-combobox__input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-combobox--invalid .mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-combobox--disabled .mc-combobox__input{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox--disabled .mc-combobox__control{color:var(--forms-color-text-disabled, #737373)}.mc-combobox--disabled .mc-combobox__icon{color:var(--forms-color-icon-disabled, #737373)}.mc-combobox--readonly .mc-combobox__input{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-option-listbox__list{overflow:auto;display:flex;flex-direction:column;gap:.125rem;margin:0;padding:.5rem;max-height:18.75rem}.mc-option-listbox__item{display:block;border-radius:var(--border-radius-s, .25rem)}.mc-option-listbox__item--disabled{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__label{pointer-events:none;color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__additional{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-disabled, #d9d9d9)}.mc-option-listbox__item--readonly .mc-option-listbox__label{pointer-events:none}.mc-option-listbox__item--selected:not(.mc-option-listbox__item--section){background-color:var(--option-listbox-color-background-checked, #ebf5de)}.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{opacity:1;color:var(--option-listbox-color-selection-indicator-default, #117f03);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-checked, #117f03);color:var(--forms-color-icon-inverse, #ffffff);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox svg{display:block}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected{background-color:var(--option-listbox-color-background-checked-read-only, #eff1f6)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:2px solid var(--forms-color-border-read-only, #cccccc);background-color:var(--forms-color-background-default, #ffffff);color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--selectable{cursor:pointer}.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled):hover,.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled).mc-option-listbox__item--active{background-color:var(--option-listbox-color-background-hover, rgba(0, 0, 0, .05))}.mc-option-listbox__content{display:flex;flex-direction:column;gap:.125rem}.mc-option-listbox__additional{font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);color:var(--option-listbox-color-text-information, #666666)}.mc-option-listbox__label{display:flex;align-items:center;gap:.5rem;height:3rem;padding:.5rem;border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);box-sizing:border-box}.mc-option-listbox__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border:.125rem solid var(--forms-color-border-default, #666666);border-radius:.25rem;box-sizing:border-box}.mc-option-listbox__checkbox svg{display:none}.mc-option-listbox__spacer{flex-grow:1}.mc-option-listbox__selection-icon{opacity:0}.mc-option-listbox__section-title{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;color:var(--option-listbox-color-text-section-title, #666666)}.mc-option-listbox__search{margin:.5rem;width:unset}.mc-option-listbox__separator{display:block;height:1px;border:0;border-top:1px solid var(--color-border-primary, #cccccc);margin:0;padding:0}.mc-option-listbox__actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.mc-combobox__virtual-host{overflow:hidden;max-height:none;padding:0}.mc-combobox__viewport,.mc-combobox__viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mc-combobox__loader{display:flex;align-items:center;padding-inline:4px}.mc-combobox__loading,.mc-option-listbox__empty{display:flex;align-items:center;justify-content:center;padding:24px 16px}\n"] }]
+                    ], template: "<!-- ====================================================================== -->\n<!-- TRIGGER                                                                -->\n<!-- ====================================================================== -->\n<div [class]=\"wrapperClasses()\">\n  <div class=\"mc-combobox__input\">\n    <button\n      #triggerBtn\n      [id]=\"comboboxId + '-trigger'\"\n      type=\"button\"\n      class=\"mc-combobox__control\"\n      role=\"combobox\"\n      cdkOverlayOrigin\n      #overlayOrigin=\"cdkOverlayOrigin\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-haspopup]=\"'listbox'\"\n      [attr.aria-controls]=\"listboxId\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      (click)=\"toggle()\"\n      (keydown)=\"onTriggerKeydown($event)\"\n    >\n      @if (displayValue()) {\n      <span class=\"mc-combobox__value\">{{ displayValue() }}</span>\n      } @else {\n      <span class=\"mc-combobox__placeholder\">{{ placeholder() }}</span>\n      }\n    </button>\n\n    <!-- Counter (compact + multiple) -->\n    @if (multiple() && compact() && selectedCount() > 0) {\n    <span [id]=\"comboboxId + '-counter'\" class=\"mc-combobox__counter\" aria-live=\"polite\">\n      {{ selectedCount() }} {{ selectedSuffix() }}\n    </span>\n    }\n\n    <!-- Clear button -->\n    @if (showClear()) {\n    <button\n      [id]=\"comboboxId + '-clear'\"\n      type=\"button\"\n      class=\"mc-combobox__clear\"\n      [attr.aria-label]=\"clearAriaLabel()\"\n      (click)=\"onClear($event)\"\n    >\n      <CrossCircleFilled24 />\n    </button>\n    }\n\n    <!-- Trigger loader -->\n    @if (loading()) {\n    <moz-loader\n      [id]=\"comboboxId + '-trigger-loader'\"\n      size=\"s\"\n      [appearance]=\"'accent'\"\n      class=\"mc-combobox__loader\"\n    />\n    }\n\n    <!-- Chevron -->\n    <button\n      [id]=\"comboboxId + '-chevron'\"\n      type=\"button\"\n      class=\"mc-combobox__icon\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      (click)=\"toggle()\"\n    >\n      <ChevronDown24 />\n    </button>\n  </div>\n</div>\n\n<!-- ====================================================================== -->\n<!-- OVERLAY / DROPDOWN                                                     -->\n<!-- ====================================================================== -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayWidth]=\"triggerWidth()\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"mc-combobox-backdrop\"\n  (backdropClick)=\"onOverlayOutsideClick()\"\n  (attach)=\"onOverlayAttached()\"\n>\n  <div\n    [id]=\"comboboxId + '-panel'\"\n    class=\"mc-option-listbox mc-listbox__content mc-combobox__listbox\"\n    (keydown)=\"onPanelKeydown($event)\"\n  >\n    <!-- Search -->\n    @if (searchable()) {\n    <div [id]=\"comboboxId + '-search'\" class=\"mc-option-listbox__search\">\n      <Search24 icon />\n      <input\n        #searchInput\n        [id]=\"comboboxId + '-search-input'\"\n        moz-text-input\n        type=\"text\"\n        [placeholder]=\"searchPlaceholder()\"\n        autocomplete=\"off\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"listboxId\"\n        [value]=\"searchQuery()\"\n        (input)=\"onSearchInput($event)\"\n        (keydown)=\"onSearchKeydown($event)\"\n        [size]=\"'s'\"\n      />\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Actions (multiple only) -->\n    @if (showActions() && multiple()) {\n    <div [id]=\"comboboxId + '-actions'\" class=\"mc-option-listbox__actions\">\n      <button\n        [id]=\"comboboxId + '-select-all'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        [appearance]=\"'accent'\"\n        (click)=\"selectAll()\"\n      >\n        {{ selectAllText() }}\n      </button>\n      <button\n        [id]=\"comboboxId + '-clear-selection'\"\n        moz-button\n        type=\"button\"\n        [size]=\"'s'\"\n        [ghost]=\"true\"\n        (click)=\"clearSelection()\"\n      >\n        {{ clearText() }}\n      </button>\n    </div>\n    <hr class=\"mc-option-listbox__separator\" />\n    }\n\n    <!-- Listbox with virtual scroll -->\n    <div\n      #listbox\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      class=\"mc-option-listbox__list mc-combobox__virtual-host\"\n      [attr.aria-multiselectable]=\"multiple() || null\"\n      [attr.aria-label]=\"ariaLabel() ?? 'Options'\"\n      [attr.aria-busy]=\"loading() || null\"\n      [attr.aria-activedescendant]=\"\n        focusedIndex() >= 0 ? comboboxId + '-opt-' + focusedIndex() : null\n      \"\n      tabindex=\"-1\"\n    >\n      @if (loading()) {\n      <div [id]=\"comboboxId + '-loading'\" class=\"mc-combobox__loading\" role=\"status\">\n        <moz-loader size=\"s\" [appearance]=\"'accent'\" [text]=\"loadingText()\" />\n      </div>\n      } @else if (filteredItems().length === 0 && showNoResultText() && searchQuery().length > 0) {\n      <div\n        [id]=\"comboboxId + '-empty'\"\n        class=\"mc-option-listbox__empty\"\n        role=\"presentation\"\n        aria-live=\"polite\"\n      >\n        {{ noResultsText() }}\n      </div>\n      } @else {\n      <cdk-virtual-scroll-viewport\n        #viewport\n        [id]=\"comboboxId + '-viewport'\"\n        [itemSize]=\"itemSizePx\"\n        [minBufferPx]=\"minBufferPx\"\n        [maxBufferPx]=\"maxBufferPx\"\n        [style.height.px]=\"viewportHeight()\"\n        class=\"mc-combobox__viewport\"\n        (scroll)=\"onViewportScroll(viewport)\"\n      >\n        <ng-container\n          *cdkVirtualFor=\"let item of filteredItems(); let i = index; trackBy: trackByFlatItem\"\n        >\n          <!-- Section header -->\n          @if (isFlatSection(item)) {\n          <div\n            [id]=\"comboboxId + '-section-' + i\"\n            class=\"mc-option-listbox__item mc-option-listbox__item--section\"\n            [class.mc-option-listbox__item--selectable]=\"\n              item.checkable && multiple() && !item.disabled\n            \"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"\n              item.checkable &&\n              multiple() &&\n              (isSectionFullySelected(item.title) || isSectionPartiallySelected(item.title))\n            \"\n            role=\"presentation\"\n            (click)=\"\n              item.checkable && multiple() && !item.disabled ? toggleSection(item.title) : null\n            \"\n          >\n            <div class=\"mc-option-listbox__label\">\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__section-title\">{{ item.title }}</span>\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n              @if (item.checkable && multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-section-cb-' + i\"\n                [ngModel]=\"isSectionFullySelected(item.title)\"\n                [indeterminate]=\"isSectionPartiallySelected(item.title)\"\n                [disabled]=\"!!item.disabled\"\n              />\n              }\n            </div>\n          </div>\n          }\n\n          <!-- Option -->\n          @if (isFlatOption(item)) {\n          <div\n            role=\"option\"\n            [id]=\"comboboxId + '-opt-' + i\"\n            [attr.aria-selected]=\"isOptionSelected($any(item.value))\"\n            [attr.aria-disabled]=\"item.disabled || null\"\n            class=\"mc-option-listbox__item\"\n            [class.mc-option-listbox__item--selectable]=\"!item.disabled\"\n            [class.mc-option-listbox__item--disabled]=\"item.disabled\"\n            [class.mc-option-listbox__item--selected]=\"isOptionSelected($any(item.value))\"\n            [class.mc-option-listbox__item--active]=\"focusedIndex() === i\"\n            (click)=\"!item.disabled && selectOption($any(item.value))\"\n            (mouseenter)=\"focusedIndex.set(i)\"\n          >\n            <div class=\"mc-option-listbox__label\">\n              @if (item.icon) {\n              <div class=\"mc-option-listbox__prepend\">\n                <span class=\"mc-option-listbox__icon\">{{ item.icon }}</span>\n              </div>\n              }\n              <div class=\"mc-option-listbox__content\">\n                <span class=\"mc-option-listbox__text\">{{ item.label }}</span>\n                @if (item.content) {\n                <span class=\"mc-option-listbox__additional\">{{ item.content }}</span>\n                }\n              </div>\n              <div class=\"mc-option-listbox__spacer\"></div>\n\n              <!-- Selection indicator -->\n              @if (multiple()) {\n              <moz-checkbox\n                class=\"mc-option-listbox__checkbox\"\n                [id]=\"comboboxId + '-cb-' + i\"\n                [ngModel]=\"isOptionSelected($any(item.value))\"\n                [disabled]=\"!!item.disabled\"\n              />\n              } @else {\n              <CheckCircle24 class=\"mc-option-listbox__selection-icon\" />\n              }\n            </div>\n          </div>\n          }\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".mc-combobox{position:relative;width:100%}.mc-combobox__input{transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, .0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:.5rem;box-sizing:border-box}.mc-combobox__input:focus-within{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-hover, #4d4d4d)}.mc-combobox__input:has(.mc-combobox__control:disabled){background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox__input .mc-combobox__control{text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-combobox__input .mc-combobox__control:focus-within{outline:none}.mc-combobox__icon{border:none;display:flex;align-items:center;cursor:pointer;padding-right:.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor}.mc-combobox__clear{padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor}.mc-combobox__counter{height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 .5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff)}.mc-combobox__listbox{width:100%;position:absolute;left:0;top:calc(100% + .25rem);visibility:hidden;opacity:0;z-index:var(--combobox-listbox-z-index, 10)}.mc-combobox--open .mc-combobox__listbox{visibility:visible;opacity:1}.mc-combobox--s .mc-combobox__control{height:2rem;font-size:var(--font-size-100, .875rem);padding-left:.5rem}.mc-combobox--s .mc-combobox__icon{padding-right:.5rem}.mc-combobox--s .mc-combobox__clear{width:1.25rem;height:1.25rem}.mc-combobox--invalid .mc-combobox__input{border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid, #ea302d)}.mc-combobox--invalid .mc-combobox__input:hover:not(:focus-within){border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, .0625rem) var(--forms-color-border-invalid-hover, #c61112)}.mc-combobox--disabled .mc-combobox__input{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none}.mc-combobox--disabled .mc-combobox__control{color:var(--forms-color-text-disabled, #737373)}.mc-combobox--disabled .mc-combobox__icon{color:var(--forms-color-icon-disabled, #737373)}.mc-combobox--readonly .mc-combobox__input{border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none}.mc-option-listbox{width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, .0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, .5rem)}@media(width>=680px){.mc-option-listbox{min-width:18.75rem}}.mc-option-listbox__list{overflow:auto;display:flex;flex-direction:column;gap:.125rem;margin:0;padding:.5rem;max-height:18.75rem}.mc-option-listbox__item{display:block;border-radius:var(--border-radius-s, .25rem)}.mc-option-listbox__item--disabled{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__label{pointer-events:none;color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__additional{color:var(--option-listbox-color-text-disabled, #b3b3b3)}.mc-option-listbox__item--disabled .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-disabled, #d9d9d9)}.mc-option-listbox__item--readonly .mc-option-listbox__label{pointer-events:none}.mc-option-listbox__item--selected:not(.mc-option-listbox__item--section){background-color:var(--option-listbox-color-background-checked, #ebf5de)}.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{opacity:1;color:var(--option-listbox-color-selection-indicator-default, #117f03);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:none;background-color:var(--forms-color-background-checked, #117f03);color:var(--forms-color-icon-inverse, #ffffff);fill:currentcolor}.mc-option-listbox__item--selected .mc-option-listbox__checkbox svg{display:block}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected{background-color:var(--option-listbox-color-background-checked-read-only, #eff1f6)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__selection-icon{color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--readonly.mc-option-listbox__item--selected .mc-option-listbox__checkbox{border:2px solid var(--forms-color-border-read-only, #cccccc);background-color:var(--forms-color-background-default, #ffffff);color:var(--option-listbox-color-selection-indicator-read-only, #000000)}.mc-option-listbox__item--selectable{cursor:pointer}.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled):hover,.mc-option-listbox__item--selectable:not(.mc-option-listbox__item--disabled).mc-option-listbox__item--active{background-color:var(--option-listbox-color-background-hover, rgba(0, 0, 0, .05))}.mc-option-listbox__content{display:flex;flex-direction:column;gap:.125rem}.mc-option-listbox__additional{font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, .75rem);color:var(--option-listbox-color-text-information, #666666)}.mc-option-listbox__label{display:flex;align-items:center;gap:.5rem;height:3rem;padding:.5rem;border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);box-sizing:border-box}.mc-option-listbox__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border:.125rem solid var(--forms-color-border-default, #666666);border-radius:.25rem;box-sizing:border-box}.mc-option-listbox__checkbox svg{display:none}.mc-option-listbox__spacer{flex-grow:1}.mc-option-listbox__selection-icon{opacity:0}.mc-option-listbox__section-title{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;color:var(--option-listbox-color-text-section-title, #666666)}.mc-option-listbox__search{margin:.5rem;width:unset}.mc-option-listbox__separator{display:block;height:1px;border:0;border-top:1px solid var(--color-border-primary, #cccccc);margin:0;padding:0}.mc-option-listbox__actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.mc-combobox__virtual-host{overflow:hidden;max-height:none;padding:0}.mc-combobox__viewport,.mc-combobox__viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mc-combobox__loader{display:flex;align-items:center;padding-inline:4px}.mc-combobox__loading,.mc-option-listbox__empty{display:flex;align-items:center;justify-content:center;padding:24px 16px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], multiSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSearch", required: false }] }], serverSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "serverSide", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], canSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSelectAll", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], noResultsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultsText", required: false }] }], selectAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllText", required: false }] }], clearText: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearText", required: false }] }], selectedSuffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedSuffix", required: false }] }], clearAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAriaLabel", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], showNoResultText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNoResultText", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], searched: [{ type: i0.Output, args: ["searched"] }], triggerEl: [{ type: i0.ViewChild, args: ['triggerBtn', { isSignal: true }] }], viewportEl: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }] } });
 /**
@@ -5863,18 +5863,30 @@ class TreeStateService {
         const wasExpanded = this.expandedIds().has(node.id);
         this.toggleExpanded(node.id);
         if (!wasExpanded) {
-            const loadFn = this.loadChildrenFn();
-            const resolved = this.findNode(node.id) ?? node;
-            if (loadFn && resolved.children === undefined) {
-                this.addLoading(node.id);
-                return loadFn(node).pipe(take(1), tap((children) => {
-                    this.patchChildren(node.id, children);
-                    this.removeLoading(node.id);
-                }), tap(() => void 0));
-            }
+            return this.loadChildrenFor(node).pipe(map(() => undefined));
         }
         return of(undefined);
     }
+    /**
+     * Loads a node's children on demand when they haven't been loaded yet.
+     * Idempotent: a no-op (emits `[]`) when there is no `loadChildrenFn`, the
+     * node is already loading, or its children are already present. This is the
+     * single load primitive shared by the click-driven `expandAndLoad` and the
+     * declarative auto-load effect in `MozTreeComponent` — so expanding a node
+     * by clicking it and by writing to `expandedIds` go through the same path.
+     */
+    loadChildrenFor(node) {
+        const loadFn = this.loadChildrenFn();
+        const resolved = this.findNode(node.id) ?? node;
+        if (!loadFn || this.loadingIds().has(node.id) || resolved.children !== undefined) {
+            return of([]);
+        }
+        this.addLoading(node.id);
+        return loadFn(node).pipe(take(1), tap((children) => {
+            this.patchChildren(node.id, children);
+            this.removeLoading(node.id);
+        }));
+    }
     addLoading(id) {
         this.loadingIds.update((s) => new Set([...s, id]));
     }
@@ -6415,7 +6427,7 @@ class MozTreeComponent {
     // Inputs
     nodes = input([], ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
     selectionMode = input('none', ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
-    expandedIds = input(new Set(), ...(ngDevMode ? [{ debugName: "expandedIds" }] : /* istanbul ignore next */ []));
+    expandedIds = model(new Set(), ...(ngDevMode ? [{ debugName: "expandedIds" }] : /* istanbul ignore next */ []));
     selectedIds = input(new Set(), ...(ngDevMode ? [{ debugName: "selectedIds" }] : /* istanbul ignore next */ []));
     loadChildren = input(null, ...(ngDevMode ? [{ debugName: "loadChildren" }] : /* istanbul ignore next */ []));
     canSelect = input(null, ...(ngDevMode ? [{ debugName: "canSelect" }] : /* istanbul ignore next */ []));
@@ -6440,7 +6452,7 @@ class MozTreeComponent {
         return Object.fromEntries(typed.map((d) => [d.type(), d.templateRef]));
     }, ...(ngDevMode ? [{ debugName: "nodeTemplates" }] : /* istanbul ignore next */ []));
     // Outputs
-    expandedIdsChange = output();
+    // `expandedIdsChange` is generated automatically by the `expandedIds` model().
     selectionChange = output();
     useVirtualScroll = computed(() => {
         const mode = this.virtualScroll();
@@ -6459,6 +6471,26 @@ class MozTreeComponent {
         effect(() => {
             this.stateService.setExpanded(this.expandedIds());
         });
+        // Declarative lazy-load: whenever `expandedIds` contains a node whose
+        // children aren't loaded yet, fetch them automatically. Reading
+        // `internalNodes`/`loadingIds` makes this effect re-run after each
+        // `patchChildren`, so a deep pre-expanded path cascades one level at a
+        // time (load root → its children appear → load the next expanded level …)
+        // without any imperative `expandPath` call. `loadChildrenFor` is
+        // idempotent, so re-runs and click-driven expands never double-fetch.
+        effect(() => {
+            const expanded = this.expandedIds();
+            if (!this.stateService.loadChildrenFn())
+                return;
+            this.stateService.internalNodes();
+            this.stateService.loadingIds();
+            for (const id of expanded) {
+                const node = this.stateService.findNode(id);
+                if (node && node.children === undefined) {
+                    this.stateService.loadChildrenFor(node).subscribe();
+                }
+            }
+        });
         effect(() => {
             this.selectionService.setSelectedIds(this.selectedIds());
         });
@@ -6502,39 +6534,51 @@ class MozTreeComponent {
         this.keyboardService.initFocus();
     }
     onExpandChange() {
-        this.expandedIdsChange.emit(new Set(this.stateService.expandedIds()));
+        this.expandedIds.set(new Set(this.stateService.expandedIds()));
     }
     onSelectionChange(ids) {
         this.selectionChange.emit(ids);
     }
+    /**
+     * Convenience helper for the "expand a deep path, then scroll to it" pattern.
+     * Adds every ancestor in `path` (all ids except the last) to `expandedIds`,
+     * which lets the declarative auto-load effect fetch each lazy level, then
+     * resolves once those levels have finished loading — so callers can safely
+     * `scrollToNode(path.at(-1))` afterwards.
+     *
+     * Plain declarative usage — binding `[(expandedIds)]` and writing to it — does
+     * not need this method; the tree loads expanded lazy nodes on its own. It
+     * exists only to give an awaitable signal that the deep node is now visible.
+     */
     async expandPath(path) {
-        const loadFn = this.stateService.loadChildrenFn();
-        for (let i = 0; i < path.length - 1; i++) {
-            const nodeId = path[i];
-            const node = this.stateService.findNode(nodeId);
-            if (!node)
-                break;
-            // Expand first so the children area is visible
-            if (!this.stateService.expandedIds().has(nodeId)) {
-                this.stateService.toggleExpanded(nodeId);
-                this.expandedIdsChange.emit(new Set(this.stateService.expandedIds()));
-                // Yield to let Angular render the expansion
-                await new Promise((resolve) => setTimeout(resolve));
-            }
-            // Load children if needed
-            if (loadFn && node.children === undefined) {
-                this.stateService.addLoading(nodeId);
-                this.expandedIdsChange.emit(new Set(this.stateService.expandedIds()));
-                // Yield to let Angular render the loader
-                await new Promise((resolve) => setTimeout(resolve));
-                const children = await firstValueFrom(loadFn(node).pipe(take(1)));
-                this.stateService.patchChildren(nodeId, children);
-                this.stateService.removeLoading(nodeId);
-                // Yield to let Angular render the new children
-                await new Promise((resolve) => setTimeout(resolve));
-            }
-        }
-        this.expandedIdsChange.emit(new Set(this.stateService.expandedIds()));
+        if (path.length === 0)
+            return;
+        const ancestors = path.slice(0, -1);
+        this.expandedIds.update((current) => {
+            const next = new Set(current);
+            for (const id of ancestors)
+                next.add(id);
+            return next;
+        });
+        for (const id of ancestors) {
+            await this._waitForChildren(id);
+        }
+    }
+    _waitForChildren(id) {
+        return new Promise((resolve) => {
+            let attempts = 0;
+            const check = () => {
+                const node = this.stateService.findNode(id);
+                // Resolve once the node's children are present (loaded or static), the
+                // node no longer exists, or we hit the safety cap (~5s at 16ms steps).
+                if (!node || node.children !== undefined || attempts++ > 300) {
+                    resolve();
+                    return;
+                }
+                setTimeout(check, 16);
+            };
+            check();
+        });
     }
     scrollToNode(nodeId) {
         setTimeout(() => {
@@ -6546,11 +6590,11 @@ class MozTreeComponent {
         const flat = this.stateService.flatVisibleNodes();
         const allIds = new Set(flat.map((f) => f.node.id));
         this.stateService.setExpanded(allIds);
-        this.expandedIdsChange.emit(new Set(allIds));
+        this.expandedIds.set(new Set(allIds));
     }
     collapseAll() {
         this.stateService.setExpanded(new Set());
-        this.expandedIdsChange.emit(new Set());
+        this.expandedIds.set(new Set());
     }
     trackNode(_index, node) {
         return node.id;
@@ -6559,12 +6603,12 @@ class MozTreeComponent {
         return flat.node.id;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozTreeComponent, isStandalone: true, selector: "moz-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null }, canSelect: { classPropertyName: "canSelect", publicName: "canSelect", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollThreshold: { classPropertyName: "virtualScrollThreshold", publicName: "virtualScrollThreshold", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, viewportHeight: { classPropertyName: "viewportHeight", publicName: "viewportHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedIdsChange: "expandedIdsChange", selectionChange: "selectionChange" }, providers: [TreeStateService, TreeSelectionService, TreeKeyboardService], queries: [{ propertyName: "_defaultTemplate", first: true, predicate: MozTreeNodeTemplateDirective, descendants: true, isSignal: true }, { propertyName: "_typedTemplates", predicate: MozTreeNodeTemplateDirective, isSignal: true }], ngImport: i0, template: "<ul\n  class=\"tree\"\n  role=\"tree\"\n  tabindex=\"0\"\n  [attr.aria-multiselectable]=\"selectionMode() === 'checkbox' ? 'true' : null\"\n  [attr.aria-activedescendant]=\"keyboardService.focusedNodeId() ? 'tree-node-' + keyboardService.focusedNodeId() : null\"\n  (keydown)=\"onTreeKeydown($event)\"\n  (focus)=\"onTreeFocus()\"\n>\n  @if (!useVirtualScroll()) { @for (node of nodes(); track trackNode($index, node)) {\n  <moz-tree-node\n    [node]=\"node\"\n    [depth]=\"0\"\n    [selectionMode]=\"selectionMode()\"\n    [indentSize]=\"indentSize()\"\n    [nodeTemplate]=\"nodeTemplate()\"\n    [nodeTemplates]=\"nodeTemplates()\"\n    [loadChildren]=\"loadChildren()\"\n    [ancestors]=\"[]\"\n    (expandChange)=\"onExpandChange()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n  />\n  } } @else {\n  <cdk-virtual-scroll-viewport\n    class=\"tree__viewport\"\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"viewportHeight()\"\n  >\n    <moz-tree-node\n      *cdkVirtualFor=\"let flatNode of stateService.flatVisibleNodes(); trackBy: trackFlatNode\"\n      [node]=\"flatNode.node\"\n      [depth]=\"flatNode.depth\"\n      [flat]=\"true\"\n      [selectionMode]=\"selectionMode()\"\n      [indentSize]=\"indentSize()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [nodeTemplates]=\"nodeTemplates()\"\n      [loadChildren]=\"loadChildren()\"\n      [ancestors]=\"[]\"\n      (expandChange)=\"onExpandChange()\"\n      (selectionChange)=\"onSelectionChange($event)\"\n    />\n  </cdk-virtual-scroll-viewport>\n  }\n</ul>\n", styles: [".tree{list-style:none;padding:0;margin:0;width:100%;outline:none;display:flex;flex-direction:column;gap:4px}.tree:focus-visible{outline:2px solid var(--color-background-accent-inverse);outline-offset:2px;border-radius:var(--border-radius-m, 8px)}.tree__viewport{width:100%}\n"], dependencies: [{ kind: "component", type: MozTreeNodeComponent, selector: "moz-tree-node", inputs: ["node", "depth", "selectionMode", "indentSize", "nodeTemplate", "nodeTemplates", "loadChildren", "ancestors", "flat", "noResultText"], outputs: ["expandChange", "selectionChange"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MozTreeComponent, isStandalone: true, selector: "moz-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null }, canSelect: { classPropertyName: "canSelect", publicName: "canSelect", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollThreshold: { classPropertyName: "virtualScrollThreshold", publicName: "virtualScrollThreshold", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, viewportHeight: { classPropertyName: "viewportHeight", publicName: "viewportHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedIds: "expandedIdsChange", selectionChange: "selectionChange" }, providers: [TreeStateService, TreeSelectionService, TreeKeyboardService], queries: [{ propertyName: "_defaultTemplate", first: true, predicate: MozTreeNodeTemplateDirective, descendants: true, isSignal: true }, { propertyName: "_typedTemplates", predicate: MozTreeNodeTemplateDirective, isSignal: true }], ngImport: i0, template: "<ul\n  class=\"tree\"\n  role=\"tree\"\n  tabindex=\"0\"\n  [attr.aria-multiselectable]=\"selectionMode() === 'checkbox' ? 'true' : null\"\n  [attr.aria-activedescendant]=\"keyboardService.focusedNodeId() ? 'tree-node-' + keyboardService.focusedNodeId() : null\"\n  (keydown)=\"onTreeKeydown($event)\"\n  (focus)=\"onTreeFocus()\"\n>\n  @if (!useVirtualScroll()) { @for (node of nodes(); track trackNode($index, node)) {\n  <moz-tree-node\n    [node]=\"node\"\n    [depth]=\"0\"\n    [selectionMode]=\"selectionMode()\"\n    [indentSize]=\"indentSize()\"\n    [nodeTemplate]=\"nodeTemplate()\"\n    [nodeTemplates]=\"nodeTemplates()\"\n    [loadChildren]=\"loadChildren()\"\n    [ancestors]=\"[]\"\n    (expandChange)=\"onExpandChange()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n  />\n  } } @else {\n  <cdk-virtual-scroll-viewport\n    class=\"tree__viewport\"\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"viewportHeight()\"\n  >\n    <moz-tree-node\n      *cdkVirtualFor=\"let flatNode of stateService.flatVisibleNodes(); trackBy: trackFlatNode\"\n      [node]=\"flatNode.node\"\n      [depth]=\"flatNode.depth\"\n      [flat]=\"true\"\n      [selectionMode]=\"selectionMode()\"\n      [indentSize]=\"indentSize()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [nodeTemplates]=\"nodeTemplates()\"\n      [loadChildren]=\"loadChildren()\"\n      [ancestors]=\"[]\"\n      (expandChange)=\"onExpandChange()\"\n      (selectionChange)=\"onSelectionChange($event)\"\n    />\n  </cdk-virtual-scroll-viewport>\n  }\n</ul>\n", styles: [".tree{list-style:none;padding:0;margin:0;width:100%;outline:none;display:flex;flex-direction:column;gap:4px}.tree:focus-visible{outline:2px solid var(--color-background-accent-inverse);outline-offset:2px;border-radius:var(--border-radius-m, 8px)}.tree__viewport{width:100%}\n"], dependencies: [{ kind: "component", type: MozTreeNodeComponent, selector: "moz-tree-node", inputs: ["node", "depth", "selectionMode", "indentSize", "nodeTemplate", "nodeTemplates", "loadChildren", "ancestors", "flat", "noResultText"], outputs: ["expandChange", "selectionChange"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MozTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'moz-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozTreeNodeComponent, ScrollingModule], providers: [TreeStateService, TreeSelectionService, TreeKeyboardService], template: "<ul\n  class=\"tree\"\n  role=\"tree\"\n  tabindex=\"0\"\n  [attr.aria-multiselectable]=\"selectionMode() === 'checkbox' ? 'true' : null\"\n  [attr.aria-activedescendant]=\"keyboardService.focusedNodeId() ? 'tree-node-' + keyboardService.focusedNodeId() : null\"\n  (keydown)=\"onTreeKeydown($event)\"\n  (focus)=\"onTreeFocus()\"\n>\n  @if (!useVirtualScroll()) { @for (node of nodes(); track trackNode($index, node)) {\n  <moz-tree-node\n    [node]=\"node\"\n    [depth]=\"0\"\n    [selectionMode]=\"selectionMode()\"\n    [indentSize]=\"indentSize()\"\n    [nodeTemplate]=\"nodeTemplate()\"\n    [nodeTemplates]=\"nodeTemplates()\"\n    [loadChildren]=\"loadChildren()\"\n    [ancestors]=\"[]\"\n    (expandChange)=\"onExpandChange()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n  />\n  } } @else {\n  <cdk-virtual-scroll-viewport\n    class=\"tree__viewport\"\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"viewportHeight()\"\n  >\n    <moz-tree-node\n      *cdkVirtualFor=\"let flatNode of stateService.flatVisibleNodes(); trackBy: trackFlatNode\"\n      [node]=\"flatNode.node\"\n      [depth]=\"flatNode.depth\"\n      [flat]=\"true\"\n      [selectionMode]=\"selectionMode()\"\n      [indentSize]=\"indentSize()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [nodeTemplates]=\"nodeTemplates()\"\n      [loadChildren]=\"loadChildren()\"\n      [ancestors]=\"[]\"\n      (expandChange)=\"onExpandChange()\"\n      (selectionChange)=\"onSelectionChange($event)\"\n    />\n  </cdk-virtual-scroll-viewport>\n  }\n</ul>\n", styles: [".tree{list-style:none;padding:0;margin:0;width:100%;outline:none;display:flex;flex-direction:column;gap:4px}.tree:focus-visible{outline:2px solid var(--color-background-accent-inverse);outline-offset:2px;border-radius:var(--border-radius-m, 8px)}.tree__viewport{width:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }], selectedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIds", required: false }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], canSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSelect", required: false }] }], indentSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentSize", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollThreshold", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], viewportHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewportHeight", required: false }] }], _defaultTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MozTreeNodeTemplateDirective), { isSignal: true }] }], _typedTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MozTreeNodeTemplateDirective), { isSignal: true }] }], expandedIdsChange: [{ type: i0.Output, args: ["expandedIdsChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }, { type: i0.Output, args: ["expandedIdsChange"] }], selectedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIds", required: false }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], canSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSelect", required: false }] }], indentSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentSize", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualScrollThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScrollThreshold", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], viewportHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewportHeight", required: false }] }], _defaultTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MozTreeNodeTemplateDirective), { isSignal: true }] }], _typedTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MozTreeNodeTemplateDirective), { isSignal: true }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }] } });
 /**
  * Generated bundle index. Do not edit.