@praxisui/rich-content 9.0.36 → 9.0.38

package/fesm2022/praxisui-rich-content.mjs

@@ -1166,7 +1166,9 @@ class PraxisRichContent {
     }
     resolveNodeStyleValue(node, name) {
         const value = this.resolveNodeStyles(node)[name];
-        return typeof value === 'string' || typeof value === 'number' ? value : null;
+        return typeof value === 'string' || typeof value === 'number'
+            ? value
+            : null;
     }
     resolveText(node) {
         return this.resolveValue(node.textExpr) ?? node.text ?? '';
@@ -1304,7 +1306,8 @@ class PraxisRichContent {
         return node.interaction?.selected === true;
     }
     isCardInteractive(node) {
-        return node.interaction?.mode === 'action' || node.interaction?.mode === 'selectable';
+        return (node.interaction?.mode === 'action' ||
+            node.interaction?.mode === 'selectable');
     }
     isCardInteractionDisabled(node) {
         if (this.isCardLoading(node)) {
@@ -1324,7 +1327,9 @@ class PraxisRichContent {
             return !this.resolveBooleanExpression(action.availabilityExpr);
         }
         const host = this.hostCapabilities();
-        return host?.isActionAvailable ? !host.isActionAvailable(action.actionId) : false;
+        return host?.isActionAvailable
+            ? !host.isActionAvailable(action.actionId)
+            : false;
     }
     resolveCardRole(node) {
         if (node.accessibility?.role) {
@@ -1333,7 +1338,9 @@ class PraxisRichContent {
         return this.isCardInteractive(node) ? 'button' : 'article';
     }
     resolveCardTabIndex(node) {
-        return this.isCardInteractive(node) && !this.isCardInteractionDisabled(node) ? 0 : null;
+        return this.isCardInteractive(node) && !this.isCardInteractionDisabled(node)
+            ? 0
+            : null;
     }
     resolveCardAriaLabel(node) {
         return (this.resolveValue(node.accessibility?.ariaLabelExpr) ??
@@ -1393,7 +1400,7 @@ class PraxisRichContent {
         await host?.dispatchAction?.(action.actionId, payload);
     }
     resolveActionButtonLabel(node) {
-        return this.resolveValue(node.labelExpr) ?? node.label ?? node.action.actionId;
+        return (this.resolveValue(node.labelExpr) ?? node.label ?? node.action.actionId);
     }
     isActionButtonDisabled(node) {
         if (node.disabledWhen) {
@@ -1514,7 +1521,8 @@ class PraxisRichContent {
         return this.evaluateRule(item.disabledWhen, true);
     }
     isTabsItemActive(node, item, index, items) {
-        return this.resolveTabsItemKey(item, index) === this.resolveActiveTabsItemKey(node, items);
+        return (this.resolveTabsItemKey(item, index) ===
+            this.resolveActiveTabsItemKey(node, items));
     }
     resolveActiveTabsItem(node, items) {
         const activeKey = this.resolveActiveTabsItemKey(node, items);
@@ -1593,16 +1601,20 @@ class PraxisRichContent {
         return this.resolveValue(node.statusExpr) ?? node.status ?? 'resolved';
     }
     resolveLookupCardEmptyText(node) {
-        return this.resolveValue(node.emptyTextExpr) ?? node.emptyText ?? 'No matching record found.';
+        return (this.resolveValue(node.emptyTextExpr) ??
+            node.emptyText ??
+            'No matching record found.');
     }
     resolveLookupCardErrorText(node) {
-        return this.resolveValue(node.errorTextExpr) ?? node.errorText ?? 'The lookup could not be completed.';
+        return (this.resolveValue(node.errorTextExpr) ??
+            node.errorText ??
+            'The lookup could not be completed.');
     }
     resolveLookupCardMeta(node) {
         return this.resolveValue(node.metaExpr) ?? node.meta ?? null;
     }
     resolveLookupCardCtaLabel(node) {
-        return this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '';
+        return (this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '');
     }
     resolveLookupCardFields(node) {
         return Array.isArray(node.fields) ? node.fields : [];
@@ -1623,7 +1635,7 @@ class PraxisRichContent {
         return this.resolveValue(node.subtitleExpr) ?? node.subtitle ?? null;
     }
     resolveRelatedRecordRelationLabel(node) {
-        return this.resolveValue(node.relationLabelExpr) ?? node.relationLabel ?? null;
+        return (this.resolveValue(node.relationLabelExpr) ?? node.relationLabel ?? null);
     }
     resolveRelatedRecordMeta(node) {
         return this.resolveValue(node.metaExpr) ?? node.meta ?? null;
@@ -1658,7 +1670,9 @@ class PraxisRichContent {
             return !this.resolveBooleanExpression(node.action.availabilityExpr);
         }
         const host = this.hostCapabilities();
-        return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
+        return host?.isActionAvailable
+            ? !host.isActionAvailable(node.action.actionId)
+            : false;
     }
     onRelatedRecordClick(node) {
         if (!node.action || this.isRelatedRecordDisabled(node)) {
@@ -1677,7 +1691,9 @@ class PraxisRichContent {
             return !this.resolveBooleanExpression(node.action.availabilityExpr);
         }
         const host = this.hostCapabilities();
-        return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
+        return host?.isActionAvailable
+            ? !host.isActionAvailable(node.action.actionId)
+            : false;
     }
     onLookupCardClick(node) {
         if (!node.action || this.isLookupCardDisabled(node)) {
@@ -1701,7 +1717,7 @@ class PraxisRichContent {
         return this.resolveValue(node.metaExpr) ?? node.meta ?? null;
     }
     resolveActionCardCtaLabel(node) {
-        return this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '';
+        return (this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '');
     }
     resolveDecisionPackageTitle(node) {
         return this.resolveValue(node.titleExpr) ?? node.title ?? null;
@@ -1719,7 +1735,7 @@ class PraxisRichContent {
         return this.resolveValue(node.ownerExpr) ?? node.owner ?? null;
     }
     resolveDecisionPackagePolicySource(node) {
-        return this.resolveValue(node.policySourceExpr) ?? node.policySource ?? null;
+        return (this.resolveValue(node.policySourceExpr) ?? node.policySource ?? null);
     }
     resolveDecisionPackageVersion(node) {
         return this.resolveValue(node.versionExpr) ?? node.version ?? null;
@@ -1728,7 +1744,7 @@ class PraxisRichContent {
         return this.resolveValue(node.riskExpr) ?? node.risk ?? null;
     }
     resolveDecisionPackageLastReviewed(node) {
-        return this.resolveValue(node.lastReviewedExpr) ?? node.lastReviewed ?? null;
+        return (this.resolveValue(node.lastReviewedExpr) ?? node.lastReviewed ?? null);
     }
     resolveDecisionPackageConfidence(node) {
         const value = this.resolveValue(node.confidenceExpr);
@@ -1754,7 +1770,9 @@ class PraxisRichContent {
             return !this.resolveBooleanExpression(node.action.availabilityExpr);
         }
         const host = this.hostCapabilities();
-        return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
+        return host?.isActionAvailable
+            ? !host.isActionAvailable(node.action.actionId)
+            : false;
     }
     onActionCardClick(node) {
         if (this.isActionCardDisabled(node)) {
@@ -1781,10 +1799,7 @@ class PraxisRichContent {
         return this.resolveValue(node.descriptionExpr) ?? node.description ?? null;
     }
     resolveFormLauncherCtaLabel(node) {
-        return (this.resolveValue(node.ctaLabelExpr) ??
-            node.ctaLabel ??
-            node.formId ??
-            '');
+        return (this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.formId ?? '');
     }
     isFormLauncherDisabled(node) {
         if (node.disabledWhen) {
@@ -1806,7 +1821,10 @@ class PraxisRichContent {
             ? this.resolveStructuredValue(node.action.payloadExpr)
             : node.action.payload;
         const payload = resolvedPayload && typeof resolvedPayload === 'object'
-            ? { formId: node.formId, ...resolvedPayload }
+            ? {
+                formId: node.formId,
+                ...resolvedPayload,
+            }
             : { formId: node.formId, payload: resolvedPayload };
         void this.dispatchRichAction(node.action, payload);
     }
@@ -1854,7 +1872,9 @@ class PraxisRichContent {
     }
     resolveTimelineItems(node) {
         const items = Array.isArray(node.items) ? node.items : [];
-        return this.resolveTimelineOrder(node) === 'reverse' ? [...items].reverse() : items;
+        return this.resolveTimelineOrder(node) === 'reverse'
+            ? [...items].reverse()
+            : items;
     }
     resolveTimelineItemNumber(node, item, displayIndex) {
         if (this.resolveTimelineOrder(node) !== 'reverse') {
@@ -1990,7 +2010,8 @@ class PraxisRichContent {
             : null;
     }
     resolveTimelineConnectorStyle(value) {
-        return typeof value === 'string' && ['solid', 'dashed', 'none'].includes(value)
+        return typeof value === 'string' &&
+            ['solid', 'dashed', 'none'].includes(value)
             ? value
             : null;
     }
@@ -2144,7 +2165,10 @@ class PraxisRichContent {
       [ngClass]="rootClassName"
     >
       <ng-container
-        *ngTemplateOutlet="renderNodes; context: { $implicit: renderableNodes() }"
+        *ngTemplateOutlet="
+          renderNodes;
+          context: { $implicit: renderableNodes() }
+        "
       ></ng-container>
     </div>
 
@@ -2192,27 +2216,43 @@ class PraxisRichContent {
                 </a>
               }
               @case ('badge') {
-                <span class="prx-rich-badge">{{ resolveBadgeLabel(node) }}</span>
+                <span class="prx-rich-badge">{{
+                  resolveBadgeLabel(node)
+                }}</span>
               }
               @case ('avatar') {
                 <div class="prx-rich-avatar">
                   @if (resolveAvatarImage(node); as avatarImage) {
-                    <img class="prx-rich-avatar-image" [src]="avatarImage" [alt]="resolveAvatarLabel(node)" />
+                    <img
+                      class="prx-rich-avatar-image"
+                      [src]="avatarImage"
+                      [alt]="resolveAvatarLabel(node)"
+                    />
                   } @else {
-                    <span class="prx-rich-avatar-fallback">{{ resolveAvatarFallback(node) }}</span>
+                    <span class="prx-rich-avatar-fallback">{{
+                      resolveAvatarFallback(node)
+                    }}</span>
                   }
                 </div>
               }
               @case ('metric') {
-                <div class="prx-rich-metric" [class.prx-rich-metric--with-icon]="node.icon">
+                <div
+                  class="prx-rich-metric"
+                  [class.prx-rich-metric--with-icon]="node.icon"
+                >
                   @if (node.icon) {
-                    <span class="material-symbols-outlined prx-rich-metric-icon" aria-hidden="true">
+                    <span
+                      class="material-symbols-outlined prx-rich-metric-icon"
+                      aria-hidden="true"
+                    >
                       {{ node.icon }}
                     </span>
                   }
                   <div class="prx-rich-metric-content">
                     <div class="prx-rich-metric-label">{{ node.label }}</div>
-                    <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
+                    <div class="prx-rich-metric-value">
+                      {{ resolveMetricValue(node) }}
+                    </div>
                     @if (resolveMetricCaption(node); as caption) {
                       <div class="prx-rich-metric-caption">{{ caption }}</div>
                     }
@@ -2224,10 +2264,14 @@ class PraxisRichContent {
                   @if (resolveProgressLabel(node) || node.showPercent) {
                     <div class="prx-rich-progress-header">
                       @if (resolveProgressLabel(node); as progressLabel) {
-                        <div class="prx-rich-progress-label">{{ progressLabel }}</div>
+                        <div class="prx-rich-progress-label">
+                          {{ progressLabel }}
+                        </div>
                       }
                       @if (node.showPercent) {
-                        <div class="prx-rich-progress-percent">{{ resolveProgressPercent(node) }}</div>
+                        <div class="prx-rich-progress-percent">
+                          {{ resolveProgressPercent(node) }}
+                        </div>
                       }
                     </div>
                   }
@@ -2243,11 +2287,19 @@ class PraxisRichContent {
                 <button
                   type="button"
                   class="prx-rich-action-button"
-                  [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                  [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
+                  [class.prx-rich-action-button--raised]="
+                    node.variant === 'raised'
+                  "
+                  [class.prx-rich-action-button--stroked]="
+                    node.variant === 'stroked'
+                  "
                   [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                  [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                  [class.prx-rich-action-button--accent]="node.color === 'accent'"
+                  [class.prx-rich-action-button--primary]="
+                    node.color === 'primary'
+                  "
+                  [class.prx-rich-action-button--accent]="
+                    node.color === 'accent'
+                  "
                   [class.prx-rich-action-button--warn]="node.color === 'warn'"
                   [disabled]="isActionButtonDisabled(node)"
                   (click)="onActionButtonClick(node)"
@@ -2271,7 +2323,10 @@ class PraxisRichContent {
                   [class.wrap]="node.wrap === true"
                 >
                   <ng-container
-                    *ngTemplateOutlet="renderNodes; context: { $implicit: node.items }"
+                    *ngTemplateOutlet="
+                      renderNodes;
+                      context: { $implicit: node.items }
+                    "
                   ></ng-container>
                 </div>
               }
@@ -2279,16 +2334,31 @@ class PraxisRichContent {
                 <section
                   class="prx-rich-card"
                   [class.prx-rich-card--interactive]="isCardInteractive(node)"
-                  [class.prx-rich-card--disabled]="isCardInteractionDisabled(node)"
+                  [class.prx-rich-card--disabled]="
+                    isCardInteractionDisabled(node)
+                  "
                   [class.prx-rich-card--selected]="isCardSelected(node)"
                   [class.prx-rich-card--active]="isCardActive(node)"
                   [class.prx-rich-card--loading]="isCardLoading(node)"
-                  [class.prx-rich-card--media-leading]="resolveCardMedia(node)?.placement === 'leading'"
-                  [class.prx-rich-card--media-trailing]="resolveCardMedia(node)?.placement === 'trailing'"
-                  [class.prx-rich-card--media-top]="!resolveCardMedia(node)?.placement || resolveCardMedia(node)?.placement === 'top'"
-                  [class.prx-rich-card--media-background]="resolveCardMedia(node)?.placement === 'background'"
-                  [class.prx-rich-card--media-icon]="resolveCardMedia(node)?.kind === 'icon'"
-                  [class.prx-rich-card--media-avatar]="resolveCardMedia(node)?.kind === 'avatar'"
+                  [class.prx-rich-card--media-leading]="
+                    resolveCardMedia(node)?.placement === 'leading'
+                  "
+                  [class.prx-rich-card--media-trailing]="
+                    resolveCardMedia(node)?.placement === 'trailing'
+                  "
+                  [class.prx-rich-card--media-top]="
+                    !resolveCardMedia(node)?.placement ||
+                    resolveCardMedia(node)?.placement === 'top'
+                  "
+                  [class.prx-rich-card--media-background]="
+                    resolveCardMedia(node)?.placement === 'background'
+                  "
+                  [class.prx-rich-card--media-icon]="
+                    resolveCardMedia(node)?.kind === 'icon'
+                  "
+                  [class.prx-rich-card--media-avatar]="
+                    resolveCardMedia(node)?.kind === 'avatar'
+                  "
                   [attr.data-variant]="node.variant ?? 'outlined'"
                   [attr.data-tone]="node.tone ?? 'neutral'"
                   [attr.data-size]="node.size ?? 'md'"
@@ -2297,18 +2367,36 @@ class PraxisRichContent {
                   [attr.role]="resolveCardRole(node)"
                   [attr.tabindex]="resolveCardTabIndex(node)"
                   [attr.aria-label]="resolveCardAriaLabel(node)"
-                  [attr.aria-labelledby]="node.accessibility?.ariaLabelledBy ?? null"
-                  [attr.aria-describedby]="node.accessibility?.ariaDescribedBy ?? null"
-                  [attr.aria-disabled]="isCardInteractive(node) && isCardInteractionDisabled(node) ? 'true' : null"
-                  [attr.aria-selected]="node.interaction?.mode === 'selectable' ? isCardSelected(node) : null"
+                  [attr.aria-labelledby]="
+                    node.accessibility?.ariaLabelledBy ?? null
+                  "
+                  [attr.aria-describedby]="
+                    node.accessibility?.ariaDescribedBy ?? null
+                  "
+                  [attr.aria-disabled]="
+                    isCardInteractive(node) && isCardInteractionDisabled(node)
+                      ? 'true'
+                      : null
+                  "
+                  [attr.aria-selected]="
+                    node.interaction?.mode === 'selectable'
+                      ? isCardSelected(node)
+                      : null
+                  "
                   (click)="onCardSurfaceClick(node, $event)"
                   (keydown)="onCardSurfaceKeydown(node, $event)"
                 >
                   @if (resolveCardMedia(node); as media) {
                     @if (media.placement === 'background') {
-                      <div class="prx-rich-card-media prx-rich-card-media--background" aria-hidden="true">
+                      <div
+                        class="prx-rich-card-media prx-rich-card-media--background"
+                        aria-hidden="true"
+                      >
                         <ng-container
-                          *ngTemplateOutlet="cardMedia; context: { media: media }"
+                          *ngTemplateOutlet="
+                            cardMedia;
+                            context: { media: media }
+                          "
                         ></ng-container>
                       </div>
                     } @else {
@@ -2319,7 +2407,10 @@ class PraxisRichContent {
                         [style.aspect-ratio]="media.aspectRatio || null"
                       >
                         <ng-container
-                          *ngTemplateOutlet="cardMedia; context: { media: media }"
+                          *ngTemplateOutlet="
+                            cardMedia;
+                            context: { media: media }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2329,13 +2420,19 @@ class PraxisRichContent {
                       <div class="prx-rich-card-header">
                         <div class="prx-rich-card-header__content">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: headerNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: headerNodes }
+                            "
                           ></ng-container>
                         </div>
                         @if (node.headerAction) {
                           <div class="prx-rich-card-header__action">
                             <ng-container
-                              *ngTemplateOutlet="renderNodes; context: { $implicit: [node.headerAction] }"
+                              *ngTemplateOutlet="
+                                renderNodes;
+                                context: { $implicit: [node.headerAction] }
+                              "
                             ></ng-container>
                           </div>
                         }
@@ -2358,7 +2455,10 @@ class PraxisRichContent {
                     @if (bodyNodes.length) {
                       <div class="prx-rich-card-body">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: bodyNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: bodyNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2367,7 +2467,10 @@ class PraxisRichContent {
                     @if (actionNodes.length) {
                       <div class="prx-rich-card-actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2376,7 +2479,10 @@ class PraxisRichContent {
                     @if (footerNodes.length) {
                       <div class="prx-rich-card-footer">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: footerNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: footerNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2385,7 +2491,10 @@ class PraxisRichContent {
                     @if (asideNodes.length) {
                       <div class="prx-rich-card-aside">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: asideNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: asideNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2393,27 +2502,40 @@ class PraxisRichContent {
                 </section>
               }
               @case ('callout') {
-                <section class="prx-rich-callout" [attr.data-tone]="node.tone ?? 'info'">
+                <section
+                  class="prx-rich-callout"
+                  [attr.data-tone]="node.tone ?? 'info'"
+                >
                   <div class="prx-rich-callout__main">
                     <div class="prx-rich-callout__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-callout__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-callout__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
                       @if (resolveCalloutTitle(node); as calloutTitle) {
-                        <div class="prx-rich-callout__title">{{ calloutTitle }}</div>
+                        <div class="prx-rich-callout__title">
+                          {{ calloutTitle }}
+                        </div>
                       }
                     </div>
                     @if (resolveCalloutMessage(node); as calloutMessage) {
-                      <div class="prx-rich-callout__message">{{ calloutMessage }}</div>
+                      <div class="prx-rich-callout__message">
+                        {{ calloutMessage }}
+                      </div>
                     }
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-callout__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2421,23 +2543,35 @@ class PraxisRichContent {
                 </section>
               }
               @case ('ctaGroup') {
-                <section class="prx-rich-cta-group" [attr.data-layout]="node.layout ?? 'split'">
+                <section
+                  class="prx-rich-cta-group"
+                  [attr.data-layout]="node.layout ?? 'split'"
+                >
                   <div class="prx-rich-cta-group__copy">
                     @if (resolveCtaGroupTitle(node); as ctaGroupTitle) {
-                      <div class="prx-rich-cta-group__title">{{ ctaGroupTitle }}</div>
+                      <div class="prx-rich-cta-group__title">
+                        {{ ctaGroupTitle }}
+                      </div>
                     }
                     @if (resolveCtaGroupSubtitle(node); as ctaGroupSubtitle) {
-                      <div class="prx-rich-cta-group__subtitle">{{ ctaGroupSubtitle }}</div>
+                      <div class="prx-rich-cta-group__subtitle">
+                        {{ ctaGroupSubtitle }}
+                      </div>
                     }
                     @if (resolveCtaGroupMessage(node); as ctaGroupMessage) {
-                      <div class="prx-rich-cta-group__message">{{ ctaGroupMessage }}</div>
+                      <div class="prx-rich-cta-group__message">
+                        {{ ctaGroupMessage }}
+                      </div>
                     }
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-cta-group__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2445,17 +2579,30 @@ class PraxisRichContent {
                 </section>
               }
               @case ('keyValueList') {
-                <section class="prx-rich-key-value-list" [attr.data-layout]="node.layout ?? 'stacked'">
+                <section
+                  class="prx-rich-key-value-list"
+                  [attr.data-layout]="node.layout ?? 'stacked'"
+                >
                   @if (resolveKeyValueListTitle(node); as kvTitle) {
-                    <div class="prx-rich-key-value-list__title">{{ kvTitle }}</div>
+                    <div class="prx-rich-key-value-list__title">
+                      {{ kvTitle }}
+                    </div>
                   }
                   <dl class="prx-rich-key-value-list__items">
-                    @for (item of resolveKeyValueItems(node); track item.id ?? $index) {
+                    @for (
+                      item of resolveKeyValueItems(node);
+                      track item.id ?? $index
+                    ) {
                       <div class="prx-rich-key-value-list__item">
-                        <dt class="prx-rich-key-value-list__label">{{ resolveKeyValueLabel(item) }}</dt>
+                        <dt class="prx-rich-key-value-list__label">
+                          {{ resolveKeyValueLabel(item) }}
+                        </dt>
                         <dd class="prx-rich-key-value-list__value">
                           @if (resolveKeyValueIcon(item); as kvIcon) {
-                            <span class="material-symbols-outlined prx-rich-key-value-list__icon" aria-hidden="true">
+                            <span
+                              class="material-symbols-outlined prx-rich-key-value-list__icon"
+                              aria-hidden="true"
+                            >
                               {{ kvIcon }}
                             </span>
                           }
@@ -2472,21 +2619,31 @@ class PraxisRichContent {
               @case ('emptyState') {
                 <section class="prx-rich-empty-state">
                   @if (node.icon) {
-                    <span class="prx-rich-empty-state__icon material-symbols-outlined" aria-hidden="true">
+                    <span
+                      class="prx-rich-empty-state__icon material-symbols-outlined"
+                      aria-hidden="true"
+                    >
                       {{ node.icon }}
                     </span>
                   }
                   @if (resolveEmptyStateTitle(node); as emptyStateTitle) {
-                    <div class="prx-rich-empty-state__title">{{ emptyStateTitle }}</div>
+                    <div class="prx-rich-empty-state__title">
+                      {{ emptyStateTitle }}
+                    </div>
                   }
                   @if (resolveEmptyStateMessage(node); as emptyStateMessage) {
-                    <div class="prx-rich-empty-state__message">{{ emptyStateMessage }}</div>
+                    <div class="prx-rich-empty-state__message">
+                      {{ emptyStateMessage }}
+                    </div>
                   }
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-empty-state__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2494,16 +2651,30 @@ class PraxisRichContent {
                 </section>
               }
               @case ('propertySheet') {
-                <section class="prx-rich-property-sheet" [attr.data-columns]="node.columns ?? 2">
+                <section
+                  class="prx-rich-property-sheet"
+                  [attr.data-columns]="node.columns ?? 2"
+                >
                   @if (resolvePropertySheetTitle(node); as propertySheetTitle) {
-                    <div class="prx-rich-property-sheet__title">{{ propertySheetTitle }}</div>
+                    <div class="prx-rich-property-sheet__title">
+                      {{ propertySheetTitle }}
+                    </div>
                   }
                   <dl class="prx-rich-property-sheet__items">
-                    @for (item of resolvePropertySheetItems(node); track item.id ?? $index) {
-                      <div class="prx-rich-property-sheet__item" [attr.data-tone]="item.tone ?? 'neutral'">
+                    @for (
+                      item of resolvePropertySheetItems(node);
+                      track item.id ?? $index
+                    ) {
+                      <div
+                        class="prx-rich-property-sheet__item"
+                        [attr.data-tone]="item.tone ?? 'neutral'"
+                      >
                         <dt class="prx-rich-property-sheet__label">
                           @if (item.icon) {
-                            <span class="material-symbols-outlined prx-rich-property-sheet__icon" aria-hidden="true">
+                            <span
+                              class="material-symbols-outlined prx-rich-property-sheet__icon"
+                              aria-hidden="true"
+                            >
                               {{ item.icon }}
                             </span>
                           }
@@ -2513,7 +2684,9 @@ class PraxisRichContent {
                           {{ resolvePropertySheetValue(item) }}
                         </dd>
                         @if (resolvePropertySheetHint(item); as propertyHint) {
-                          <div class="prx-rich-property-sheet__hint">{{ propertyHint }}</div>
+                          <div class="prx-rich-property-sheet__hint">
+                            {{ propertyHint }}
+                          </div>
                         }
                       </div>
                     }
@@ -2521,30 +2694,52 @@ class PraxisRichContent {
                 </section>
               }
               @case ('statGroup') {
-                <section class="prx-rich-stat-group" [attr.data-layout]="node.layout ?? 'grid'">
+                <section
+                  class="prx-rich-stat-group"
+                  [attr.data-layout]="node.layout ?? 'grid'"
+                >
                   @if (resolveStatGroupTitle(node); as statGroupTitle) {
-                    <div class="prx-rich-stat-group__title">{{ statGroupTitle }}</div>
+                    <div class="prx-rich-stat-group__title">
+                      {{ statGroupTitle }}
+                    </div>
                   }
                   @if (resolveStatGroupSubtitle(node); as statGroupSubtitle) {
-                    <div class="prx-rich-stat-group__subtitle">{{ statGroupSubtitle }}</div>
+                    <div class="prx-rich-stat-group__subtitle">
+                      {{ statGroupSubtitle }}
+                    </div>
                   }
                   <div class="prx-rich-stat-group__items">
-                    @for (item of resolveStatGroupItems(node); track item.id ?? $index) {
+                    @for (
+                      item of resolveStatGroupItems(node);
+                      track item.id ?? $index
+                    ) {
                       <div
                         class="prx-rich-stat-group__item"
                         [class.prx-rich-stat-group__item--with-icon]="item.icon"
                         [attr.data-tone]="item.tone ?? 'neutral'"
                       >
                         @if (item.icon) {
-                          <span class="material-symbols-outlined prx-rich-stat-group__icon" aria-hidden="true">
+                          <span
+                            class="material-symbols-outlined prx-rich-stat-group__icon"
+                            aria-hidden="true"
+                          >
                             {{ item.icon }}
                           </span>
                         }
                         <div class="prx-rich-stat-group__item-content">
-                          <div class="prx-rich-stat-group__label">{{ resolveStatItemLabel(item) }}</div>
-                          <div class="prx-rich-stat-group__value">{{ resolveStatItemValue(item) }}</div>
-                          @if (resolveStatItemCaption(item); as statItemCaption) {
-                            <div class="prx-rich-stat-group__caption">{{ statItemCaption }}</div>
+                          <div class="prx-rich-stat-group__label">
+                            {{ resolveStatItemLabel(item) }}
+                          </div>
+                          <div class="prx-rich-stat-group__value">
+                            {{ resolveStatItemValue(item) }}
+                          </div>
+                          @if (
+                            resolveStatItemCaption(item);
+                            as statItemCaption
+                          ) {
+                            <div class="prx-rich-stat-group__caption">
+                              {{ statItemCaption }}
+                            </div>
                           }
                         </div>
                       </div>
@@ -2553,12 +2748,17 @@ class PraxisRichContent {
                 </section>
               }
               @case ('tabs') {
-                <section class="prx-rich-tabs" [attr.data-appearance]="node.appearance ?? 'underline'">
+                <section
+                  class="prx-rich-tabs"
+                  [attr.data-appearance]="node.appearance ?? 'underline'"
+                >
                   @if (resolveTabsTitle(node); as tabsTitle) {
                     <div class="prx-rich-tabs__title">{{ tabsTitle }}</div>
                   }
                   @if (resolveTabsSubtitle(node); as tabsSubtitle) {
-                    <div class="prx-rich-tabs__subtitle">{{ tabsSubtitle }}</div>
+                    <div class="prx-rich-tabs__subtitle">
+                      {{ tabsSubtitle }}
+                    </div>
                   }
                   @if (resolveVisibleTabsItems(node); as tabsItems) {
                     @if (tabsItems.length) {
@@ -2568,27 +2768,42 @@ class PraxisRichContent {
                             type="button"
                             class="prx-rich-tabs__tab"
                             role="tab"
-                            [class.prx-rich-tabs__tab--active]="isTabsItemActive(node, item, $index, tabsItems)"
-                            [attr.aria-selected]="isTabsItemActive(node, item, $index, tabsItems)"
+                            [class.prx-rich-tabs__tab--active]="
+                              isTabsItemActive(node, item, $index, tabsItems)
+                            "
+                            [attr.aria-selected]="
+                              isTabsItemActive(node, item, $index, tabsItems)
+                            "
                             [disabled]="isTabsItemDisabled(item)"
                             (click)="onTabsItemClick(node, item, $index)"
                           >
                             @if (item.icon) {
-                              <span class="material-symbols-outlined prx-rich-tabs__tab-icon" aria-hidden="true">
+                              <span
+                                class="material-symbols-outlined prx-rich-tabs__tab-icon"
+                                aria-hidden="true"
+                              >
                                 {{ item.icon }}
                               </span>
                             }
                             <span>{{ resolveTabsItemLabel(item) }}</span>
                             @if (resolveTabsItemBadge(item); as tabsBadge) {
-                              <span class="prx-rich-badge">{{ tabsBadge }}</span>
+                              <span class="prx-rich-badge">{{
+                                tabsBadge
+                              }}</span>
                             }
                           </button>
                         }
                       </div>
-                      @if (resolveActiveTabsItem(node, tabsItems); as activeTabsItem) {
+                      @if (
+                        resolveActiveTabsItem(node, tabsItems);
+                        as activeTabsItem
+                      ) {
                         <div class="prx-rich-tabs__panel" role="tabpanel">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: activeTabsItem.content }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: activeTabsItem.content }
+                            "
                           ></ng-container>
                         </div>
                       }
@@ -2599,16 +2814,25 @@ class PraxisRichContent {
               @case ('recordSummary') {
                 <section class="prx-rich-record-summary">
                   @if (resolveRecordSummaryTitle(node); as summaryTitle) {
-                    <div class="prx-rich-record-summary__title">{{ summaryTitle }}</div>
+                    <div class="prx-rich-record-summary__title">
+                      {{ summaryTitle }}
+                    </div>
                   }
                   @if (resolveRecordSummarySubtitle(node); as summarySubtitle) {
-                    <div class="prx-rich-record-summary__subtitle">{{ summarySubtitle }}</div>
+                    <div class="prx-rich-record-summary__subtitle">
+                      {{ summarySubtitle }}
+                    </div>
                   }
                   @if (resolveRecordSummaryMeta(node); as summaryMeta) {
-                    <div class="prx-rich-record-summary__meta">{{ summaryMeta }}</div>
+                    <div class="prx-rich-record-summary__meta">
+                      {{ summaryMeta }}
+                    </div>
                   }
                   <dl class="prx-rich-record-summary__fields">
-                    @for (field of resolveRecordSummaryFields(node); track field.id ?? $index) {
+                    @for (
+                      field of resolveRecordSummaryFields(node);
+                      track field.id ?? $index
+                    ) {
                       <div class="prx-rich-record-summary__field">
                         <dt>{{ resolveRecordSummaryFieldLabel(field) }}</dt>
                         <dd>{{ resolveRecordSummaryFieldValue(field) }}</dd>
@@ -2619,7 +2843,10 @@ class PraxisRichContent {
                     @if (actionNodes.length) {
                       <div class="prx-rich-record-summary__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2627,15 +2854,27 @@ class PraxisRichContent {
                 </section>
               }
               @case ('lookupResult') {
-                <section class="prx-rich-lookup-result" [attr.data-status]="resolveLookupResultStatus(node)">
+                <section
+                  class="prx-rich-lookup-result"
+                  [attr.data-status]="resolveLookupResultStatus(node)"
+                >
                   @if (resolveLookupResultTitle(node); as lookupResultTitle) {
-                    <div class="prx-rich-lookup-result__title">{{ lookupResultTitle }}</div>
+                    <div class="prx-rich-lookup-result__title">
+                      {{ lookupResultTitle }}
+                    </div>
                   }
-                  @if (resolveLookupResultSubtitle(node); as lookupResultSubtitle) {
-                    <div class="prx-rich-lookup-result__subtitle">{{ lookupResultSubtitle }}</div>
+                  @if (
+                    resolveLookupResultSubtitle(node);
+                    as lookupResultSubtitle
+                  ) {
+                    <div class="prx-rich-lookup-result__subtitle">
+                      {{ lookupResultSubtitle }}
+                    </div>
                   }
                   @if (resolveLookupResultMeta(node); as lookupResultMeta) {
-                    <div class="prx-rich-lookup-result__meta">{{ lookupResultMeta }}</div>
+                    <div class="prx-rich-lookup-result__meta">
+                      {{ lookupResultMeta }}
+                    </div>
                   }
                   @if (resolveLookupResultStatus(node) === 'empty') {
                     <div class="prx-rich-lookup-result__message">
@@ -2647,12 +2886,20 @@ class PraxisRichContent {
                     </div>
                   } @else {
                     <dl class="prx-rich-lookup-result__fields">
-                      @for (field of resolveLookupResultFields(node); track field.id ?? $index) {
+                      @for (
+                        field of resolveLookupResultFields(node);
+                        track field.id ?? $index
+                      ) {
                         <div class="prx-rich-lookup-result__field">
                           <dt>{{ resolveLookupResultFieldLabel(field) }}</dt>
                           <dd>{{ resolveLookupResultFieldValue(field) }}</dd>
-                          @if (resolveLookupResultFieldHint(field); as lookupResultFieldHint) {
-                            <div class="prx-rich-lookup-result__hint">{{ lookupResultFieldHint }}</div>
+                          @if (
+                            resolveLookupResultFieldHint(field);
+                            as lookupResultFieldHint
+                          ) {
+                            <div class="prx-rich-lookup-result__hint">
+                              {{ lookupResultFieldHint }}
+                            </div>
                           }
                         </div>
                       }
@@ -2662,7 +2909,10 @@ class PraxisRichContent {
                     @if (actionNodes.length) {
                       <div class="prx-rich-lookup-result__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2670,36 +2920,63 @@ class PraxisRichContent {
                 </section>
               }
               @case ('lookupCard') {
-                <section class="prx-rich-lookup-card" [attr.data-status]="resolveLookupCardStatus(node)">
+                <section
+                  class="prx-rich-lookup-card"
+                  [attr.data-status]="resolveLookupCardStatus(node)"
+                >
                   <div class="prx-rich-lookup-card__copy">
                     <div class="prx-rich-lookup-card__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-lookup-card__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-lookup-card__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
                       @if (resolveLookupCardTitle(node); as lookupCardTitle) {
-                        <div class="prx-rich-lookup-card__title">{{ lookupCardTitle }}</div>
+                        <div class="prx-rich-lookup-card__title">
+                          {{ lookupCardTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveLookupCardSubtitle(node); as lookupCardSubtitle) {
-                      <div class="prx-rich-lookup-card__subtitle">{{ lookupCardSubtitle }}</div>
+                    @if (
+                      resolveLookupCardSubtitle(node);
+                      as lookupCardSubtitle
+                    ) {
+                      <div class="prx-rich-lookup-card__subtitle">
+                        {{ lookupCardSubtitle }}
+                      </div>
                     }
                     @if (resolveLookupCardMeta(node); as lookupCardMeta) {
-                      <div class="prx-rich-lookup-card__meta">{{ lookupCardMeta }}</div>
+                      <div class="prx-rich-lookup-card__meta">
+                        {{ lookupCardMeta }}
+                      </div>
                     }
                     @if (resolveLookupCardStatus(node) === 'empty') {
-                      <div class="prx-rich-lookup-card__message">{{ resolveLookupCardEmptyText(node) }}</div>
+                      <div class="prx-rich-lookup-card__message">
+                        {{ resolveLookupCardEmptyText(node) }}
+                      </div>
                     } @else if (resolveLookupCardStatus(node) === 'error') {
-                      <div class="prx-rich-lookup-card__message">{{ resolveLookupCardErrorText(node) }}</div>
+                      <div class="prx-rich-lookup-card__message">
+                        {{ resolveLookupCardErrorText(node) }}
+                      </div>
                     } @else {
                       <dl class="prx-rich-lookup-card__fields">
-                        @for (field of resolveLookupCardFields(node); track field.id ?? $index) {
+                        @for (
+                          field of resolveLookupCardFields(node);
+                          track field.id ?? $index
+                        ) {
                           <div class="prx-rich-lookup-card__field">
                             <dt>{{ resolveLookupCardFieldLabel(field) }}</dt>
                             <dd>{{ resolveLookupCardFieldValue(field) }}</dd>
-                            @if (resolveLookupCardFieldHint(field); as lookupCardFieldHint) {
-                              <div class="prx-rich-lookup-card__hint">{{ lookupCardFieldHint }}</div>
+                            @if (
+                              resolveLookupCardFieldHint(field);
+                              as lookupCardFieldHint
+                            ) {
+                              <div class="prx-rich-lookup-card__hint">
+                                {{ lookupCardFieldHint }}
+                              </div>
                             }
                           </div>
                         }
@@ -2711,27 +2988,48 @@ class PraxisRichContent {
                       <button
                         type="button"
                         class="prx-rich-action-button"
-                        [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                        [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                        [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                        [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                        [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                        [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                        [class.prx-rich-action-button--raised]="
+                          node.variant === 'raised'
+                        "
+                        [class.prx-rich-action-button--stroked]="
+                          node.variant === 'stroked'
+                        "
+                        [class.prx-rich-action-button--flat]="
+                          node.variant === 'flat'
+                        "
+                        [class.prx-rich-action-button--primary]="
+                          node.color === 'primary'
+                        "
+                        [class.prx-rich-action-button--accent]="
+                          node.color === 'accent'
+                        "
+                        [class.prx-rich-action-button--warn]="
+                          node.color === 'warn'
+                        "
                         [disabled]="isLookupCardDisabled(node)"
                         (click)="onLookupCardClick(node)"
                       >
                         @if (node.ctaIcon) {
-                          <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                          <span
+                            class="prx-rich-action-button__icon material-symbols-outlined"
+                            aria-hidden="true"
+                          >
                             {{ node.ctaIcon }}
                           </span>
                         }
                         <span>{{ resolveLookupCardCtaLabel(node) }}</span>
                       </button>
                     }
-                    @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                    @if (
+                      resolveActionNodes(node.secondaryActions);
+                      as actionNodes
+                    ) {
                       @if (actionNodes.length) {
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       }
                     }
@@ -2741,67 +3039,122 @@ class PraxisRichContent {
               @case ('relatedRecord') {
                 <section class="prx-rich-related-record">
                   <div class="prx-rich-related-record__copy">
-                    @if (resolveRelatedRecordRelationLabel(node); as relatedRecordRelationLabel) {
-                      <div class="prx-rich-related-record__relation">{{ relatedRecordRelationLabel }}</div>
+                    @if (
+                      resolveRelatedRecordRelationLabel(node);
+                      as relatedRecordRelationLabel
+                    ) {
+                      <div class="prx-rich-related-record__relation">
+                        {{ relatedRecordRelationLabel }}
+                      </div>
                     }
                     <div
                       class="prx-rich-related-record__title-row"
-                      [class.prx-rich-related-record__title-row--with-icon]="node.icon"
+                      [class.prx-rich-related-record__title-row--with-icon]="
+                        node.icon
+                      "
                     >
                       @if (node.icon) {
-                        <span class="prx-rich-related-record__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-related-record__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
-                      @if (resolveRelatedRecordTitle(node); as relatedRecordTitle) {
-                        <div class="prx-rich-related-record__title">{{ relatedRecordTitle }}</div>
+                      @if (
+                        resolveRelatedRecordTitle(node);
+                        as relatedRecordTitle
+                      ) {
+                        <div class="prx-rich-related-record__title">
+                          {{ relatedRecordTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveRelatedRecordSubtitle(node); as relatedRecordSubtitle) {
-                      <div class="prx-rich-related-record__subtitle">{{ relatedRecordSubtitle }}</div>
+                    @if (
+                      resolveRelatedRecordSubtitle(node);
+                      as relatedRecordSubtitle
+                    ) {
+                      <div class="prx-rich-related-record__subtitle">
+                        {{ relatedRecordSubtitle }}
+                      </div>
                     }
                     @if (resolveRelatedRecordMeta(node); as relatedRecordMeta) {
-                      <div class="prx-rich-related-record__meta">{{ relatedRecordMeta }}</div>
+                      <div class="prx-rich-related-record__meta">
+                        {{ relatedRecordMeta }}
+                      </div>
                     }
                     <dl class="prx-rich-related-record__fields">
-                      @for (field of resolveRelatedRecordFields(node); track field.id ?? $index) {
+                      @for (
+                        field of resolveRelatedRecordFields(node);
+                        track field.id ?? $index
+                      ) {
                         <div class="prx-rich-related-record__field">
                           <dt>{{ resolveRelatedRecordFieldLabel(field) }}</dt>
-                          <dd>{{ resolveRelatedRecordFieldValue(field) }}</dd>
-                          @if (resolveRelatedRecordFieldHint(field); as relatedRecordFieldHint) {
-                            <div class="prx-rich-related-record__hint">{{ relatedRecordFieldHint }}</div>
-                          }
+                          <dd>
+                            {{ resolveRelatedRecordFieldValue(field) }}
+                            @if (
+                              resolveRelatedRecordFieldHint(field);
+                              as relatedRecordFieldHint
+                            ) {
+                              <span class="prx-rich-related-record__hint">{{
+                                relatedRecordFieldHint
+                              }}</span>
+                            }
+                          </dd>
                         </div>
                       }
                     </dl>
                   </div>
-                  @if (node.action || (node.secondaryActions?.length ?? 0) > 0) {
+                  @if (
+                    node.action || (node.secondaryActions?.length ?? 0) > 0
+                  ) {
                     <div class="prx-rich-related-record__actions">
                       @if (node.action) {
                         <button
                           type="button"
                           class="prx-rich-action-button"
-                          [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                          [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                          [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                          [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                          [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                          [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                          [class.prx-rich-action-button--raised]="
+                            node.variant === 'raised'
+                          "
+                          [class.prx-rich-action-button--stroked]="
+                            node.variant === 'stroked'
+                          "
+                          [class.prx-rich-action-button--flat]="
+                            node.variant === 'flat'
+                          "
+                          [class.prx-rich-action-button--primary]="
+                            node.color === 'primary'
+                          "
+                          [class.prx-rich-action-button--accent]="
+                            node.color === 'accent'
+                          "
+                          [class.prx-rich-action-button--warn]="
+                            node.color === 'warn'
+                          "
                           [disabled]="isRelatedRecordDisabled(node)"
                           (click)="onRelatedRecordClick(node)"
                         >
                           @if (node.ctaIcon) {
-                            <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                            <span
+                              class="prx-rich-action-button__icon material-symbols-outlined"
+                              aria-hidden="true"
+                            >
                               {{ node.ctaIcon }}
                             </span>
                           }
                           <span>{{ resolveRelatedRecordCtaLabel(node) }}</span>
                         </button>
                       }
-                      @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                      @if (
+                        resolveActionNodes(node.secondaryActions);
+                        as actionNodes
+                      ) {
                         @if (actionNodes.length) {
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: actionNodes }
+                            "
                           ></ng-container>
                         }
                       }
@@ -2814,48 +3167,83 @@ class PraxisRichContent {
                   <div class="prx-rich-action-card__copy">
                     <div class="prx-rich-action-card__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-action-card__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-action-card__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
                       @if (resolveActionCardTitle(node); as actionCardTitle) {
-                        <div class="prx-rich-action-card__title">{{ actionCardTitle }}</div>
+                        <div class="prx-rich-action-card__title">
+                          {{ actionCardTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveActionCardSubtitle(node); as actionCardSubtitle) {
-                      <div class="prx-rich-action-card__subtitle">{{ actionCardSubtitle }}</div>
+                    @if (
+                      resolveActionCardSubtitle(node);
+                      as actionCardSubtitle
+                    ) {
+                      <div class="prx-rich-action-card__subtitle">
+                        {{ actionCardSubtitle }}
+                      </div>
                     }
                     @if (resolveActionCardMessage(node); as actionCardMessage) {
-                      <div class="prx-rich-action-card__message">{{ actionCardMessage }}</div>
+                      <div class="prx-rich-action-card__message">
+                        {{ actionCardMessage }}
+                      </div>
                     }
                     @if (resolveActionCardMeta(node); as actionCardMeta) {
-                      <div class="prx-rich-action-card__meta">{{ actionCardMeta }}</div>
+                      <div class="prx-rich-action-card__meta">
+                        {{ actionCardMeta }}
+                      </div>
                     }
                   </div>
                   <div class="prx-rich-action-card__actions">
                     <button
                       type="button"
                       class="prx-rich-action-button"
-                      [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                      [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                      [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                      [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                      [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                      [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                      [class.prx-rich-action-button--raised]="
+                        node.variant === 'raised'
+                      "
+                      [class.prx-rich-action-button--stroked]="
+                        node.variant === 'stroked'
+                      "
+                      [class.prx-rich-action-button--flat]="
+                        node.variant === 'flat'
+                      "
+                      [class.prx-rich-action-button--primary]="
+                        node.color === 'primary'
+                      "
+                      [class.prx-rich-action-button--accent]="
+                        node.color === 'accent'
+                      "
+                      [class.prx-rich-action-button--warn]="
+                        node.color === 'warn'
+                      "
                       [disabled]="isActionCardDisabled(node)"
                       (click)="onActionCardClick(node)"
                     >
                       @if (node.ctaIcon) {
-                        <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-action-button__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.ctaIcon }}
                         </span>
                       }
                       <span>{{ resolveActionCardCtaLabel(node) }}</span>
                     </button>
-                    @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                    @if (
+                      resolveActionNodes(node.secondaryActions);
+                      as actionNodes
+                    ) {
                       @if (actionNodes.length) {
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       }
                     }
@@ -2871,47 +3259,91 @@ class PraxisRichContent {
                   <div class="prx-rich-decision-package__main">
                     <div class="prx-rich-decision-package__eyebrow">
                       @if (resolveDecisionPackageStatus(node); as status) {
-                        <span class="prx-rich-badge prx-rich-decision-package__status">{{ status }}</span>
+                        <span
+                          class="prx-rich-badge prx-rich-decision-package__status"
+                          >{{ status }}</span
+                        >
                       }
                       @if (resolveDecisionPackageVersion(node); as version) {
-                        <span class="prx-rich-decision-package__meta">{{ version }}</span>
+                        <span class="prx-rich-decision-package__meta">{{
+                          version
+                        }}</span>
                       }
                     </div>
                     @if (resolveDecisionPackageTitle(node); as decisionTitle) {
-                      <div class="prx-rich-decision-package__title">{{ decisionTitle }}</div>
+                      <div class="prx-rich-decision-package__title">
+                        {{ decisionTitle }}
+                      </div>
                     }
-                    @if (resolveDecisionPackageSubtitle(node); as decisionSubtitle) {
-                      <div class="prx-rich-decision-package__subtitle">{{ decisionSubtitle }}</div>
+                    @if (
+                      resolveDecisionPackageSubtitle(node);
+                      as decisionSubtitle
+                    ) {
+                      <div class="prx-rich-decision-package__subtitle">
+                        {{ decisionSubtitle }}
+                      </div>
                     }
-                    @if (resolveDecisionPackageSummary(node); as decisionSummary) {
-                      <div class="prx-rich-decision-package__summary">{{ decisionSummary }}</div>
+                    @if (
+                      resolveDecisionPackageSummary(node);
+                      as decisionSummary
+                    ) {
+                      <div class="prx-rich-decision-package__summary">
+                        {{ decisionSummary }}
+                      </div>
                     }
                     <dl class="prx-rich-decision-package__properties">
                       @if (resolveDecisionPackageOwner(node); as owner) {
                         <div class="prx-rich-decision-package__property">
-                          <dt>{{ tx('renderer.decisionPackage.owner', 'Owner') }}</dt>
+                          <dt>
+                            {{ tx('renderer.decisionPackage.owner', 'Owner') }}
+                          </dt>
                           <dd>{{ owner }}</dd>
                         </div>
                       }
-                      @if (resolveDecisionPackagePolicySource(node); as policySource) {
+                      @if (
+                        resolveDecisionPackagePolicySource(node);
+                        as policySource
+                      ) {
                         <div class="prx-rich-decision-package__property">
-                          <dt>{{ tx('renderer.decisionPackage.policy', 'Policy') }}</dt>
+                          <dt>
+                            {{
+                              tx('renderer.decisionPackage.policy', 'Policy')
+                            }}
+                          </dt>
                           <dd>{{ policySource }}</dd>
                         </div>
                       }
-                      @if (resolveDecisionPackageLastReviewed(node); as lastReviewed) {
+                      @if (
+                        resolveDecisionPackageLastReviewed(node);
+                        as lastReviewed
+                      ) {
                         <div class="prx-rich-decision-package__property">
-                          <dt>{{ tx('renderer.decisionPackage.reviewed', 'Reviewed') }}</dt>
+                          <dt>
+                            {{
+                              tx(
+                                'renderer.decisionPackage.reviewed',
+                                'Reviewed'
+                              )
+                            }}
+                          </dt>
                           <dd>{{ lastReviewed }}</dd>
                         </div>
                       }
                     </dl>
                     @if (resolveDecisionPackageEvidence(node).length) {
                       <div class="prx-rich-decision-package__evidence">
-                        @for (item of resolveDecisionPackageEvidence(node); track item.id ?? $index) {
-                          <span class="prx-rich-decision-package__evidence-item">
+                        @for (
+                          item of resolveDecisionPackageEvidence(node);
+                          track item.id ?? $index
+                        ) {
+                          <span
+                            class="prx-rich-decision-package__evidence-item"
+                          >
                             {{ resolveDecisionPackageEvidenceLabel(item) }}
-                            @if (resolveDecisionPackageEvidenceSource(item); as source) {
+                            @if (
+                              resolveDecisionPackageEvidenceSource(item);
+                              as source
+                            ) {
                               <small>{{ source }}</small>
                             }
                           </span>
@@ -2920,26 +3352,49 @@ class PraxisRichContent {
                     }
                   </div>
                   <div class="prx-rich-decision-package__aside">
-                    @if (resolveDecisionPackageConfidence(node); as confidence) {
+                    @if (
+                      resolveDecisionPackageConfidence(node);
+                      as confidence
+                    ) {
                       <div class="prx-rich-decision-package__confidence">
                         <span>{{ confidence }}</span>
-                        <small>{{ tx('renderer.decisionPackage.confidence', 'Confidence') }}</small>
+                        <small>{{
+                          tx(
+                            'renderer.decisionPackage.confidence',
+                            'Confidence'
+                          )
+                        }}</small>
                       </div>
                     }
                     @if (resolveDecisionPackageRisk(node); as risk) {
-                      <span class="prx-rich-badge prx-rich-decision-package__risk">{{ risk }}</span>
+                      <span
+                        class="prx-rich-badge prx-rich-decision-package__risk"
+                        >{{ risk }}</span
+                      >
                     }
-                    @if (node.primaryAction || (node.secondaryActions?.length ?? 0) > 0) {
+                    @if (
+                      node.primaryAction ||
+                      (node.secondaryActions?.length ?? 0) > 0
+                    ) {
                       <div class="prx-rich-decision-package__actions">
                         @if (node.primaryAction) {
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: [node.primaryAction] }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: [node.primaryAction] }
+                            "
                           ></ng-container>
                         }
-                        @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                        @if (
+                          resolveActionNodes(node.secondaryActions);
+                          as actionNodes
+                        ) {
                           @if (actionNodes.length) {
                             <ng-container
-                              *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                              *ngTemplateOutlet="
+                                renderNodes;
+                                context: { $implicit: actionNodes }
+                              "
                             ></ng-container>
                           }
                         }
@@ -2949,32 +3404,56 @@ class PraxisRichContent {
                 </section>
               }
               @case ('collapsibleCard') {
-                <details class="prx-rich-collapsible-card" [attr.open]="node.defaultExpanded ? '' : null">
+                <details
+                  class="prx-rich-collapsible-card"
+                  [attr.open]="node.defaultExpanded ? '' : null"
+                >
                   <summary class="prx-rich-collapsible-card__summary">
                     <span class="prx-rich-collapsible-card__summary-copy">
                       @if (node.icon) {
-                        <span class="material-symbols-outlined prx-rich-collapsible-card__icon" aria-hidden="true">
+                        <span
+                          class="material-symbols-outlined prx-rich-collapsible-card__icon"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
-                      @if (resolveCollapsibleCardTitle(node); as collapsibleCardTitle) {
-                        <span class="prx-rich-collapsible-card__title">{{ collapsibleCardTitle }}</span>
+                      @if (
+                        resolveCollapsibleCardTitle(node);
+                        as collapsibleCardTitle
+                      ) {
+                        <span class="prx-rich-collapsible-card__title">{{
+                          collapsibleCardTitle
+                        }}</span>
                       }
-                      @if (resolveCollapsibleCardSubtitle(node); as collapsibleCardSubtitle) {
-                        <span class="prx-rich-collapsible-card__subtitle">{{ collapsibleCardSubtitle }}</span>
+                      @if (
+                        resolveCollapsibleCardSubtitle(node);
+                        as collapsibleCardSubtitle
+                      ) {
+                        <span class="prx-rich-collapsible-card__subtitle">{{
+                          collapsibleCardSubtitle
+                        }}</span>
                       }
                     </span>
                   </summary>
                   <div class="prx-rich-collapsible-card__content">
                     <ng-container
-                      *ngTemplateOutlet="renderNodes; context: { $implicit: resolveCollapsibleCardNodes(node) }"
+                      *ngTemplateOutlet="
+                        renderNodes;
+                        context: {
+                          $implicit: resolveCollapsibleCardNodes(node),
+                        }
+                      "
                     ></ng-container>
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-collapsible-card__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -2986,45 +3465,84 @@ class PraxisRichContent {
                   <div class="prx-rich-form-launcher__copy">
                     <div class="prx-rich-form-launcher__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-form-launcher__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-form-launcher__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
-                      @if (resolveFormLauncherTitle(node); as formLauncherTitle) {
-                        <div class="prx-rich-form-launcher__title">{{ formLauncherTitle }}</div>
+                      @if (
+                        resolveFormLauncherTitle(node);
+                        as formLauncherTitle
+                      ) {
+                        <div class="prx-rich-form-launcher__title">
+                          {{ formLauncherTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveFormLauncherSubtitle(node); as formLauncherSubtitle) {
-                      <div class="prx-rich-form-launcher__subtitle">{{ formLauncherSubtitle }}</div>
+                    @if (
+                      resolveFormLauncherSubtitle(node);
+                      as formLauncherSubtitle
+                    ) {
+                      <div class="prx-rich-form-launcher__subtitle">
+                        {{ formLauncherSubtitle }}
+                      </div>
                     }
-                    @if (resolveFormLauncherDescription(node); as formLauncherDescription) {
-                      <div class="prx-rich-form-launcher__description">{{ formLauncherDescription }}</div>
+                    @if (
+                      resolveFormLauncherDescription(node);
+                      as formLauncherDescription
+                    ) {
+                      <div class="prx-rich-form-launcher__description">
+                        {{ formLauncherDescription }}
+                      </div>
                     }
                   </div>
                   <div class="prx-rich-form-launcher__actions">
                     <button
                       type="button"
                       class="prx-rich-action-button"
-                      [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                      [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                      [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                      [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                      [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                      [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                      [class.prx-rich-action-button--raised]="
+                        node.variant === 'raised'
+                      "
+                      [class.prx-rich-action-button--stroked]="
+                        node.variant === 'stroked'
+                      "
+                      [class.prx-rich-action-button--flat]="
+                        node.variant === 'flat'
+                      "
+                      [class.prx-rich-action-button--primary]="
+                        node.color === 'primary'
+                      "
+                      [class.prx-rich-action-button--accent]="
+                        node.color === 'accent'
+                      "
+                      [class.prx-rich-action-button--warn]="
+                        node.color === 'warn'
+                      "
                       [disabled]="isFormLauncherDisabled(node)"
                       (click)="onFormLauncherClick(node)"
                     >
                       @if (node.ctaIcon) {
-                        <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-action-button__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.ctaIcon }}
                         </span>
                       }
                       <span>{{ resolveFormLauncherCtaLabel(node) }}</span>
                     </button>
-                    @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                    @if (
+                      resolveActionNodes(node.secondaryActions);
+                      as actionNodes
+                    ) {
                       @if (actionNodes.length) {
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       }
                     }
@@ -3032,32 +3550,51 @@ class PraxisRichContent {
                 </section>
               }
               @case ('disclosure') {
-                <details class="prx-rich-disclosure" [attr.open]="node.defaultExpanded ? '' : null">
+                <details
+                  class="prx-rich-disclosure"
+                  [attr.open]="node.defaultExpanded ? '' : null"
+                >
                   <summary class="prx-rich-disclosure__summary">
                     @if (node.icon) {
-                      <span class="material-symbols-outlined prx-rich-disclosure__icon" aria-hidden="true">
+                      <span
+                        class="material-symbols-outlined prx-rich-disclosure__icon"
+                        aria-hidden="true"
+                      >
                         {{ node.icon }}
                       </span>
                     }
                     <span class="prx-rich-disclosure__summary-copy">
                       @if (resolveDisclosureTitle(node); as disclosureTitle) {
-                        <span class="prx-rich-disclosure__title">{{ disclosureTitle }}</span>
+                        <span class="prx-rich-disclosure__title">{{
+                          disclosureTitle
+                        }}</span>
                       }
-                      @if (resolveDisclosureSubtitle(node); as disclosureSubtitle) {
-                        <span class="prx-rich-disclosure__subtitle">{{ disclosureSubtitle }}</span>
+                      @if (
+                        resolveDisclosureSubtitle(node);
+                        as disclosureSubtitle
+                      ) {
+                        <span class="prx-rich-disclosure__subtitle">{{
+                          disclosureSubtitle
+                        }}</span>
                       }
                     </span>
                   </summary>
                   <div class="prx-rich-disclosure__content">
                     <ng-container
-                      *ngTemplateOutlet="renderNodes; context: { $implicit: resolveDisclosureNodes(node) }"
+                      *ngTemplateOutlet="
+                        renderNodes;
+                        context: { $implicit: resolveDisclosureNodes(node) }
+                      "
                     ></ng-container>
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-disclosure__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3067,29 +3604,55 @@ class PraxisRichContent {
               @case ('accordion') {
                 <section class="prx-rich-accordion">
                   @if (resolveAccordionTitle(node); as accordionTitle) {
-                    <div class="prx-rich-accordion__title">{{ accordionTitle }}</div>
+                    <div class="prx-rich-accordion__title">
+                      {{ accordionTitle }}
+                    </div>
                   }
                   <div class="prx-rich-accordion__items">
-                    @for (item of resolveAccordionItems(node); track item.id ?? $index) {
-                      <details class="prx-rich-accordion__item" [attr.open]="item.defaultExpanded ? '' : null">
+                    @for (
+                      item of resolveAccordionItems(node);
+                      track item.id ?? $index
+                    ) {
+                      <details
+                        class="prx-rich-accordion__item"
+                        [attr.open]="item.defaultExpanded ? '' : null"
+                      >
                         <summary class="prx-rich-accordion__summary">
-                          @if (resolveAccordionItemTitle(item); as accordionItemTitle) {
-                            <span class="prx-rich-accordion__item-title">{{ accordionItemTitle }}</span>
+                          @if (
+                            resolveAccordionItemTitle(item);
+                            as accordionItemTitle
+                          ) {
+                            <span class="prx-rich-accordion__item-title">{{
+                              accordionItemTitle
+                            }}</span>
                           }
-                          @if (resolveAccordionItemSubtitle(item); as accordionItemSubtitle) {
-                            <span class="prx-rich-accordion__item-subtitle">{{ accordionItemSubtitle }}</span>
+                          @if (
+                            resolveAccordionItemSubtitle(item);
+                            as accordionItemSubtitle
+                          ) {
+                            <span class="prx-rich-accordion__item-subtitle">{{
+                              accordionItemSubtitle
+                            }}</span>
                           }
                         </summary>
                         <div class="prx-rich-accordion__content">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: resolveAccordionItemNodes(item) }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: {
+                                $implicit: resolveAccordionItemNodes(item),
+                              }
+                            "
                           ></ng-container>
                         </div>
                         @if (resolveActionNodes(item.actions); as actionNodes) {
                           @if (actionNodes.length) {
                             <div class="prx-rich-accordion__actions">
                               <ng-container
-                                *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                                *ngTemplateOutlet="
+                                  renderNodes;
+                                  context: { $implicit: actionNodes }
+                                "
                               ></ng-container>
                             </div>
                           }
@@ -3105,7 +3668,10 @@ class PraxisRichContent {
                     @if (avatarNodes.length) {
                       <div class="prx-rich-media-block__avatar">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: avatarNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: avatarNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3115,16 +3681,25 @@ class PraxisRichContent {
                       @if (titleNodes.length) {
                         <div class="prx-rich-media-block__title">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: titleNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: titleNodes }
+                            "
                           ></ng-container>
                         </div>
                       }
                     }
-                    @if (resolveMediaBlockSubtitleNodes(node); as subtitleNodes) {
+                    @if (
+                      resolveMediaBlockSubtitleNodes(node);
+                      as subtitleNodes
+                    ) {
                       @if (subtitleNodes.length) {
                         <div class="prx-rich-media-block__subtitle">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: subtitleNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: subtitleNodes }
+                            "
                           ></ng-container>
                         </div>
                       }
@@ -3133,7 +3708,10 @@ class PraxisRichContent {
                       @if (metaNodes.length) {
                         <div class="prx-rich-media-block__meta">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: metaNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: metaNodes }
+                            "
                           ></ng-container>
                         </div>
                       }
@@ -3143,7 +3721,10 @@ class PraxisRichContent {
                     @if (trailingNodes.length) {
                       <div class="prx-rich-media-block__trailing">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: trailingNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: trailingNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3156,80 +3737,254 @@ class PraxisRichContent {
                   [attr.data-orientation]="resolveTimelineOrientation(node)"
                   [attr.data-position]="resolveTimelinePosition(node)"
                   [attr.data-order]="resolveTimelineOrder(node)"
-                  [attr.data-marker-variant]="resolveTimelineMarkerVariant(node)"
-                  [attr.data-marker-color]="resolveTimelineNodeMarkerColor(node)"
-                  [attr.data-connector-variant]="resolveTimelineConnectorVariant(node)"
-                  [attr.data-connector-color]="resolveTimelineNodeConnectorColor(node)"
+                  [attr.data-marker-variant]="
+                    resolveTimelineMarkerVariant(node)
+                  "
+                  [attr.data-marker-color]="
+                    resolveTimelineNodeMarkerColor(node)
+                  "
+                  [attr.data-connector-variant]="
+                    resolveTimelineConnectorVariant(node)
+                  "
+                  [attr.data-connector-color]="
+                    resolveTimelineNodeConnectorColor(node)
+                  "
                   [attr.data-emphasis]="resolveTimelineEmphasis(node)"
                   [attr.data-density]="resolveTimelineDensity(node)"
-                  [attr.data-text-appearance]="resolveTimelineTextAppearance(node)"
-                  [style.--prx-rich-timeline-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-size')"
-                  [style.--prx-rich-timeline-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-color')"
-                  [style.--prx-rich-timeline-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-weight')"
-                  [style.--prx-rich-timeline-item-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-size')"
-                  [style.--prx-rich-timeline-item-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-color')"
-                  [style.--prx-rich-timeline-item-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-weight')"
-                  [style.--prx-rich-timeline-item-subtitle-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-font-size')"
-                  [style.--prx-rich-timeline-item-subtitle-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-color')"
-                  [style.--prx-rich-timeline-item-meta-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-font-size')"
-                  [style.--prx-rich-timeline-item-meta-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-color')"
-                  [style.--prx-rich-timeline-opposite-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-size')"
-                  [style.--prx-rich-timeline-opposite-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-color')"
-                  [style.--prx-rich-timeline-opposite-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-weight')"
-                  [style.--prx-rich-timeline-item-body-background]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-background')"
-                  [style.--prx-rich-timeline-item-body-border]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border')"
-                  [style.--prx-rich-timeline-item-body-border-radius]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border-radius')"
-                  [style.--prx-rich-timeline-item-body-padding]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-padding')"
-                  [class.prx-rich-timeline--left]="resolveTimelinePosition(node) === 'left'"
-                  [class.prx-rich-timeline--right]="resolveTimelinePosition(node) === 'right'"
-                  [class.prx-rich-timeline--alternate]="resolveTimelinePosition(node) === 'alternate'"
-                  [class.prx-rich-timeline--alternate-reverse]="resolveTimelinePosition(node) === 'alternate-reverse'"
-                  [class.prx-rich-timeline--vertical]="resolveTimelineOrientation(node) === 'vertical'"
-                  [class.prx-rich-timeline--horizontal]="resolveTimelineOrientation(node) === 'horizontal'"
-                  [class.prx-rich-timeline--order-reverse]="resolveTimelineOrder(node) === 'reverse'"
-                  [class.prx-rich-timeline--connector-dashed]="resolveTimelineConnectorVariant(node) === 'dashed'"
-                  [class.prx-rich-timeline--connector-none]="resolveTimelineConnectorVariant(node) === 'none'"
-                  [class.prx-rich-timeline--marker-dot]="resolveTimelineMarkerVariant(node) === 'dot'"
-                  [class.prx-rich-timeline--marker-icon]="resolveTimelineMarkerVariant(node) === 'icon'"
-                  [class.prx-rich-timeline--marker-number]="resolveTimelineMarkerVariant(node) === 'number'"
-                  [class.prx-rich-timeline--emphasis-subtle]="resolveTimelineEmphasis(node) === 'subtle'"
-                  [class.prx-rich-timeline--emphasis-strong]="resolveTimelineEmphasis(node) === 'strong'"
-                  [class.prx-rich-timeline--emphasis-hero]="resolveTimelineEmphasis(node) === 'hero'"
-                  [class.prx-rich-timeline--density-compact]="resolveTimelineDensity(node) === 'compact'"
-                  [class.prx-rich-timeline--density-spacious]="resolveTimelineDensity(node) === 'spacious'"
-                  [class.prx-rich-timeline--text-prominent]="resolveTimelineTextAppearance(node) === 'prominent'"
-                  [class.prx-rich-timeline--text-eyebrow]="resolveTimelineTextAppearance(node) === 'eyebrow'"
-                  [class.prx-rich-timeline--text-label]="resolveTimelineTextAppearance(node) === 'label'"
+                  [attr.data-text-appearance]="
+                    resolveTimelineTextAppearance(node)
+                  "
+                  [style.--prx-rich-timeline-title-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-title-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-title-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-title-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-title-font-weight]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-title-font-weight'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-title-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-title-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-title-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-title-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-title-font-weight]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-title-font-weight'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-subtitle-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-subtitle-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-subtitle-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-subtitle-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-meta-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-meta-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-meta-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-meta-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-opposite-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-opposite-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-opposite-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-opposite-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-opposite-font-weight]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-opposite-font-weight'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-background]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-background'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-border]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-border'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-border-radius]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-border-radius'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-padding]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-padding'
+                    )
+                  "
+                  [class.prx-rich-timeline--left]="
+                    resolveTimelinePosition(node) === 'left'
+                  "
+                  [class.prx-rich-timeline--right]="
+                    resolveTimelinePosition(node) === 'right'
+                  "
+                  [class.prx-rich-timeline--alternate]="
+                    resolveTimelinePosition(node) === 'alternate'
+                  "
+                  [class.prx-rich-timeline--alternate-reverse]="
+                    resolveTimelinePosition(node) === 'alternate-reverse'
+                  "
+                  [class.prx-rich-timeline--vertical]="
+                    resolveTimelineOrientation(node) === 'vertical'
+                  "
+                  [class.prx-rich-timeline--horizontal]="
+                    resolveTimelineOrientation(node) === 'horizontal'
+                  "
+                  [class.prx-rich-timeline--order-reverse]="
+                    resolveTimelineOrder(node) === 'reverse'
+                  "
+                  [class.prx-rich-timeline--connector-dashed]="
+                    resolveTimelineConnectorVariant(node) === 'dashed'
+                  "
+                  [class.prx-rich-timeline--connector-none]="
+                    resolveTimelineConnectorVariant(node) === 'none'
+                  "
+                  [class.prx-rich-timeline--marker-dot]="
+                    resolveTimelineMarkerVariant(node) === 'dot'
+                  "
+                  [class.prx-rich-timeline--marker-icon]="
+                    resolveTimelineMarkerVariant(node) === 'icon'
+                  "
+                  [class.prx-rich-timeline--marker-number]="
+                    resolveTimelineMarkerVariant(node) === 'number'
+                  "
+                  [class.prx-rich-timeline--emphasis-subtle]="
+                    resolveTimelineEmphasis(node) === 'subtle'
+                  "
+                  [class.prx-rich-timeline--emphasis-strong]="
+                    resolveTimelineEmphasis(node) === 'strong'
+                  "
+                  [class.prx-rich-timeline--emphasis-hero]="
+                    resolveTimelineEmphasis(node) === 'hero'
+                  "
+                  [class.prx-rich-timeline--density-compact]="
+                    resolveTimelineDensity(node) === 'compact'
+                  "
+                  [class.prx-rich-timeline--density-spacious]="
+                    resolveTimelineDensity(node) === 'spacious'
+                  "
+                  [class.prx-rich-timeline--text-prominent]="
+                    resolveTimelineTextAppearance(node) === 'prominent'
+                  "
+                  [class.prx-rich-timeline--text-eyebrow]="
+                    resolveTimelineTextAppearance(node) === 'eyebrow'
+                  "
+                  [class.prx-rich-timeline--text-label]="
+                    resolveTimelineTextAppearance(node) === 'label'
+                  "
                   [ngClass]="resolveTimelineClasses(node)"
                 >
                   @if (resolveTimelineTitle(node); as timelineTitle) {
-                    <div class="prx-rich-timeline__title">{{ timelineTitle }}</div>
+                    <div class="prx-rich-timeline__title">
+                      {{ timelineTitle }}
+                    </div>
                   }
                   @if (resolveTimelineItems(node).length) {
                     <ol
                       class="prx-rich-timeline__items"
-                      [attr.aria-label]="resolveTimelineTitle(node) || 'Timeline'"
-                      [attr.tabindex]="resolveTimelineOrientation(node) === 'horizontal' ? 0 : null"
+                      [attr.aria-label]="
+                        resolveTimelineTitle(node) || 'Timeline'
+                      "
+                      [attr.tabindex]="
+                        resolveTimelineOrientation(node) === 'horizontal'
+                          ? 0
+                          : null
+                      "
                     >
-                      @for (item of resolveTimelineItems(node); track item.id ?? $index; let odd = $odd) {
+                      @for (
+                        item of resolveTimelineItems(node);
+                        track item.id ?? $index;
+                        let odd = $odd
+                      ) {
                         <li
                           class="prx-rich-timeline__item"
                           [attr.data-item-id]="resolveTimelineItemId(item)"
-                          [attr.data-has-opposite]="resolveTimelineItemOpposite(item) ? 'true' : null"
-                          [attr.data-marker-color]="resolveTimelineItemMarkerColor(item)"
-                          [attr.data-connector-color]="resolveTimelineItemConnectorColor(item)"
-                          [attr.data-connector-variant]="resolveTimelineItemConnectorVariant(item)"
+                          [attr.data-has-opposite]="
+                            resolveTimelineItemOpposite(item) ? 'true' : null
+                          "
+                          [attr.data-marker-color]="
+                            resolveTimelineItemMarkerColor(item)
+                          "
+                          [attr.data-connector-color]="
+                            resolveTimelineItemConnectorColor(item)
+                          "
+                          [attr.data-connector-variant]="
+                            resolveTimelineItemConnectorVariant(item)
+                          "
                           [class.prx-rich-timeline__item--odd]="odd"
-                          [class.prx-rich-timeline__item--has-opposite]="!!resolveTimelineItemOpposite(item)"
+                          [class.prx-rich-timeline__item--has-opposite]="
+                            !!resolveTimelineItemOpposite(item)
+                          "
                           [ngClass]="resolveTimelineItemClasses(node, item)"
                         >
-                          @if (resolveTimelineItemOpposite(item); as itemOpposite) {
-                            <div class="prx-rich-timeline__item-opposite">{{ itemOpposite }}</div>
+                          @if (
+                            resolveTimelineItemOpposite(item);
+                            as itemOpposite
+                          ) {
+                            <div class="prx-rich-timeline__item-opposite">
+                              {{ itemOpposite }}
+                            </div>
                           }
                           <div class="prx-rich-timeline__item-marker">
-                            @if (resolveTimelineMarkerVariant(node) === 'number') {
-                              <span class="prx-rich-timeline__item-number" aria-hidden="true">{{ resolveTimelineItemNumber(node, item, $index) }}</span>
-                            } @else if (resolveTimelineMarkerVariant(node) === 'icon' && resolveTimelineItemIcon(item); as icon) {
+                            @if (
+                              resolveTimelineMarkerVariant(node) === 'number'
+                            ) {
+                              <span
+                                class="prx-rich-timeline__item-number"
+                                aria-hidden="true"
+                                >{{
+                                  resolveTimelineItemNumber(node, item, $index)
+                                }}</span
+                              >
+                            } @else if (
+                              resolveTimelineMarkerVariant(node) === 'icon' &&
+                                resolveTimelineItemIcon(item);
+                              as icon
+                            ) {
                               <span
                                 class="prx-rich-timeline__item-icon material-symbols-outlined"
                                 aria-hidden="true"
@@ -3237,22 +3992,36 @@ class PraxisRichContent {
                                 {{ icon }}
                               </span>
                             } @else {
-                              <span class="prx-rich-timeline__item-dot" aria-hidden="true"></span>
+                              <span
+                                class="prx-rich-timeline__item-dot"
+                                aria-hidden="true"
+                              ></span>
                             }
                           </div>
                           <div class="prx-rich-timeline__item-body">
                             @if (resolveTimelineItemTitle(item); as itemTitle) {
-                              <div class="prx-rich-timeline__item-title">{{ itemTitle }}</div>
+                              <div class="prx-rich-timeline__item-title">
+                                {{ itemTitle }}
+                              </div>
                             }
-                            @if (resolveTimelineItemSubtitle(item); as itemSubtitle) {
-                              <div class="prx-rich-timeline__item-subtitle">{{ itemSubtitle }}</div>
+                            @if (
+                              resolveTimelineItemSubtitle(item);
+                              as itemSubtitle
+                            ) {
+                              <div class="prx-rich-timeline__item-subtitle">
+                                {{ itemSubtitle }}
+                              </div>
                             }
                             @if (resolveTimelineItemMeta(item); as itemMeta) {
-                              <div class="prx-rich-timeline__item-meta">{{ itemMeta }}</div>
+                              <div class="prx-rich-timeline__item-meta">
+                                {{ itemMeta }}
+                              </div>
                             }
                             @if (resolveTimelineItemBadge(item); as itemBadge) {
                               <div class="prx-rich-timeline__item-badge">
-                                <span class="prx-rich-badge">{{ itemBadge }}</span>
+                                <span class="prx-rich-badge">{{
+                                  itemBadge
+                                }}</span>
                               </div>
                             }
                           </div>
@@ -3260,14 +4029,19 @@ class PraxisRichContent {
                       }
                     </ol>
                   } @else if (node.emptyText) {
-                    <div class="prx-rich-timeline__empty">{{ node.emptyText }}</div>
+                    <div class="prx-rich-timeline__empty">
+                      {{ node.emptyText }}
+                    </div>
                   }
                 </div>
               }
               @case ('preset') {
                 @if (resolvePresetNodes(node); as presetNodes) {
                   <ng-container
-                    *ngTemplateOutlet="renderNodes; context: { $implicit: presetNodes }"
+                    *ngTemplateOutlet="
+                      renderNodes;
+                      context: { $implicit: presetNodes }
+                    "
                   ></ng-container>
                 }
               }
@@ -3292,16 +4066,22 @@ class PraxisRichContent {
           playsinline
         ></video>
       } @else if (media.kind === 'icon') {
-        <span class="prx-rich-card-media__icon material-symbols-outlined" aria-hidden="true">
+        <span
+          class="prx-rich-card-media__icon material-symbols-outlined"
+          aria-hidden="true"
+        >
           {{ media.icon }}
         </span>
       } @else if (media.kind === 'avatar') {
-        <span class="prx-rich-card-media__avatar" [attr.aria-label]="resolveCardMediaLabel(media)">
+        <span
+          class="prx-rich-card-media__avatar"
+          [attr.aria-label]="resolveCardMediaLabel(media)"
+        >
           {{ resolveCardMediaFallback(media) }}
         </span>
       }
     </ng-template>
-  `, isInline: true, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{grid-column:2}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-secondary, #fff)}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-tertiary, #fff)}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var(--md-sys-color-secondary, #625b71)}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var(--md-sys-color-tertiary, #7d5260)}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{display:block;font-weight:400;margin-top:2px}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var( --md-sys-color-outline-variant, #cac4d0 );--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-secondary, #fff )}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-tertiary, #fff )}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var( --md-sys-color-secondary, #625b71 )}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var( --md-sys-color-tertiary, #7d5260 )}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f )}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRichContent, decorators: [{
             type: Component,
@@ -3312,7 +4092,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [ngClass]="rootClassName"
     >
       <ng-container
-        *ngTemplateOutlet="renderNodes; context: { $implicit: renderableNodes() }"
+        *ngTemplateOutlet="
+          renderNodes;
+          context: { $implicit: renderableNodes() }
+        "
       ></ng-container>
     </div>
 
@@ -3360,27 +4143,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </a>
               }
               @case ('badge') {
-                <span class="prx-rich-badge">{{ resolveBadgeLabel(node) }}</span>
+                <span class="prx-rich-badge">{{
+                  resolveBadgeLabel(node)
+                }}</span>
               }
               @case ('avatar') {
                 <div class="prx-rich-avatar">
                   @if (resolveAvatarImage(node); as avatarImage) {
-                    <img class="prx-rich-avatar-image" [src]="avatarImage" [alt]="resolveAvatarLabel(node)" />
+                    <img
+                      class="prx-rich-avatar-image"
+                      [src]="avatarImage"
+                      [alt]="resolveAvatarLabel(node)"
+                    />
                   } @else {
-                    <span class="prx-rich-avatar-fallback">{{ resolveAvatarFallback(node) }}</span>
+                    <span class="prx-rich-avatar-fallback">{{
+                      resolveAvatarFallback(node)
+                    }}</span>
                   }
                 </div>
               }
               @case ('metric') {
-                <div class="prx-rich-metric" [class.prx-rich-metric--with-icon]="node.icon">
+                <div
+                  class="prx-rich-metric"
+                  [class.prx-rich-metric--with-icon]="node.icon"
+                >
                   @if (node.icon) {
-                    <span class="material-symbols-outlined prx-rich-metric-icon" aria-hidden="true">
+                    <span
+                      class="material-symbols-outlined prx-rich-metric-icon"
+                      aria-hidden="true"
+                    >
                       {{ node.icon }}
                     </span>
                   }
                   <div class="prx-rich-metric-content">
                     <div class="prx-rich-metric-label">{{ node.label }}</div>
-                    <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
+                    <div class="prx-rich-metric-value">
+                      {{ resolveMetricValue(node) }}
+                    </div>
                     @if (resolveMetricCaption(node); as caption) {
                       <div class="prx-rich-metric-caption">{{ caption }}</div>
                     }
@@ -3392,10 +4191,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   @if (resolveProgressLabel(node) || node.showPercent) {
                     <div class="prx-rich-progress-header">
                       @if (resolveProgressLabel(node); as progressLabel) {
-                        <div class="prx-rich-progress-label">{{ progressLabel }}</div>
+                        <div class="prx-rich-progress-label">
+                          {{ progressLabel }}
+                        </div>
                       }
                       @if (node.showPercent) {
-                        <div class="prx-rich-progress-percent">{{ resolveProgressPercent(node) }}</div>
+                        <div class="prx-rich-progress-percent">
+                          {{ resolveProgressPercent(node) }}
+                        </div>
                       }
                     </div>
                   }
@@ -3411,11 +4214,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 <button
                   type="button"
                   class="prx-rich-action-button"
-                  [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                  [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
+                  [class.prx-rich-action-button--raised]="
+                    node.variant === 'raised'
+                  "
+                  [class.prx-rich-action-button--stroked]="
+                    node.variant === 'stroked'
+                  "
                   [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                  [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                  [class.prx-rich-action-button--accent]="node.color === 'accent'"
+                  [class.prx-rich-action-button--primary]="
+                    node.color === 'primary'
+                  "
+                  [class.prx-rich-action-button--accent]="
+                    node.color === 'accent'
+                  "
                   [class.prx-rich-action-button--warn]="node.color === 'warn'"
                   [disabled]="isActionButtonDisabled(node)"
                   (click)="onActionButtonClick(node)"
@@ -3439,7 +4250,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [class.wrap]="node.wrap === true"
                 >
                   <ng-container
-                    *ngTemplateOutlet="renderNodes; context: { $implicit: node.items }"
+                    *ngTemplateOutlet="
+                      renderNodes;
+                      context: { $implicit: node.items }
+                    "
                   ></ng-container>
                 </div>
               }
@@ -3447,16 +4261,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 <section
                   class="prx-rich-card"
                   [class.prx-rich-card--interactive]="isCardInteractive(node)"
-                  [class.prx-rich-card--disabled]="isCardInteractionDisabled(node)"
+                  [class.prx-rich-card--disabled]="
+                    isCardInteractionDisabled(node)
+                  "
                   [class.prx-rich-card--selected]="isCardSelected(node)"
                   [class.prx-rich-card--active]="isCardActive(node)"
                   [class.prx-rich-card--loading]="isCardLoading(node)"
-                  [class.prx-rich-card--media-leading]="resolveCardMedia(node)?.placement === 'leading'"
-                  [class.prx-rich-card--media-trailing]="resolveCardMedia(node)?.placement === 'trailing'"
-                  [class.prx-rich-card--media-top]="!resolveCardMedia(node)?.placement || resolveCardMedia(node)?.placement === 'top'"
-                  [class.prx-rich-card--media-background]="resolveCardMedia(node)?.placement === 'background'"
-                  [class.prx-rich-card--media-icon]="resolveCardMedia(node)?.kind === 'icon'"
-                  [class.prx-rich-card--media-avatar]="resolveCardMedia(node)?.kind === 'avatar'"
+                  [class.prx-rich-card--media-leading]="
+                    resolveCardMedia(node)?.placement === 'leading'
+                  "
+                  [class.prx-rich-card--media-trailing]="
+                    resolveCardMedia(node)?.placement === 'trailing'
+                  "
+                  [class.prx-rich-card--media-top]="
+                    !resolveCardMedia(node)?.placement ||
+                    resolveCardMedia(node)?.placement === 'top'
+                  "
+                  [class.prx-rich-card--media-background]="
+                    resolveCardMedia(node)?.placement === 'background'
+                  "
+                  [class.prx-rich-card--media-icon]="
+                    resolveCardMedia(node)?.kind === 'icon'
+                  "
+                  [class.prx-rich-card--media-avatar]="
+                    resolveCardMedia(node)?.kind === 'avatar'
+                  "
                   [attr.data-variant]="node.variant ?? 'outlined'"
                   [attr.data-tone]="node.tone ?? 'neutral'"
                   [attr.data-size]="node.size ?? 'md'"
@@ -3465,18 +4294,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [attr.role]="resolveCardRole(node)"
                   [attr.tabindex]="resolveCardTabIndex(node)"
                   [attr.aria-label]="resolveCardAriaLabel(node)"
-                  [attr.aria-labelledby]="node.accessibility?.ariaLabelledBy ?? null"
-                  [attr.aria-describedby]="node.accessibility?.ariaDescribedBy ?? null"
-                  [attr.aria-disabled]="isCardInteractive(node) && isCardInteractionDisabled(node) ? 'true' : null"
-                  [attr.aria-selected]="node.interaction?.mode === 'selectable' ? isCardSelected(node) : null"
+                  [attr.aria-labelledby]="
+                    node.accessibility?.ariaLabelledBy ?? null
+                  "
+                  [attr.aria-describedby]="
+                    node.accessibility?.ariaDescribedBy ?? null
+                  "
+                  [attr.aria-disabled]="
+                    isCardInteractive(node) && isCardInteractionDisabled(node)
+                      ? 'true'
+                      : null
+                  "
+                  [attr.aria-selected]="
+                    node.interaction?.mode === 'selectable'
+                      ? isCardSelected(node)
+                      : null
+                  "
                   (click)="onCardSurfaceClick(node, $event)"
                   (keydown)="onCardSurfaceKeydown(node, $event)"
                 >
                   @if (resolveCardMedia(node); as media) {
                     @if (media.placement === 'background') {
-                      <div class="prx-rich-card-media prx-rich-card-media--background" aria-hidden="true">
+                      <div
+                        class="prx-rich-card-media prx-rich-card-media--background"
+                        aria-hidden="true"
+                      >
                         <ng-container
-                          *ngTemplateOutlet="cardMedia; context: { media: media }"
+                          *ngTemplateOutlet="
+                            cardMedia;
+                            context: { media: media }
+                          "
                         ></ng-container>
                       </div>
                     } @else {
@@ -3487,7 +4334,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         [style.aspect-ratio]="media.aspectRatio || null"
                       >
                         <ng-container
-                          *ngTemplateOutlet="cardMedia; context: { media: media }"
+                          *ngTemplateOutlet="
+                            cardMedia;
+                            context: { media: media }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3497,13 +4347,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       <div class="prx-rich-card-header">
                         <div class="prx-rich-card-header__content">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: headerNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: headerNodes }
+                            "
                           ></ng-container>
                         </div>
                         @if (node.headerAction) {
                           <div class="prx-rich-card-header__action">
                             <ng-container
-                              *ngTemplateOutlet="renderNodes; context: { $implicit: [node.headerAction] }"
+                              *ngTemplateOutlet="
+                                renderNodes;
+                                context: { $implicit: [node.headerAction] }
+                              "
                             ></ng-container>
                           </div>
                         }
@@ -3526,7 +4382,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (bodyNodes.length) {
                       <div class="prx-rich-card-body">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: bodyNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: bodyNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3535,7 +4394,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (actionNodes.length) {
                       <div class="prx-rich-card-actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3544,7 +4406,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (footerNodes.length) {
                       <div class="prx-rich-card-footer">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: footerNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: footerNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3553,7 +4418,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (asideNodes.length) {
                       <div class="prx-rich-card-aside">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: asideNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: asideNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3561,27 +4429,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('callout') {
-                <section class="prx-rich-callout" [attr.data-tone]="node.tone ?? 'info'">
+                <section
+                  class="prx-rich-callout"
+                  [attr.data-tone]="node.tone ?? 'info'"
+                >
                   <div class="prx-rich-callout__main">
                     <div class="prx-rich-callout__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-callout__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-callout__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
                       @if (resolveCalloutTitle(node); as calloutTitle) {
-                        <div class="prx-rich-callout__title">{{ calloutTitle }}</div>
+                        <div class="prx-rich-callout__title">
+                          {{ calloutTitle }}
+                        </div>
                       }
                     </div>
                     @if (resolveCalloutMessage(node); as calloutMessage) {
-                      <div class="prx-rich-callout__message">{{ calloutMessage }}</div>
+                      <div class="prx-rich-callout__message">
+                        {{ calloutMessage }}
+                      </div>
                     }
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-callout__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3589,23 +4470,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('ctaGroup') {
-                <section class="prx-rich-cta-group" [attr.data-layout]="node.layout ?? 'split'">
+                <section
+                  class="prx-rich-cta-group"
+                  [attr.data-layout]="node.layout ?? 'split'"
+                >
                   <div class="prx-rich-cta-group__copy">
                     @if (resolveCtaGroupTitle(node); as ctaGroupTitle) {
-                      <div class="prx-rich-cta-group__title">{{ ctaGroupTitle }}</div>
+                      <div class="prx-rich-cta-group__title">
+                        {{ ctaGroupTitle }}
+                      </div>
                     }
                     @if (resolveCtaGroupSubtitle(node); as ctaGroupSubtitle) {
-                      <div class="prx-rich-cta-group__subtitle">{{ ctaGroupSubtitle }}</div>
+                      <div class="prx-rich-cta-group__subtitle">
+                        {{ ctaGroupSubtitle }}
+                      </div>
                     }
                     @if (resolveCtaGroupMessage(node); as ctaGroupMessage) {
-                      <div class="prx-rich-cta-group__message">{{ ctaGroupMessage }}</div>
+                      <div class="prx-rich-cta-group__message">
+                        {{ ctaGroupMessage }}
+                      </div>
                     }
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-cta-group__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3613,17 +4506,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('keyValueList') {
-                <section class="prx-rich-key-value-list" [attr.data-layout]="node.layout ?? 'stacked'">
+                <section
+                  class="prx-rich-key-value-list"
+                  [attr.data-layout]="node.layout ?? 'stacked'"
+                >
                   @if (resolveKeyValueListTitle(node); as kvTitle) {
-                    <div class="prx-rich-key-value-list__title">{{ kvTitle }}</div>
+                    <div class="prx-rich-key-value-list__title">
+                      {{ kvTitle }}
+                    </div>
                   }
                   <dl class="prx-rich-key-value-list__items">
-                    @for (item of resolveKeyValueItems(node); track item.id ?? $index) {
+                    @for (
+                      item of resolveKeyValueItems(node);
+                      track item.id ?? $index
+                    ) {
                       <div class="prx-rich-key-value-list__item">
-                        <dt class="prx-rich-key-value-list__label">{{ resolveKeyValueLabel(item) }}</dt>
+                        <dt class="prx-rich-key-value-list__label">
+                          {{ resolveKeyValueLabel(item) }}
+                        </dt>
                         <dd class="prx-rich-key-value-list__value">
                           @if (resolveKeyValueIcon(item); as kvIcon) {
-                            <span class="material-symbols-outlined prx-rich-key-value-list__icon" aria-hidden="true">
+                            <span
+                              class="material-symbols-outlined prx-rich-key-value-list__icon"
+                              aria-hidden="true"
+                            >
                               {{ kvIcon }}
                             </span>
                           }
@@ -3640,21 +4546,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               @case ('emptyState') {
                 <section class="prx-rich-empty-state">
                   @if (node.icon) {
-                    <span class="prx-rich-empty-state__icon material-symbols-outlined" aria-hidden="true">
+                    <span
+                      class="prx-rich-empty-state__icon material-symbols-outlined"
+                      aria-hidden="true"
+                    >
                       {{ node.icon }}
                     </span>
                   }
                   @if (resolveEmptyStateTitle(node); as emptyStateTitle) {
-                    <div class="prx-rich-empty-state__title">{{ emptyStateTitle }}</div>
+                    <div class="prx-rich-empty-state__title">
+                      {{ emptyStateTitle }}
+                    </div>
                   }
                   @if (resolveEmptyStateMessage(node); as emptyStateMessage) {
-                    <div class="prx-rich-empty-state__message">{{ emptyStateMessage }}</div>
+                    <div class="prx-rich-empty-state__message">
+                      {{ emptyStateMessage }}
+                    </div>
                   }
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-empty-state__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3662,16 +4578,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('propertySheet') {
-                <section class="prx-rich-property-sheet" [attr.data-columns]="node.columns ?? 2">
+                <section
+                  class="prx-rich-property-sheet"
+                  [attr.data-columns]="node.columns ?? 2"
+                >
                   @if (resolvePropertySheetTitle(node); as propertySheetTitle) {
-                    <div class="prx-rich-property-sheet__title">{{ propertySheetTitle }}</div>
+                    <div class="prx-rich-property-sheet__title">
+                      {{ propertySheetTitle }}
+                    </div>
                   }
                   <dl class="prx-rich-property-sheet__items">
-                    @for (item of resolvePropertySheetItems(node); track item.id ?? $index) {
-                      <div class="prx-rich-property-sheet__item" [attr.data-tone]="item.tone ?? 'neutral'">
+                    @for (
+                      item of resolvePropertySheetItems(node);
+                      track item.id ?? $index
+                    ) {
+                      <div
+                        class="prx-rich-property-sheet__item"
+                        [attr.data-tone]="item.tone ?? 'neutral'"
+                      >
                         <dt class="prx-rich-property-sheet__label">
                           @if (item.icon) {
-                            <span class="material-symbols-outlined prx-rich-property-sheet__icon" aria-hidden="true">
+                            <span
+                              class="material-symbols-outlined prx-rich-property-sheet__icon"
+                              aria-hidden="true"
+                            >
                               {{ item.icon }}
                             </span>
                           }
@@ -3681,7 +4611,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           {{ resolvePropertySheetValue(item) }}
                         </dd>
                         @if (resolvePropertySheetHint(item); as propertyHint) {
-                          <div class="prx-rich-property-sheet__hint">{{ propertyHint }}</div>
+                          <div class="prx-rich-property-sheet__hint">
+                            {{ propertyHint }}
+                          </div>
                         }
                       </div>
                     }
@@ -3689,30 +4621,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('statGroup') {
-                <section class="prx-rich-stat-group" [attr.data-layout]="node.layout ?? 'grid'">
+                <section
+                  class="prx-rich-stat-group"
+                  [attr.data-layout]="node.layout ?? 'grid'"
+                >
                   @if (resolveStatGroupTitle(node); as statGroupTitle) {
-                    <div class="prx-rich-stat-group__title">{{ statGroupTitle }}</div>
+                    <div class="prx-rich-stat-group__title">
+                      {{ statGroupTitle }}
+                    </div>
                   }
                   @if (resolveStatGroupSubtitle(node); as statGroupSubtitle) {
-                    <div class="prx-rich-stat-group__subtitle">{{ statGroupSubtitle }}</div>
+                    <div class="prx-rich-stat-group__subtitle">
+                      {{ statGroupSubtitle }}
+                    </div>
                   }
                   <div class="prx-rich-stat-group__items">
-                    @for (item of resolveStatGroupItems(node); track item.id ?? $index) {
+                    @for (
+                      item of resolveStatGroupItems(node);
+                      track item.id ?? $index
+                    ) {
                       <div
                         class="prx-rich-stat-group__item"
                         [class.prx-rich-stat-group__item--with-icon]="item.icon"
                         [attr.data-tone]="item.tone ?? 'neutral'"
                       >
                         @if (item.icon) {
-                          <span class="material-symbols-outlined prx-rich-stat-group__icon" aria-hidden="true">
+                          <span
+                            class="material-symbols-outlined prx-rich-stat-group__icon"
+                            aria-hidden="true"
+                          >
                             {{ item.icon }}
                           </span>
                         }
                         <div class="prx-rich-stat-group__item-content">
-                          <div class="prx-rich-stat-group__label">{{ resolveStatItemLabel(item) }}</div>
-                          <div class="prx-rich-stat-group__value">{{ resolveStatItemValue(item) }}</div>
-                          @if (resolveStatItemCaption(item); as statItemCaption) {
-                            <div class="prx-rich-stat-group__caption">{{ statItemCaption }}</div>
+                          <div class="prx-rich-stat-group__label">
+                            {{ resolveStatItemLabel(item) }}
+                          </div>
+                          <div class="prx-rich-stat-group__value">
+                            {{ resolveStatItemValue(item) }}
+                          </div>
+                          @if (
+                            resolveStatItemCaption(item);
+                            as statItemCaption
+                          ) {
+                            <div class="prx-rich-stat-group__caption">
+                              {{ statItemCaption }}
+                            </div>
                           }
                         </div>
                       </div>
@@ -3721,12 +4675,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('tabs') {
-                <section class="prx-rich-tabs" [attr.data-appearance]="node.appearance ?? 'underline'">
+                <section
+                  class="prx-rich-tabs"
+                  [attr.data-appearance]="node.appearance ?? 'underline'"
+                >
                   @if (resolveTabsTitle(node); as tabsTitle) {
                     <div class="prx-rich-tabs__title">{{ tabsTitle }}</div>
                   }
                   @if (resolveTabsSubtitle(node); as tabsSubtitle) {
-                    <div class="prx-rich-tabs__subtitle">{{ tabsSubtitle }}</div>
+                    <div class="prx-rich-tabs__subtitle">
+                      {{ tabsSubtitle }}
+                    </div>
                   }
                   @if (resolveVisibleTabsItems(node); as tabsItems) {
                     @if (tabsItems.length) {
@@ -3736,27 +4695,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                             type="button"
                             class="prx-rich-tabs__tab"
                             role="tab"
-                            [class.prx-rich-tabs__tab--active]="isTabsItemActive(node, item, $index, tabsItems)"
-                            [attr.aria-selected]="isTabsItemActive(node, item, $index, tabsItems)"
+                            [class.prx-rich-tabs__tab--active]="
+                              isTabsItemActive(node, item, $index, tabsItems)
+                            "
+                            [attr.aria-selected]="
+                              isTabsItemActive(node, item, $index, tabsItems)
+                            "
                             [disabled]="isTabsItemDisabled(item)"
                             (click)="onTabsItemClick(node, item, $index)"
                           >
                             @if (item.icon) {
-                              <span class="material-symbols-outlined prx-rich-tabs__tab-icon" aria-hidden="true">
+                              <span
+                                class="material-symbols-outlined prx-rich-tabs__tab-icon"
+                                aria-hidden="true"
+                              >
                                 {{ item.icon }}
                               </span>
                             }
                             <span>{{ resolveTabsItemLabel(item) }}</span>
                             @if (resolveTabsItemBadge(item); as tabsBadge) {
-                              <span class="prx-rich-badge">{{ tabsBadge }}</span>
+                              <span class="prx-rich-badge">{{
+                                tabsBadge
+                              }}</span>
                             }
                           </button>
                         }
                       </div>
-                      @if (resolveActiveTabsItem(node, tabsItems); as activeTabsItem) {
+                      @if (
+                        resolveActiveTabsItem(node, tabsItems);
+                        as activeTabsItem
+                      ) {
                         <div class="prx-rich-tabs__panel" role="tabpanel">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: activeTabsItem.content }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: activeTabsItem.content }
+                            "
                           ></ng-container>
                         </div>
                       }
@@ -3767,16 +4741,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               @case ('recordSummary') {
                 <section class="prx-rich-record-summary">
                   @if (resolveRecordSummaryTitle(node); as summaryTitle) {
-                    <div class="prx-rich-record-summary__title">{{ summaryTitle }}</div>
+                    <div class="prx-rich-record-summary__title">
+                      {{ summaryTitle }}
+                    </div>
                   }
                   @if (resolveRecordSummarySubtitle(node); as summarySubtitle) {
-                    <div class="prx-rich-record-summary__subtitle">{{ summarySubtitle }}</div>
+                    <div class="prx-rich-record-summary__subtitle">
+                      {{ summarySubtitle }}
+                    </div>
                   }
                   @if (resolveRecordSummaryMeta(node); as summaryMeta) {
-                    <div class="prx-rich-record-summary__meta">{{ summaryMeta }}</div>
+                    <div class="prx-rich-record-summary__meta">
+                      {{ summaryMeta }}
+                    </div>
                   }
                   <dl class="prx-rich-record-summary__fields">
-                    @for (field of resolveRecordSummaryFields(node); track field.id ?? $index) {
+                    @for (
+                      field of resolveRecordSummaryFields(node);
+                      track field.id ?? $index
+                    ) {
                       <div class="prx-rich-record-summary__field">
                         <dt>{{ resolveRecordSummaryFieldLabel(field) }}</dt>
                         <dd>{{ resolveRecordSummaryFieldValue(field) }}</dd>
@@ -3787,7 +4770,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (actionNodes.length) {
                       <div class="prx-rich-record-summary__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3795,15 +4781,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('lookupResult') {
-                <section class="prx-rich-lookup-result" [attr.data-status]="resolveLookupResultStatus(node)">
+                <section
+                  class="prx-rich-lookup-result"
+                  [attr.data-status]="resolveLookupResultStatus(node)"
+                >
                   @if (resolveLookupResultTitle(node); as lookupResultTitle) {
-                    <div class="prx-rich-lookup-result__title">{{ lookupResultTitle }}</div>
+                    <div class="prx-rich-lookup-result__title">
+                      {{ lookupResultTitle }}
+                    </div>
                   }
-                  @if (resolveLookupResultSubtitle(node); as lookupResultSubtitle) {
-                    <div class="prx-rich-lookup-result__subtitle">{{ lookupResultSubtitle }}</div>
+                  @if (
+                    resolveLookupResultSubtitle(node);
+                    as lookupResultSubtitle
+                  ) {
+                    <div class="prx-rich-lookup-result__subtitle">
+                      {{ lookupResultSubtitle }}
+                    </div>
                   }
                   @if (resolveLookupResultMeta(node); as lookupResultMeta) {
-                    <div class="prx-rich-lookup-result__meta">{{ lookupResultMeta }}</div>
+                    <div class="prx-rich-lookup-result__meta">
+                      {{ lookupResultMeta }}
+                    </div>
                   }
                   @if (resolveLookupResultStatus(node) === 'empty') {
                     <div class="prx-rich-lookup-result__message">
@@ -3815,12 +4813,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     </div>
                   } @else {
                     <dl class="prx-rich-lookup-result__fields">
-                      @for (field of resolveLookupResultFields(node); track field.id ?? $index) {
+                      @for (
+                        field of resolveLookupResultFields(node);
+                        track field.id ?? $index
+                      ) {
                         <div class="prx-rich-lookup-result__field">
                           <dt>{{ resolveLookupResultFieldLabel(field) }}</dt>
                           <dd>{{ resolveLookupResultFieldValue(field) }}</dd>
-                          @if (resolveLookupResultFieldHint(field); as lookupResultFieldHint) {
-                            <div class="prx-rich-lookup-result__hint">{{ lookupResultFieldHint }}</div>
+                          @if (
+                            resolveLookupResultFieldHint(field);
+                            as lookupResultFieldHint
+                          ) {
+                            <div class="prx-rich-lookup-result__hint">
+                              {{ lookupResultFieldHint }}
+                            </div>
                           }
                         </div>
                       }
@@ -3830,7 +4836,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (actionNodes.length) {
                       <div class="prx-rich-lookup-result__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -3838,36 +4847,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('lookupCard') {
-                <section class="prx-rich-lookup-card" [attr.data-status]="resolveLookupCardStatus(node)">
+                <section
+                  class="prx-rich-lookup-card"
+                  [attr.data-status]="resolveLookupCardStatus(node)"
+                >
                   <div class="prx-rich-lookup-card__copy">
                     <div class="prx-rich-lookup-card__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-lookup-card__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-lookup-card__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
                       @if (resolveLookupCardTitle(node); as lookupCardTitle) {
-                        <div class="prx-rich-lookup-card__title">{{ lookupCardTitle }}</div>
+                        <div class="prx-rich-lookup-card__title">
+                          {{ lookupCardTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveLookupCardSubtitle(node); as lookupCardSubtitle) {
-                      <div class="prx-rich-lookup-card__subtitle">{{ lookupCardSubtitle }}</div>
+                    @if (
+                      resolveLookupCardSubtitle(node);
+                      as lookupCardSubtitle
+                    ) {
+                      <div class="prx-rich-lookup-card__subtitle">
+                        {{ lookupCardSubtitle }}
+                      </div>
                     }
                     @if (resolveLookupCardMeta(node); as lookupCardMeta) {
-                      <div class="prx-rich-lookup-card__meta">{{ lookupCardMeta }}</div>
+                      <div class="prx-rich-lookup-card__meta">
+                        {{ lookupCardMeta }}
+                      </div>
                     }
                     @if (resolveLookupCardStatus(node) === 'empty') {
-                      <div class="prx-rich-lookup-card__message">{{ resolveLookupCardEmptyText(node) }}</div>
+                      <div class="prx-rich-lookup-card__message">
+                        {{ resolveLookupCardEmptyText(node) }}
+                      </div>
                     } @else if (resolveLookupCardStatus(node) === 'error') {
-                      <div class="prx-rich-lookup-card__message">{{ resolveLookupCardErrorText(node) }}</div>
+                      <div class="prx-rich-lookup-card__message">
+                        {{ resolveLookupCardErrorText(node) }}
+                      </div>
                     } @else {
                       <dl class="prx-rich-lookup-card__fields">
-                        @for (field of resolveLookupCardFields(node); track field.id ?? $index) {
+                        @for (
+                          field of resolveLookupCardFields(node);
+                          track field.id ?? $index
+                        ) {
                           <div class="prx-rich-lookup-card__field">
                             <dt>{{ resolveLookupCardFieldLabel(field) }}</dt>
                             <dd>{{ resolveLookupCardFieldValue(field) }}</dd>
-                            @if (resolveLookupCardFieldHint(field); as lookupCardFieldHint) {
-                              <div class="prx-rich-lookup-card__hint">{{ lookupCardFieldHint }}</div>
+                            @if (
+                              resolveLookupCardFieldHint(field);
+                              as lookupCardFieldHint
+                            ) {
+                              <div class="prx-rich-lookup-card__hint">
+                                {{ lookupCardFieldHint }}
+                              </div>
                             }
                           </div>
                         }
@@ -3879,27 +4915,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       <button
                         type="button"
                         class="prx-rich-action-button"
-                        [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                        [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                        [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                        [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                        [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                        [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                        [class.prx-rich-action-button--raised]="
+                          node.variant === 'raised'
+                        "
+                        [class.prx-rich-action-button--stroked]="
+                          node.variant === 'stroked'
+                        "
+                        [class.prx-rich-action-button--flat]="
+                          node.variant === 'flat'
+                        "
+                        [class.prx-rich-action-button--primary]="
+                          node.color === 'primary'
+                        "
+                        [class.prx-rich-action-button--accent]="
+                          node.color === 'accent'
+                        "
+                        [class.prx-rich-action-button--warn]="
+                          node.color === 'warn'
+                        "
                         [disabled]="isLookupCardDisabled(node)"
                         (click)="onLookupCardClick(node)"
                       >
                         @if (node.ctaIcon) {
-                          <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                          <span
+                            class="prx-rich-action-button__icon material-symbols-outlined"
+                            aria-hidden="true"
+                          >
                             {{ node.ctaIcon }}
                           </span>
                         }
                         <span>{{ resolveLookupCardCtaLabel(node) }}</span>
                       </button>
                     }
-                    @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                    @if (
+                      resolveActionNodes(node.secondaryActions);
+                      as actionNodes
+                    ) {
                       @if (actionNodes.length) {
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       }
                     }
@@ -3909,67 +4966,122 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               @case ('relatedRecord') {
                 <section class="prx-rich-related-record">
                   <div class="prx-rich-related-record__copy">
-                    @if (resolveRelatedRecordRelationLabel(node); as relatedRecordRelationLabel) {
-                      <div class="prx-rich-related-record__relation">{{ relatedRecordRelationLabel }}</div>
+                    @if (
+                      resolveRelatedRecordRelationLabel(node);
+                      as relatedRecordRelationLabel
+                    ) {
+                      <div class="prx-rich-related-record__relation">
+                        {{ relatedRecordRelationLabel }}
+                      </div>
                     }
                     <div
                       class="prx-rich-related-record__title-row"
-                      [class.prx-rich-related-record__title-row--with-icon]="node.icon"
+                      [class.prx-rich-related-record__title-row--with-icon]="
+                        node.icon
+                      "
                     >
                       @if (node.icon) {
-                        <span class="prx-rich-related-record__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-related-record__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
-                      @if (resolveRelatedRecordTitle(node); as relatedRecordTitle) {
-                        <div class="prx-rich-related-record__title">{{ relatedRecordTitle }}</div>
+                      @if (
+                        resolveRelatedRecordTitle(node);
+                        as relatedRecordTitle
+                      ) {
+                        <div class="prx-rich-related-record__title">
+                          {{ relatedRecordTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveRelatedRecordSubtitle(node); as relatedRecordSubtitle) {
-                      <div class="prx-rich-related-record__subtitle">{{ relatedRecordSubtitle }}</div>
+                    @if (
+                      resolveRelatedRecordSubtitle(node);
+                      as relatedRecordSubtitle
+                    ) {
+                      <div class="prx-rich-related-record__subtitle">
+                        {{ relatedRecordSubtitle }}
+                      </div>
                     }
                     @if (resolveRelatedRecordMeta(node); as relatedRecordMeta) {
-                      <div class="prx-rich-related-record__meta">{{ relatedRecordMeta }}</div>
+                      <div class="prx-rich-related-record__meta">
+                        {{ relatedRecordMeta }}
+                      </div>
                     }
                     <dl class="prx-rich-related-record__fields">
-                      @for (field of resolveRelatedRecordFields(node); track field.id ?? $index) {
+                      @for (
+                        field of resolveRelatedRecordFields(node);
+                        track field.id ?? $index
+                      ) {
                         <div class="prx-rich-related-record__field">
                           <dt>{{ resolveRelatedRecordFieldLabel(field) }}</dt>
-                          <dd>{{ resolveRelatedRecordFieldValue(field) }}</dd>
-                          @if (resolveRelatedRecordFieldHint(field); as relatedRecordFieldHint) {
-                            <div class="prx-rich-related-record__hint">{{ relatedRecordFieldHint }}</div>
-                          }
+                          <dd>
+                            {{ resolveRelatedRecordFieldValue(field) }}
+                            @if (
+                              resolveRelatedRecordFieldHint(field);
+                              as relatedRecordFieldHint
+                            ) {
+                              <span class="prx-rich-related-record__hint">{{
+                                relatedRecordFieldHint
+                              }}</span>
+                            }
+                          </dd>
                         </div>
                       }
                     </dl>
                   </div>
-                  @if (node.action || (node.secondaryActions?.length ?? 0) > 0) {
+                  @if (
+                    node.action || (node.secondaryActions?.length ?? 0) > 0
+                  ) {
                     <div class="prx-rich-related-record__actions">
                       @if (node.action) {
                         <button
                           type="button"
                           class="prx-rich-action-button"
-                          [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                          [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                          [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                          [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                          [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                          [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                          [class.prx-rich-action-button--raised]="
+                            node.variant === 'raised'
+                          "
+                          [class.prx-rich-action-button--stroked]="
+                            node.variant === 'stroked'
+                          "
+                          [class.prx-rich-action-button--flat]="
+                            node.variant === 'flat'
+                          "
+                          [class.prx-rich-action-button--primary]="
+                            node.color === 'primary'
+                          "
+                          [class.prx-rich-action-button--accent]="
+                            node.color === 'accent'
+                          "
+                          [class.prx-rich-action-button--warn]="
+                            node.color === 'warn'
+                          "
                           [disabled]="isRelatedRecordDisabled(node)"
                           (click)="onRelatedRecordClick(node)"
                         >
                           @if (node.ctaIcon) {
-                            <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                            <span
+                              class="prx-rich-action-button__icon material-symbols-outlined"
+                              aria-hidden="true"
+                            >
                               {{ node.ctaIcon }}
                             </span>
                           }
                           <span>{{ resolveRelatedRecordCtaLabel(node) }}</span>
                         </button>
                       }
-                      @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                      @if (
+                        resolveActionNodes(node.secondaryActions);
+                        as actionNodes
+                      ) {
                         @if (actionNodes.length) {
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: actionNodes }
+                            "
                           ></ng-container>
                         }
                       }
@@ -3982,48 +5094,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <div class="prx-rich-action-card__copy">
                     <div class="prx-rich-action-card__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-action-card__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-action-card__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
                       @if (resolveActionCardTitle(node); as actionCardTitle) {
-                        <div class="prx-rich-action-card__title">{{ actionCardTitle }}</div>
+                        <div class="prx-rich-action-card__title">
+                          {{ actionCardTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveActionCardSubtitle(node); as actionCardSubtitle) {
-                      <div class="prx-rich-action-card__subtitle">{{ actionCardSubtitle }}</div>
+                    @if (
+                      resolveActionCardSubtitle(node);
+                      as actionCardSubtitle
+                    ) {
+                      <div class="prx-rich-action-card__subtitle">
+                        {{ actionCardSubtitle }}
+                      </div>
                     }
                     @if (resolveActionCardMessage(node); as actionCardMessage) {
-                      <div class="prx-rich-action-card__message">{{ actionCardMessage }}</div>
+                      <div class="prx-rich-action-card__message">
+                        {{ actionCardMessage }}
+                      </div>
                     }
                     @if (resolveActionCardMeta(node); as actionCardMeta) {
-                      <div class="prx-rich-action-card__meta">{{ actionCardMeta }}</div>
+                      <div class="prx-rich-action-card__meta">
+                        {{ actionCardMeta }}
+                      </div>
                     }
                   </div>
                   <div class="prx-rich-action-card__actions">
                     <button
                       type="button"
                       class="prx-rich-action-button"
-                      [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                      [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                      [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                      [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                      [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                      [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                      [class.prx-rich-action-button--raised]="
+                        node.variant === 'raised'
+                      "
+                      [class.prx-rich-action-button--stroked]="
+                        node.variant === 'stroked'
+                      "
+                      [class.prx-rich-action-button--flat]="
+                        node.variant === 'flat'
+                      "
+                      [class.prx-rich-action-button--primary]="
+                        node.color === 'primary'
+                      "
+                      [class.prx-rich-action-button--accent]="
+                        node.color === 'accent'
+                      "
+                      [class.prx-rich-action-button--warn]="
+                        node.color === 'warn'
+                      "
                       [disabled]="isActionCardDisabled(node)"
                       (click)="onActionCardClick(node)"
                     >
                       @if (node.ctaIcon) {
-                        <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-action-button__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.ctaIcon }}
                         </span>
                       }
                       <span>{{ resolveActionCardCtaLabel(node) }}</span>
                     </button>
-                    @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                    @if (
+                      resolveActionNodes(node.secondaryActions);
+                      as actionNodes
+                    ) {
                       @if (actionNodes.length) {
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       }
                     }
@@ -4039,47 +5186,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <div class="prx-rich-decision-package__main">
                     <div class="prx-rich-decision-package__eyebrow">
                       @if (resolveDecisionPackageStatus(node); as status) {
-                        <span class="prx-rich-badge prx-rich-decision-package__status">{{ status }}</span>
+                        <span
+                          class="prx-rich-badge prx-rich-decision-package__status"
+                          >{{ status }}</span
+                        >
                       }
                       @if (resolveDecisionPackageVersion(node); as version) {
-                        <span class="prx-rich-decision-package__meta">{{ version }}</span>
+                        <span class="prx-rich-decision-package__meta">{{
+                          version
+                        }}</span>
                       }
                     </div>
                     @if (resolveDecisionPackageTitle(node); as decisionTitle) {
-                      <div class="prx-rich-decision-package__title">{{ decisionTitle }}</div>
+                      <div class="prx-rich-decision-package__title">
+                        {{ decisionTitle }}
+                      </div>
                     }
-                    @if (resolveDecisionPackageSubtitle(node); as decisionSubtitle) {
-                      <div class="prx-rich-decision-package__subtitle">{{ decisionSubtitle }}</div>
+                    @if (
+                      resolveDecisionPackageSubtitle(node);
+                      as decisionSubtitle
+                    ) {
+                      <div class="prx-rich-decision-package__subtitle">
+                        {{ decisionSubtitle }}
+                      </div>
                     }
-                    @if (resolveDecisionPackageSummary(node); as decisionSummary) {
-                      <div class="prx-rich-decision-package__summary">{{ decisionSummary }}</div>
+                    @if (
+                      resolveDecisionPackageSummary(node);
+                      as decisionSummary
+                    ) {
+                      <div class="prx-rich-decision-package__summary">
+                        {{ decisionSummary }}
+                      </div>
                     }
                     <dl class="prx-rich-decision-package__properties">
                       @if (resolveDecisionPackageOwner(node); as owner) {
                         <div class="prx-rich-decision-package__property">
-                          <dt>{{ tx('renderer.decisionPackage.owner', 'Owner') }}</dt>
+                          <dt>
+                            {{ tx('renderer.decisionPackage.owner', 'Owner') }}
+                          </dt>
                           <dd>{{ owner }}</dd>
                         </div>
                       }
-                      @if (resolveDecisionPackagePolicySource(node); as policySource) {
+                      @if (
+                        resolveDecisionPackagePolicySource(node);
+                        as policySource
+                      ) {
                         <div class="prx-rich-decision-package__property">
-                          <dt>{{ tx('renderer.decisionPackage.policy', 'Policy') }}</dt>
+                          <dt>
+                            {{
+                              tx('renderer.decisionPackage.policy', 'Policy')
+                            }}
+                          </dt>
                           <dd>{{ policySource }}</dd>
                         </div>
                       }
-                      @if (resolveDecisionPackageLastReviewed(node); as lastReviewed) {
+                      @if (
+                        resolveDecisionPackageLastReviewed(node);
+                        as lastReviewed
+                      ) {
                         <div class="prx-rich-decision-package__property">
-                          <dt>{{ tx('renderer.decisionPackage.reviewed', 'Reviewed') }}</dt>
+                          <dt>
+                            {{
+                              tx(
+                                'renderer.decisionPackage.reviewed',
+                                'Reviewed'
+                              )
+                            }}
+                          </dt>
                           <dd>{{ lastReviewed }}</dd>
                         </div>
                       }
                     </dl>
                     @if (resolveDecisionPackageEvidence(node).length) {
                       <div class="prx-rich-decision-package__evidence">
-                        @for (item of resolveDecisionPackageEvidence(node); track item.id ?? $index) {
-                          <span class="prx-rich-decision-package__evidence-item">
+                        @for (
+                          item of resolveDecisionPackageEvidence(node);
+                          track item.id ?? $index
+                        ) {
+                          <span
+                            class="prx-rich-decision-package__evidence-item"
+                          >
                             {{ resolveDecisionPackageEvidenceLabel(item) }}
-                            @if (resolveDecisionPackageEvidenceSource(item); as source) {
+                            @if (
+                              resolveDecisionPackageEvidenceSource(item);
+                              as source
+                            ) {
                               <small>{{ source }}</small>
                             }
                           </span>
@@ -4088,26 +5279,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     }
                   </div>
                   <div class="prx-rich-decision-package__aside">
-                    @if (resolveDecisionPackageConfidence(node); as confidence) {
+                    @if (
+                      resolveDecisionPackageConfidence(node);
+                      as confidence
+                    ) {
                       <div class="prx-rich-decision-package__confidence">
                         <span>{{ confidence }}</span>
-                        <small>{{ tx('renderer.decisionPackage.confidence', 'Confidence') }}</small>
+                        <small>{{
+                          tx(
+                            'renderer.decisionPackage.confidence',
+                            'Confidence'
+                          )
+                        }}</small>
                       </div>
                     }
                     @if (resolveDecisionPackageRisk(node); as risk) {
-                      <span class="prx-rich-badge prx-rich-decision-package__risk">{{ risk }}</span>
+                      <span
+                        class="prx-rich-badge prx-rich-decision-package__risk"
+                        >{{ risk }}</span
+                      >
                     }
-                    @if (node.primaryAction || (node.secondaryActions?.length ?? 0) > 0) {
+                    @if (
+                      node.primaryAction ||
+                      (node.secondaryActions?.length ?? 0) > 0
+                    ) {
                       <div class="prx-rich-decision-package__actions">
                         @if (node.primaryAction) {
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: [node.primaryAction] }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: [node.primaryAction] }
+                            "
                           ></ng-container>
                         }
-                        @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                        @if (
+                          resolveActionNodes(node.secondaryActions);
+                          as actionNodes
+                        ) {
                           @if (actionNodes.length) {
                             <ng-container
-                              *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                              *ngTemplateOutlet="
+                                renderNodes;
+                                context: { $implicit: actionNodes }
+                              "
                             ></ng-container>
                           }
                         }
@@ -4117,32 +5331,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('collapsibleCard') {
-                <details class="prx-rich-collapsible-card" [attr.open]="node.defaultExpanded ? '' : null">
+                <details
+                  class="prx-rich-collapsible-card"
+                  [attr.open]="node.defaultExpanded ? '' : null"
+                >
                   <summary class="prx-rich-collapsible-card__summary">
                     <span class="prx-rich-collapsible-card__summary-copy">
                       @if (node.icon) {
-                        <span class="material-symbols-outlined prx-rich-collapsible-card__icon" aria-hidden="true">
+                        <span
+                          class="material-symbols-outlined prx-rich-collapsible-card__icon"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
-                      @if (resolveCollapsibleCardTitle(node); as collapsibleCardTitle) {
-                        <span class="prx-rich-collapsible-card__title">{{ collapsibleCardTitle }}</span>
+                      @if (
+                        resolveCollapsibleCardTitle(node);
+                        as collapsibleCardTitle
+                      ) {
+                        <span class="prx-rich-collapsible-card__title">{{
+                          collapsibleCardTitle
+                        }}</span>
                       }
-                      @if (resolveCollapsibleCardSubtitle(node); as collapsibleCardSubtitle) {
-                        <span class="prx-rich-collapsible-card__subtitle">{{ collapsibleCardSubtitle }}</span>
+                      @if (
+                        resolveCollapsibleCardSubtitle(node);
+                        as collapsibleCardSubtitle
+                      ) {
+                        <span class="prx-rich-collapsible-card__subtitle">{{
+                          collapsibleCardSubtitle
+                        }}</span>
                       }
                     </span>
                   </summary>
                   <div class="prx-rich-collapsible-card__content">
                     <ng-container
-                      *ngTemplateOutlet="renderNodes; context: { $implicit: resolveCollapsibleCardNodes(node) }"
+                      *ngTemplateOutlet="
+                        renderNodes;
+                        context: {
+                          $implicit: resolveCollapsibleCardNodes(node),
+                        }
+                      "
                     ></ng-container>
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-collapsible-card__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -4154,45 +5392,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <div class="prx-rich-form-launcher__copy">
                     <div class="prx-rich-form-launcher__title-row">
                       @if (node.icon) {
-                        <span class="prx-rich-form-launcher__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-form-launcher__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.icon }}
                         </span>
                       }
-                      @if (resolveFormLauncherTitle(node); as formLauncherTitle) {
-                        <div class="prx-rich-form-launcher__title">{{ formLauncherTitle }}</div>
+                      @if (
+                        resolveFormLauncherTitle(node);
+                        as formLauncherTitle
+                      ) {
+                        <div class="prx-rich-form-launcher__title">
+                          {{ formLauncherTitle }}
+                        </div>
                       }
                     </div>
-                    @if (resolveFormLauncherSubtitle(node); as formLauncherSubtitle) {
-                      <div class="prx-rich-form-launcher__subtitle">{{ formLauncherSubtitle }}</div>
+                    @if (
+                      resolveFormLauncherSubtitle(node);
+                      as formLauncherSubtitle
+                    ) {
+                      <div class="prx-rich-form-launcher__subtitle">
+                        {{ formLauncherSubtitle }}
+                      </div>
                     }
-                    @if (resolveFormLauncherDescription(node); as formLauncherDescription) {
-                      <div class="prx-rich-form-launcher__description">{{ formLauncherDescription }}</div>
+                    @if (
+                      resolveFormLauncherDescription(node);
+                      as formLauncherDescription
+                    ) {
+                      <div class="prx-rich-form-launcher__description">
+                        {{ formLauncherDescription }}
+                      </div>
                     }
                   </div>
                   <div class="prx-rich-form-launcher__actions">
                     <button
                       type="button"
                       class="prx-rich-action-button"
-                      [class.prx-rich-action-button--raised]="node.variant === 'raised'"
-                      [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
-                      [class.prx-rich-action-button--flat]="node.variant === 'flat'"
-                      [class.prx-rich-action-button--primary]="node.color === 'primary'"
-                      [class.prx-rich-action-button--accent]="node.color === 'accent'"
-                      [class.prx-rich-action-button--warn]="node.color === 'warn'"
+                      [class.prx-rich-action-button--raised]="
+                        node.variant === 'raised'
+                      "
+                      [class.prx-rich-action-button--stroked]="
+                        node.variant === 'stroked'
+                      "
+                      [class.prx-rich-action-button--flat]="
+                        node.variant === 'flat'
+                      "
+                      [class.prx-rich-action-button--primary]="
+                        node.color === 'primary'
+                      "
+                      [class.prx-rich-action-button--accent]="
+                        node.color === 'accent'
+                      "
+                      [class.prx-rich-action-button--warn]="
+                        node.color === 'warn'
+                      "
                       [disabled]="isFormLauncherDisabled(node)"
                       (click)="onFormLauncherClick(node)"
                     >
                       @if (node.ctaIcon) {
-                        <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
+                        <span
+                          class="prx-rich-action-button__icon material-symbols-outlined"
+                          aria-hidden="true"
+                        >
                           {{ node.ctaIcon }}
                         </span>
                       }
                       <span>{{ resolveFormLauncherCtaLabel(node) }}</span>
                     </button>
-                    @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
+                    @if (
+                      resolveActionNodes(node.secondaryActions);
+                      as actionNodes
+                    ) {
                       @if (actionNodes.length) {
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       }
                     }
@@ -4200,32 +5477,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </section>
               }
               @case ('disclosure') {
-                <details class="prx-rich-disclosure" [attr.open]="node.defaultExpanded ? '' : null">
+                <details
+                  class="prx-rich-disclosure"
+                  [attr.open]="node.defaultExpanded ? '' : null"
+                >
                   <summary class="prx-rich-disclosure__summary">
                     @if (node.icon) {
-                      <span class="material-symbols-outlined prx-rich-disclosure__icon" aria-hidden="true">
+                      <span
+                        class="material-symbols-outlined prx-rich-disclosure__icon"
+                        aria-hidden="true"
+                      >
                         {{ node.icon }}
                       </span>
                     }
                     <span class="prx-rich-disclosure__summary-copy">
                       @if (resolveDisclosureTitle(node); as disclosureTitle) {
-                        <span class="prx-rich-disclosure__title">{{ disclosureTitle }}</span>
+                        <span class="prx-rich-disclosure__title">{{
+                          disclosureTitle
+                        }}</span>
                       }
-                      @if (resolveDisclosureSubtitle(node); as disclosureSubtitle) {
-                        <span class="prx-rich-disclosure__subtitle">{{ disclosureSubtitle }}</span>
+                      @if (
+                        resolveDisclosureSubtitle(node);
+                        as disclosureSubtitle
+                      ) {
+                        <span class="prx-rich-disclosure__subtitle">{{
+                          disclosureSubtitle
+                        }}</span>
                       }
                     </span>
                   </summary>
                   <div class="prx-rich-disclosure__content">
                     <ng-container
-                      *ngTemplateOutlet="renderNodes; context: { $implicit: resolveDisclosureNodes(node) }"
+                      *ngTemplateOutlet="
+                        renderNodes;
+                        context: { $implicit: resolveDisclosureNodes(node) }
+                      "
                     ></ng-container>
                   </div>
                   @if (resolveActionNodes(node.actions); as actionNodes) {
                     @if (actionNodes.length) {
                       <div class="prx-rich-disclosure__actions">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: actionNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -4235,29 +5531,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               @case ('accordion') {
                 <section class="prx-rich-accordion">
                   @if (resolveAccordionTitle(node); as accordionTitle) {
-                    <div class="prx-rich-accordion__title">{{ accordionTitle }}</div>
+                    <div class="prx-rich-accordion__title">
+                      {{ accordionTitle }}
+                    </div>
                   }
                   <div class="prx-rich-accordion__items">
-                    @for (item of resolveAccordionItems(node); track item.id ?? $index) {
-                      <details class="prx-rich-accordion__item" [attr.open]="item.defaultExpanded ? '' : null">
+                    @for (
+                      item of resolveAccordionItems(node);
+                      track item.id ?? $index
+                    ) {
+                      <details
+                        class="prx-rich-accordion__item"
+                        [attr.open]="item.defaultExpanded ? '' : null"
+                      >
                         <summary class="prx-rich-accordion__summary">
-                          @if (resolveAccordionItemTitle(item); as accordionItemTitle) {
-                            <span class="prx-rich-accordion__item-title">{{ accordionItemTitle }}</span>
+                          @if (
+                            resolveAccordionItemTitle(item);
+                            as accordionItemTitle
+                          ) {
+                            <span class="prx-rich-accordion__item-title">{{
+                              accordionItemTitle
+                            }}</span>
                           }
-                          @if (resolveAccordionItemSubtitle(item); as accordionItemSubtitle) {
-                            <span class="prx-rich-accordion__item-subtitle">{{ accordionItemSubtitle }}</span>
+                          @if (
+                            resolveAccordionItemSubtitle(item);
+                            as accordionItemSubtitle
+                          ) {
+                            <span class="prx-rich-accordion__item-subtitle">{{
+                              accordionItemSubtitle
+                            }}</span>
                           }
                         </summary>
                         <div class="prx-rich-accordion__content">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: resolveAccordionItemNodes(item) }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: {
+                                $implicit: resolveAccordionItemNodes(item),
+                              }
+                            "
                           ></ng-container>
                         </div>
                         @if (resolveActionNodes(item.actions); as actionNodes) {
                           @if (actionNodes.length) {
                             <div class="prx-rich-accordion__actions">
                               <ng-container
-                                *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
+                                *ngTemplateOutlet="
+                                  renderNodes;
+                                  context: { $implicit: actionNodes }
+                                "
                               ></ng-container>
                             </div>
                           }
@@ -4273,7 +5595,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (avatarNodes.length) {
                       <div class="prx-rich-media-block__avatar">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: avatarNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: avatarNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -4283,16 +5608,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       @if (titleNodes.length) {
                         <div class="prx-rich-media-block__title">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: titleNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: titleNodes }
+                            "
                           ></ng-container>
                         </div>
                       }
                     }
-                    @if (resolveMediaBlockSubtitleNodes(node); as subtitleNodes) {
+                    @if (
+                      resolveMediaBlockSubtitleNodes(node);
+                      as subtitleNodes
+                    ) {
                       @if (subtitleNodes.length) {
                         <div class="prx-rich-media-block__subtitle">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: subtitleNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: subtitleNodes }
+                            "
                           ></ng-container>
                         </div>
                       }
@@ -4301,7 +5635,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       @if (metaNodes.length) {
                         <div class="prx-rich-media-block__meta">
                           <ng-container
-                            *ngTemplateOutlet="renderNodes; context: { $implicit: metaNodes }"
+                            *ngTemplateOutlet="
+                              renderNodes;
+                              context: { $implicit: metaNodes }
+                            "
                           ></ng-container>
                         </div>
                       }
@@ -4311,7 +5648,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     @if (trailingNodes.length) {
                       <div class="prx-rich-media-block__trailing">
                         <ng-container
-                          *ngTemplateOutlet="renderNodes; context: { $implicit: trailingNodes }"
+                          *ngTemplateOutlet="
+                            renderNodes;
+                            context: { $implicit: trailingNodes }
+                          "
                         ></ng-container>
                       </div>
                     }
@@ -4324,80 +5664,254 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [attr.data-orientation]="resolveTimelineOrientation(node)"
                   [attr.data-position]="resolveTimelinePosition(node)"
                   [attr.data-order]="resolveTimelineOrder(node)"
-                  [attr.data-marker-variant]="resolveTimelineMarkerVariant(node)"
-                  [attr.data-marker-color]="resolveTimelineNodeMarkerColor(node)"
-                  [attr.data-connector-variant]="resolveTimelineConnectorVariant(node)"
-                  [attr.data-connector-color]="resolveTimelineNodeConnectorColor(node)"
+                  [attr.data-marker-variant]="
+                    resolveTimelineMarkerVariant(node)
+                  "
+                  [attr.data-marker-color]="
+                    resolveTimelineNodeMarkerColor(node)
+                  "
+                  [attr.data-connector-variant]="
+                    resolveTimelineConnectorVariant(node)
+                  "
+                  [attr.data-connector-color]="
+                    resolveTimelineNodeConnectorColor(node)
+                  "
                   [attr.data-emphasis]="resolveTimelineEmphasis(node)"
                   [attr.data-density]="resolveTimelineDensity(node)"
-                  [attr.data-text-appearance]="resolveTimelineTextAppearance(node)"
-                  [style.--prx-rich-timeline-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-size')"
-                  [style.--prx-rich-timeline-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-color')"
-                  [style.--prx-rich-timeline-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-weight')"
-                  [style.--prx-rich-timeline-item-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-size')"
-                  [style.--prx-rich-timeline-item-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-color')"
-                  [style.--prx-rich-timeline-item-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-weight')"
-                  [style.--prx-rich-timeline-item-subtitle-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-font-size')"
-                  [style.--prx-rich-timeline-item-subtitle-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-color')"
-                  [style.--prx-rich-timeline-item-meta-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-font-size')"
-                  [style.--prx-rich-timeline-item-meta-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-color')"
-                  [style.--prx-rich-timeline-opposite-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-size')"
-                  [style.--prx-rich-timeline-opposite-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-color')"
-                  [style.--prx-rich-timeline-opposite-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-weight')"
-                  [style.--prx-rich-timeline-item-body-background]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-background')"
-                  [style.--prx-rich-timeline-item-body-border]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border')"
-                  [style.--prx-rich-timeline-item-body-border-radius]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border-radius')"
-                  [style.--prx-rich-timeline-item-body-padding]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-padding')"
-                  [class.prx-rich-timeline--left]="resolveTimelinePosition(node) === 'left'"
-                  [class.prx-rich-timeline--right]="resolveTimelinePosition(node) === 'right'"
-                  [class.prx-rich-timeline--alternate]="resolveTimelinePosition(node) === 'alternate'"
-                  [class.prx-rich-timeline--alternate-reverse]="resolveTimelinePosition(node) === 'alternate-reverse'"
-                  [class.prx-rich-timeline--vertical]="resolveTimelineOrientation(node) === 'vertical'"
-                  [class.prx-rich-timeline--horizontal]="resolveTimelineOrientation(node) === 'horizontal'"
-                  [class.prx-rich-timeline--order-reverse]="resolveTimelineOrder(node) === 'reverse'"
-                  [class.prx-rich-timeline--connector-dashed]="resolveTimelineConnectorVariant(node) === 'dashed'"
-                  [class.prx-rich-timeline--connector-none]="resolveTimelineConnectorVariant(node) === 'none'"
-                  [class.prx-rich-timeline--marker-dot]="resolveTimelineMarkerVariant(node) === 'dot'"
-                  [class.prx-rich-timeline--marker-icon]="resolveTimelineMarkerVariant(node) === 'icon'"
-                  [class.prx-rich-timeline--marker-number]="resolveTimelineMarkerVariant(node) === 'number'"
-                  [class.prx-rich-timeline--emphasis-subtle]="resolveTimelineEmphasis(node) === 'subtle'"
-                  [class.prx-rich-timeline--emphasis-strong]="resolveTimelineEmphasis(node) === 'strong'"
-                  [class.prx-rich-timeline--emphasis-hero]="resolveTimelineEmphasis(node) === 'hero'"
-                  [class.prx-rich-timeline--density-compact]="resolveTimelineDensity(node) === 'compact'"
-                  [class.prx-rich-timeline--density-spacious]="resolveTimelineDensity(node) === 'spacious'"
-                  [class.prx-rich-timeline--text-prominent]="resolveTimelineTextAppearance(node) === 'prominent'"
-                  [class.prx-rich-timeline--text-eyebrow]="resolveTimelineTextAppearance(node) === 'eyebrow'"
-                  [class.prx-rich-timeline--text-label]="resolveTimelineTextAppearance(node) === 'label'"
+                  [attr.data-text-appearance]="
+                    resolveTimelineTextAppearance(node)
+                  "
+                  [style.--prx-rich-timeline-title-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-title-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-title-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-title-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-title-font-weight]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-title-font-weight'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-title-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-title-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-title-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-title-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-title-font-weight]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-title-font-weight'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-subtitle-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-subtitle-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-subtitle-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-subtitle-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-meta-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-meta-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-meta-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-meta-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-opposite-font-size]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-opposite-font-size'
+                    )
+                  "
+                  [style.--prx-rich-timeline-opposite-color]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-opposite-color'
+                    )
+                  "
+                  [style.--prx-rich-timeline-opposite-font-weight]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-opposite-font-weight'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-background]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-background'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-border]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-border'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-border-radius]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-border-radius'
+                    )
+                  "
+                  [style.--prx-rich-timeline-item-body-padding]="
+                    resolveNodeStyleValue(
+                      node,
+                      '--prx-rich-timeline-item-body-padding'
+                    )
+                  "
+                  [class.prx-rich-timeline--left]="
+                    resolveTimelinePosition(node) === 'left'
+                  "
+                  [class.prx-rich-timeline--right]="
+                    resolveTimelinePosition(node) === 'right'
+                  "
+                  [class.prx-rich-timeline--alternate]="
+                    resolveTimelinePosition(node) === 'alternate'
+                  "
+                  [class.prx-rich-timeline--alternate-reverse]="
+                    resolveTimelinePosition(node) === 'alternate-reverse'
+                  "
+                  [class.prx-rich-timeline--vertical]="
+                    resolveTimelineOrientation(node) === 'vertical'
+                  "
+                  [class.prx-rich-timeline--horizontal]="
+                    resolveTimelineOrientation(node) === 'horizontal'
+                  "
+                  [class.prx-rich-timeline--order-reverse]="
+                    resolveTimelineOrder(node) === 'reverse'
+                  "
+                  [class.prx-rich-timeline--connector-dashed]="
+                    resolveTimelineConnectorVariant(node) === 'dashed'
+                  "
+                  [class.prx-rich-timeline--connector-none]="
+                    resolveTimelineConnectorVariant(node) === 'none'
+                  "
+                  [class.prx-rich-timeline--marker-dot]="
+                    resolveTimelineMarkerVariant(node) === 'dot'
+                  "
+                  [class.prx-rich-timeline--marker-icon]="
+                    resolveTimelineMarkerVariant(node) === 'icon'
+                  "
+                  [class.prx-rich-timeline--marker-number]="
+                    resolveTimelineMarkerVariant(node) === 'number'
+                  "
+                  [class.prx-rich-timeline--emphasis-subtle]="
+                    resolveTimelineEmphasis(node) === 'subtle'
+                  "
+                  [class.prx-rich-timeline--emphasis-strong]="
+                    resolveTimelineEmphasis(node) === 'strong'
+                  "
+                  [class.prx-rich-timeline--emphasis-hero]="
+                    resolveTimelineEmphasis(node) === 'hero'
+                  "
+                  [class.prx-rich-timeline--density-compact]="
+                    resolveTimelineDensity(node) === 'compact'
+                  "
+                  [class.prx-rich-timeline--density-spacious]="
+                    resolveTimelineDensity(node) === 'spacious'
+                  "
+                  [class.prx-rich-timeline--text-prominent]="
+                    resolveTimelineTextAppearance(node) === 'prominent'
+                  "
+                  [class.prx-rich-timeline--text-eyebrow]="
+                    resolveTimelineTextAppearance(node) === 'eyebrow'
+                  "
+                  [class.prx-rich-timeline--text-label]="
+                    resolveTimelineTextAppearance(node) === 'label'
+                  "
                   [ngClass]="resolveTimelineClasses(node)"
                 >
                   @if (resolveTimelineTitle(node); as timelineTitle) {
-                    <div class="prx-rich-timeline__title">{{ timelineTitle }}</div>
+                    <div class="prx-rich-timeline__title">
+                      {{ timelineTitle }}
+                    </div>
                   }
                   @if (resolveTimelineItems(node).length) {
                     <ol
                       class="prx-rich-timeline__items"
-                      [attr.aria-label]="resolveTimelineTitle(node) || 'Timeline'"
-                      [attr.tabindex]="resolveTimelineOrientation(node) === 'horizontal' ? 0 : null"
+                      [attr.aria-label]="
+                        resolveTimelineTitle(node) || 'Timeline'
+                      "
+                      [attr.tabindex]="
+                        resolveTimelineOrientation(node) === 'horizontal'
+                          ? 0
+                          : null
+                      "
                     >
-                      @for (item of resolveTimelineItems(node); track item.id ?? $index; let odd = $odd) {
+                      @for (
+                        item of resolveTimelineItems(node);
+                        track item.id ?? $index;
+                        let odd = $odd
+                      ) {
                         <li
                           class="prx-rich-timeline__item"
                           [attr.data-item-id]="resolveTimelineItemId(item)"
-                          [attr.data-has-opposite]="resolveTimelineItemOpposite(item) ? 'true' : null"
-                          [attr.data-marker-color]="resolveTimelineItemMarkerColor(item)"
-                          [attr.data-connector-color]="resolveTimelineItemConnectorColor(item)"
-                          [attr.data-connector-variant]="resolveTimelineItemConnectorVariant(item)"
+                          [attr.data-has-opposite]="
+                            resolveTimelineItemOpposite(item) ? 'true' : null
+                          "
+                          [attr.data-marker-color]="
+                            resolveTimelineItemMarkerColor(item)
+                          "
+                          [attr.data-connector-color]="
+                            resolveTimelineItemConnectorColor(item)
+                          "
+                          [attr.data-connector-variant]="
+                            resolveTimelineItemConnectorVariant(item)
+                          "
                           [class.prx-rich-timeline__item--odd]="odd"
-                          [class.prx-rich-timeline__item--has-opposite]="!!resolveTimelineItemOpposite(item)"
+                          [class.prx-rich-timeline__item--has-opposite]="
+                            !!resolveTimelineItemOpposite(item)
+                          "
                           [ngClass]="resolveTimelineItemClasses(node, item)"
                         >
-                          @if (resolveTimelineItemOpposite(item); as itemOpposite) {
-                            <div class="prx-rich-timeline__item-opposite">{{ itemOpposite }}</div>
+                          @if (
+                            resolveTimelineItemOpposite(item);
+                            as itemOpposite
+                          ) {
+                            <div class="prx-rich-timeline__item-opposite">
+                              {{ itemOpposite }}
+                            </div>
                           }
                           <div class="prx-rich-timeline__item-marker">
-                            @if (resolveTimelineMarkerVariant(node) === 'number') {
-                              <span class="prx-rich-timeline__item-number" aria-hidden="true">{{ resolveTimelineItemNumber(node, item, $index) }}</span>
-                            } @else if (resolveTimelineMarkerVariant(node) === 'icon' && resolveTimelineItemIcon(item); as icon) {
+                            @if (
+                              resolveTimelineMarkerVariant(node) === 'number'
+                            ) {
+                              <span
+                                class="prx-rich-timeline__item-number"
+                                aria-hidden="true"
+                                >{{
+                                  resolveTimelineItemNumber(node, item, $index)
+                                }}</span
+                              >
+                            } @else if (
+                              resolveTimelineMarkerVariant(node) === 'icon' &&
+                                resolveTimelineItemIcon(item);
+                              as icon
+                            ) {
                               <span
                                 class="prx-rich-timeline__item-icon material-symbols-outlined"
                                 aria-hidden="true"
@@ -4405,22 +5919,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                                 {{ icon }}
                               </span>
                             } @else {
-                              <span class="prx-rich-timeline__item-dot" aria-hidden="true"></span>
+                              <span
+                                class="prx-rich-timeline__item-dot"
+                                aria-hidden="true"
+                              ></span>
                             }
                           </div>
                           <div class="prx-rich-timeline__item-body">
                             @if (resolveTimelineItemTitle(item); as itemTitle) {
-                              <div class="prx-rich-timeline__item-title">{{ itemTitle }}</div>
+                              <div class="prx-rich-timeline__item-title">
+                                {{ itemTitle }}
+                              </div>
                             }
-                            @if (resolveTimelineItemSubtitle(item); as itemSubtitle) {
-                              <div class="prx-rich-timeline__item-subtitle">{{ itemSubtitle }}</div>
+                            @if (
+                              resolveTimelineItemSubtitle(item);
+                              as itemSubtitle
+                            ) {
+                              <div class="prx-rich-timeline__item-subtitle">
+                                {{ itemSubtitle }}
+                              </div>
                             }
                             @if (resolveTimelineItemMeta(item); as itemMeta) {
-                              <div class="prx-rich-timeline__item-meta">{{ itemMeta }}</div>
+                              <div class="prx-rich-timeline__item-meta">
+                                {{ itemMeta }}
+                              </div>
                             }
                             @if (resolveTimelineItemBadge(item); as itemBadge) {
                               <div class="prx-rich-timeline__item-badge">
-                                <span class="prx-rich-badge">{{ itemBadge }}</span>
+                                <span class="prx-rich-badge">{{
+                                  itemBadge
+                                }}</span>
                               </div>
                             }
                           </div>
@@ -4428,14 +5956,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       }
                     </ol>
                   } @else if (node.emptyText) {
-                    <div class="prx-rich-timeline__empty">{{ node.emptyText }}</div>
+                    <div class="prx-rich-timeline__empty">
+                      {{ node.emptyText }}
+                    </div>
                   }
                 </div>
               }
               @case ('preset') {
                 @if (resolvePresetNodes(node); as presetNodes) {
                   <ng-container
-                    *ngTemplateOutlet="renderNodes; context: { $implicit: presetNodes }"
+                    *ngTemplateOutlet="
+                      renderNodes;
+                      context: { $implicit: presetNodes }
+                    "
                   ></ng-container>
                 }
               }
@@ -4460,16 +5993,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           playsinline
         ></video>
       } @else if (media.kind === 'icon') {
-        <span class="prx-rich-card-media__icon material-symbols-outlined" aria-hidden="true">
+        <span
+          class="prx-rich-card-media__icon material-symbols-outlined"
+          aria-hidden="true"
+        >
           {{ media.icon }}
         </span>
       } @else if (media.kind === 'avatar') {
-        <span class="prx-rich-card-media__avatar" [attr.aria-label]="resolveCardMediaLabel(media)">
+        <span
+          class="prx-rich-card-media__avatar"
+          [attr.aria-label]="resolveCardMediaLabel(media)"
+        >
           {{ resolveCardMediaFallback(media) }}
         </span>
       }
     </ng-template>
-  `, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{grid-column:2}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-secondary, #fff)}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-tertiary, #fff)}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var(--md-sys-color-secondary, #625b71)}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var(--md-sys-color-tertiary, #7d5260)}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"] }]
+  `, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{display:block;font-weight:400;margin-top:2px}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var( --md-sys-color-outline-variant, #cac4d0 );--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-secondary, #fff )}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-tertiary, #fff )}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var( --md-sys-color-secondary, #625b71 )}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var( --md-sys-color-tertiary, #7d5260 )}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f )}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"] }]
         }], propDecorators: { document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], hostCapabilities: [{ type: i0.Input, args: [{ isSignal: true, alias: "hostCapabilities", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], rootClassName: [{
                 type: Input
             }] } });