@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11

package/fesm2022/slotted-angular-timeline.mjs

@@ -228,11 +228,12 @@ class SlTimeline {
         this.revealRequest.emit({ event, reason });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimeline, isStandalone: true, selector: "[slTimeline]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, freshCount: { classPropertyName: "freshCount", publicName: "freshCount", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, reflow: { classPropertyName: "reflow", publicName: "reflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loadMoreRequest: "loadMoreRequest", revealRequest: "revealRequest" }, host: { attributes: { "data-ui": "timeline", "data-part": "root" }, properties: { "attr.data-mode": "modeValue()", "attr.data-orientation": "orientationValue()", "attr.data-placement": "placementValue()", "attr.data-order": "orderValue()", "attr.data-variant": "variantValue()", "attr.data-tone": "toneValue()", "attr.data-size": "sizeValue()", "attr.data-growing": "growingValue()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-reflow": "reflow() ? null : \"false\"" } }, viewQueries: [{ propertyName: "moreElement", first: true, predicate: ["more"], descendants: true, isSignal: true }, { propertyName: "freshElement", first: true, predicate: ["fresh"], descendants: true, isSignal: true }], exportAs: ["slTimeline"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimeline, isStandalone: true, selector: "[slTimeline]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, freshCount: { classPropertyName: "freshCount", publicName: "freshCount", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, reflow: { classPropertyName: "reflow", publicName: "reflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loadMoreRequest: "loadMoreRequest", revealRequest: "revealRequest" }, host: { attributes: { "data-ui": "timeline", "data-ui-timeline": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-mode": "modeValue()", "attr.data-orientation": "orientationValue()", "attr.data-placement": "placementValue()", "attr.data-order": "orderValue()", "attr.data-variant": "variantValue()", "attr.data-tone": "toneValue()", "attr.data-size": "sizeValue()", "attr.data-growing": "growingValue()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-reflow": "reflow() ? null : \"false\"" } }, viewQueries: [{ propertyName: "moreElement", first: true, predicate: ["more"], descendants: true, isSignal: true }, { propertyName: "freshElement", first: true, predicate: ["fresh"], descendants: true, isSignal: true }], exportAs: ["slTimeline"], ngImport: i0, template: `
     @if (heldCount() > 0) {
       <button
         #fresh
         data-part="fresh"
+        data-part-fresh=""
         type="button"
         [hidden]="freshCount() <= 0"
         (click)="reveal($event)"
@@ -243,24 +244,33 @@ class SlTimeline {
     <ng-content></ng-content>
     @if (growingValue() !== 'none') {
       @if (loading()) {
-        <div #more aria-live="polite" data-part="more">
-          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+        <div #more aria-live="polite" data-part="more" data-part-more="">
+          <span
+            aria-hidden="true"
+            data-part="root"
+            data-part-root=""
+            data-ui="spinner"
+            data-ui-spinner=""
+            ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <circle cx="12" cy="12" r="8.875" />
+              <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+          ></span>
           {{ t('loading') }}
         </div>
       } @else if (growingValue() === 'button') {
-        <button #more data-part="more" type="button" (click)="loadMore($event)">
+        <button #more data-part="more" data-part-more="" type="button" (click)="loadMore($event)">
           {{ t('loadMore') }}
         </button>
       } @else {
-        <div #more data-part="more"></div>
+        <div #more data-part="more" data-part-more=""></div>
       }
     }
     @if (loaded() === 0 && !loading()) {
-      <div data-part="empty">
+      <div data-part="empty" data-part-empty="">
         <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
       </div>
     }
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid: var(--slotted-tone-info-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-info-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-info-surface, Canvas);--_tone-border: var(--slotted-tone-info-border, ButtonBorder);--_tone-mark: var(--slotted-tone-info-border, ButtonBorder);--_tone-text: var(--slotted-tone-info-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, decorators: [{
             type: Component,
@@ -269,6 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <button
         #fresh
         data-part="fresh"
+        data-part-fresh=""
         type="button"
         [hidden]="freshCount() <= 0"
         (click)="reveal($event)"
@@ -279,26 +290,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     <ng-content></ng-content>
     @if (growingValue() !== 'none') {
       @if (loading()) {
-        <div #more aria-live="polite" data-part="more">
-          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+        <div #more aria-live="polite" data-part="more" data-part-more="">
+          <span
+            aria-hidden="true"
+            data-part="root"
+            data-part-root=""
+            data-ui="spinner"
+            data-ui-spinner=""
+            ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <circle cx="12" cy="12" r="8.875" />
+              <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+          ></span>
           {{ t('loading') }}
         </div>
       } @else if (growingValue() === 'button') {
-        <button #more data-part="more" type="button" (click)="loadMore($event)">
+        <button #more data-part="more" data-part-more="" type="button" (click)="loadMore($event)">
           {{ t('loadMore') }}
         </button>
       } @else {
-        <div #more data-part="more"></div>
+        <div #more data-part="more" data-part-more=""></div>
       }
     }
     @if (loaded() === 0 && !loading()) {
-      <div data-part="empty">
+      <div data-part="empty" data-part-empty="">
         <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
       </div>
     }
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimeline', host: {
                         'data-ui': 'timeline',
+                        'data-ui-timeline': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-mode]': 'modeValue()',
                         '[attr.data-orientation]': 'orientationValue()',
                         '[attr.data-placement]': 'placementValue()',
@@ -309,7 +331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-growing]': 'growingValue()',
                         '[attr.data-loading]': 'loading() ? "" : null',
                         '[attr.data-reflow]': 'reflow() ? null : "false"',
-                    }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid: var(--slotted-tone-info-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-info-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-info-surface, Canvas);--_tone-border: var(--slotted-tone-info-border, ButtonBorder);--_tone-mark: var(--slotted-tone-info-border, ButtonBorder);--_tone-text: var(--slotted-tone-info-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], growing: [{ type: i0.Input, args: [{ isSignal: true, alias: "growing", required: false }] }], timeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormat", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], now: [{ type: i0.Input, args: [{ isSignal: true, alias: "now", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], freshCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "freshCount", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], reflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "reflow", required: false }] }], loadMoreRequest: [{ type: i0.Output, args: ["loadMoreRequest"] }], revealRequest: [{ type: i0.Output, args: ["revealRequest"] }], moreElement: [{ type: i0.ViewChild, args: ['more', { isSignal: true }] }], freshElement: [{ type: i0.ViewChild, args: ['fresh', { isSignal: true }] }] } });
 /**
  * Every event that lays out under a list, in DOM order, is indexed by the one
@@ -387,7 +409,7 @@ class SlTimelineList {
         outside?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineList, isStandalone: true, selector: "ol[slTimelineList], div[slTimelineList]", host: { attributes: { "data-part": "list" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.id": "timeline.id", "attr.role": "timeline.feed() ? \"feed\" : null", "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "timeline.feed() && timeline.loading() ? \"true\" : null" } }, queries: [{ propertyName: "all", predicate: i0.forwardRef(() => SlTimelineItem), descendants: true, isSignal: true }, { propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineList"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineList, isStandalone: true, selector: "ol[slTimelineList], div[slTimelineList]", host: { attributes: { "data-part": "list", "data-part-list": "" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.id": "timeline.id", "attr.role": "timeline.feed() ? \"feed\" : null", "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "timeline.feed() && timeline.loading() ? \"true\" : null" } }, queries: [{ propertyName: "all", predicate: i0.forwardRef(() => SlTimelineItem), descendants: true, isSignal: true }, { propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineList"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, decorators: [{
             type: Directive,
@@ -397,6 +419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTimelineList',
                     host: {
                         'data-part': 'list',
+                        'data-part-list': '',
                         '[attr.id]': 'timeline.id',
                         '[attr.role]': 'timeline.feed() ? "feed" : null',
                         '[attr.aria-label]': 'accessibleLabel()',
@@ -450,22 +473,32 @@ class SlTimelineGroup {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineGroup, isStandalone: true, selector: "li[slTimelineGroup], div[slTimelineGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openRequest: "openRequest" }, host: { attributes: { "data-part": "group" }, properties: { "attr.data-open": "isOpen() ? \"\" : null" } }, exportAs: ["slTimelineGroup"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineGroup, isStandalone: true, selector: "li[slTimelineGroup], div[slTimelineGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openRequest: "openRequest" }, host: { attributes: { "data-part": "group", "data-part-group": "" }, properties: { "attr.data-open": "isOpen() ? \"\" : null" } }, exportAs: ["slTimelineGroup"], ngImport: i0, template: `
     @switch (levelValue()) {
       @case (2) {
-        <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
+        <h2 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h2>
       }
       @case (4) {
-        <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
+        <h4 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h4>
       }
       @case (5) {
-        <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
+        <h5 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h5>
       }
       @case (6) {
-        <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
+        <h6 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h6>
       }
       @default {
-        <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
+        <h3 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h3>
       }
     }
     <ng-content></ng-content>
@@ -476,14 +509,15 @@ class SlTimelineGroup {
           [attr.aria-controls]="listId"
           [attr.aria-expanded]="isOpen()"
           data-part="group-trigger"
+          data-part-group-trigger=""
           type="button"
           (click)="toggle($event)"
         >
-          <span aria-hidden="true" data-part="group-indicator"
+          <span aria-hidden="true" data-part="group-indicator" data-part-group-indicator=""
             ><span slIcon><svg slGlyph name="chevron-down"></svg></span
           ></span>
           {{ label()
-          }}<span data-ui="visually-hidden">{{
+          }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
             isOpen() ? timeline.t('collapse') : timeline.t('expand')
           }}</span>
         </button>
@@ -491,26 +525,36 @@ class SlTimelineGroup {
         {{ label() }}
       }
     </ng-template>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid: var(--slotted-tone-info-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-info-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-info-surface, Canvas);--_tone-border: var(--slotted-tone-info-border, ButtonBorder);--_tone-mark: var(--slotted-tone-info-border, ButtonBorder);--_tone-text: var(--slotted-tone-info-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, decorators: [{
             type: Component,
             args: [{ selector: 'li[slTimelineGroup], div[slTimelineGroup]', standalone: true, template: `
     @switch (levelValue()) {
       @case (2) {
-        <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
+        <h2 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h2>
       }
       @case (4) {
-        <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
+        <h4 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h4>
       }
       @case (5) {
-        <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
+        <h5 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h5>
       }
       @case (6) {
-        <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
+        <h6 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h6>
       }
       @default {
-        <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
+        <h3 data-part="group-label" data-part-group-label="">
+          <ng-container *ngTemplateOutlet="heading"></ng-container>
+        </h3>
       }
     }
     <ng-content></ng-content>
@@ -521,14 +565,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           [attr.aria-controls]="listId"
           [attr.aria-expanded]="isOpen()"
           data-part="group-trigger"
+          data-part-group-trigger=""
           type="button"
           (click)="toggle($event)"
         >
-          <span aria-hidden="true" data-part="group-indicator"
+          <span aria-hidden="true" data-part="group-indicator" data-part-group-indicator=""
             ><span slIcon><svg slGlyph name="chevron-down"></svg></span
           ></span>
           {{ label()
-          }}<span data-ui="visually-hidden">{{
+          }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
             isOpen() ? timeline.t('collapse') : timeline.t('expand')
           }}</span>
         </button>
@@ -538,8 +583,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     </ng-template>
   `, imports: [NgTemplateOutlet, SlGlyph, SlIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineGroup', host: {
                         'data-part': 'group',
+                        'data-part-group': '',
                         '[attr.data-open]': 'isOpen() ? "" : null',
-                    }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid: var(--slotted-tone-info-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-info-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-info-surface, Canvas);--_tone-border: var(--slotted-tone-info-border, ButtonBorder);--_tone-mark: var(--slotted-tone-info-border, ButtonBorder);--_tone-text: var(--slotted-tone-info-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], openRequest: [{ type: i0.Output, args: ["openRequest"] }] } });
 /** The list inside a group: hidden while the group is folded. */
 class SlTimelineGroupList {
@@ -550,7 +596,7 @@ class SlTimelineGroupList {
         effect(() => assignLast(this.own()));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineGroupList, isStandalone: true, selector: "ol[slTimelineGroupList], div[slTimelineGroupList]", host: { attributes: { "data-part": "group-list" }, properties: { "attr.id": "group.listId", "hidden": "!group.isOpen()" } }, queries: [{ propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineGroupList"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineGroupList, isStandalone: true, selector: "ol[slTimelineGroupList], div[slTimelineGroupList]", host: { attributes: { "data-part": "group-list", "data-part-group-list": "" }, properties: { "attr.id": "group.listId", "hidden": "!group.isOpen()" } }, queries: [{ propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineGroupList"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, decorators: [{
             type: Directive,
@@ -560,6 +606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTimelineGroupList',
                     host: {
                         'data-part': 'group-list',
+                        'data-part-group-list': '',
                         '[attr.id]': 'group.listId',
                         '[hidden]': '!group.isOpen()',
                     },
@@ -664,12 +711,21 @@ class SlTimelineItem {
         return this.timeline.itemId(this.index(), part);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineItem, isStandalone: true, selector: "li[slTimelineItem], article[slTimelineItem]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, actor: { classPropertyName: "actor", publicName: "actor", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.role": "timeline.feed() ? \"article\" : null", "attr.tabindex": "timeline.feed() ? (ownTabindex ?? \"0\") : null", "attr.aria-posinset": "timeline.feed() ? index() + 1 : null", "attr.aria-setsize": "timeline.feed() ? setSize() : null", "attr.aria-labelledby": "timeline.feed() ? labelledBy() : null", "attr.aria-describedby": "timeline.feed() ? describedBy() : null", "attr.aria-current": "current() ? \"true\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "finished() && !current() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-connector": "line() === \"solid\" ? null : line()", "attr.data-side": "sideValue()", "attr.data-tone": "tone() ?? timeline.toneValue()", "attr.data-variant": "variant() ?? timeline.variantValue()" } }, queries: [{ propertyName: "projectedTitle", first: true, predicate: i0.forwardRef(() => SlTimelineTitle), descendants: true, isSignal: true }, { propertyName: "projectedActor", first: true, predicate: i0.forwardRef(() => SlTimelineActor), descendants: true, isSignal: true }, { propertyName: "projectedDescription", first: true, predicate: i0.forwardRef(() => SlTimelineDescription), descendants: true, isSignal: true }], exportAs: ["slTimelineItem"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineItem, isStandalone: true, selector: "li[slTimelineItem], article[slTimelineItem]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, actor: { classPropertyName: "actor", publicName: "actor", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.role": "timeline.feed() ? \"article\" : null", "attr.tabindex": "timeline.feed() ? (ownTabindex ?? \"0\") : null", "attr.aria-posinset": "timeline.feed() ? index() + 1 : null", "attr.aria-setsize": "timeline.feed() ? setSize() : null", "attr.aria-labelledby": "timeline.feed() ? labelledBy() : null", "attr.aria-describedby": "timeline.feed() ? describedBy() : null", "attr.aria-current": "current() ? \"true\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "finished() && !current() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-connector": "line() === \"solid\" ? null : line()", "attr.data-side": "sideValue()", "attr.data-tone": "tone() ?? timeline.toneValue()", "attr.data-variant": "variant() ?? timeline.variantValue()" } }, queries: [{ propertyName: "projectedTitle", first: true, predicate: i0.forwardRef(() => SlTimelineTitle), descendants: true, isSignal: true }, { propertyName: "projectedActor", first: true, predicate: i0.forwardRef(() => SlTimelineActor), descendants: true, isSignal: true }, { propertyName: "projectedDescription", first: true, predicate: i0.forwardRef(() => SlTimelineDescription), descendants: true, isSignal: true }], exportAs: ["slTimelineItem"], ngImport: i0, template: `
     <ng-content select="[slTimelineOpposite]"></ng-content>
-    <div data-part="rail">
-      <span data-part="marker">
+    <div data-part="rail" data-part-rail="">
+      <span data-part="marker" data-part-marker="">
         @if (loading()) {
-          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+          <span
+            aria-hidden="true"
+            data-part="root"
+            data-part-root=""
+            data-ui="spinner"
+            data-ui-spinner=""
+            ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <circle cx="12" cy="12" r="8.875" />
+              <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+          ></span>
         } @else {
           <ng-content select="[slTimelineMarker]">
             @if (finished() && !current()) {
@@ -679,16 +735,18 @@ class SlTimelineItem {
         }
       </span>
       @if (!last()) {
-        <span aria-hidden="true" data-part="connector"></span>
+        <span aria-hidden="true" data-part="connector" data-part-connector=""></span>
       }
     </div>
-    <div data-part="content">
+    <div data-part="content" data-part-content="">
       @if (title() !== undefined) {
-        <div data-part="title" [id]="partId('title')">{{ title() }}</div>
+        <div data-part="title" data-part-title="" [id]="partId('title')">{{ title() }}</div>
       }
       <ng-content select="[slTimelineTitle]"></ng-content>
       @if (current()) {
-        <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
+        <span data-ui="visually-hidden" data-ui-visually-hidden="" [id]="partId('current')">{{
+          timeline.t('current')
+        }}</span>
       }
       @if (time() !== undefined) {
         @if (timeLabel() !== undefined) {
@@ -698,26 +756,37 @@ class SlTimelineItem {
         }
       }
       @if (actor() !== undefined) {
-        <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
+        <div data-part="actor" data-part-actor="" [id]="partId('actor')">{{ actor() }}</div>
       }
       <ng-content select="[slTimelineActor]"></ng-content>
       @if (description() !== undefined) {
-        <div data-part="description" [id]="partId('description')">{{ description() }}</div>
+        <div data-part="description" data-part-description="" [id]="partId('description')">
+          {{ description() }}
+        </div>
       }
       <ng-content select="[slTimelineDescription]"></ng-content>
       <ng-content></ng-content>
       <ng-content select="[slTimelineActions]"></ng-content>
     </div>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => SlTimelineTime), selector: "time[slTimelineTime]", inputs: ["value", "format", "locale", "timeZone", "now"], exportAs: ["slTimelineTime"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid: var(--slotted-tone-info-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-info-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-info-surface, Canvas);--_tone-border: var(--slotted-tone-info-border, ButtonBorder);--_tone-mark: var(--slotted-tone-info-border, ButtonBorder);--_tone-text: var(--slotted-tone-info-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => SlTimelineTime), selector: "time[slTimelineTime]", inputs: ["value", "format", "locale", "timeZone", "now"], exportAs: ["slTimelineTime"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, decorators: [{
             type: Component,
             args: [{ selector: 'li[slTimelineItem], article[slTimelineItem]', standalone: true, imports: [forwardRef(() => SlTimelineTime), SlGlyph, SlIcon], template: `
     <ng-content select="[slTimelineOpposite]"></ng-content>
-    <div data-part="rail">
-      <span data-part="marker">
+    <div data-part="rail" data-part-rail="">
+      <span data-part="marker" data-part-marker="">
         @if (loading()) {
-          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+          <span
+            aria-hidden="true"
+            data-part="root"
+            data-part-root=""
+            data-ui="spinner"
+            data-ui-spinner=""
+            ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <circle cx="12" cy="12" r="8.875" />
+              <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+          ></span>
         } @else {
           <ng-content select="[slTimelineMarker]">
             @if (finished() && !current()) {
@@ -727,16 +796,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
       </span>
       @if (!last()) {
-        <span aria-hidden="true" data-part="connector"></span>
+        <span aria-hidden="true" data-part="connector" data-part-connector=""></span>
       }
     </div>
-    <div data-part="content">
+    <div data-part="content" data-part-content="">
       @if (title() !== undefined) {
-        <div data-part="title" [id]="partId('title')">{{ title() }}</div>
+        <div data-part="title" data-part-title="" [id]="partId('title')">{{ title() }}</div>
       }
       <ng-content select="[slTimelineTitle]"></ng-content>
       @if (current()) {
-        <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
+        <span data-ui="visually-hidden" data-ui-visually-hidden="" [id]="partId('current')">{{
+          timeline.t('current')
+        }}</span>
       }
       @if (time() !== undefined) {
         @if (timeLabel() !== undefined) {
@@ -746,11 +817,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
       }
       @if (actor() !== undefined) {
-        <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
+        <div data-part="actor" data-part-actor="" [id]="partId('actor')">{{ actor() }}</div>
       }
       <ng-content select="[slTimelineActor]"></ng-content>
       @if (description() !== undefined) {
-        <div data-part="description" [id]="partId('description')">{{ description() }}</div>
+        <div data-part="description" data-part-description="" [id]="partId('description')">
+          {{ description() }}
+        </div>
       }
       <ng-content select="[slTimelineDescription]"></ng-content>
       <ng-content></ng-content>
@@ -758,6 +831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineItem', host: {
                         'data-part': 'item',
+                        'data-part-item': '',
                         '[attr.role]': 'timeline.feed() ? "article" : null',
                         '[attr.tabindex]': 'timeline.feed() ? (ownTabindex ?? "0") : null',
                         '[attr.aria-posinset]': 'timeline.feed() ? index() + 1 : null',
@@ -773,7 +847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-side]': 'sideValue()',
                         '[attr.data-tone]': 'tone() ?? timeline.toneValue()',
                         '[attr.data-variant]': 'variant() ?? timeline.variantValue()',
-                    }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid: var(--slotted-tone-info-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-info-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-info-surface, Canvas);--_tone-border: var(--slotted-tone-info-border, ButtonBorder);--_tone-mark: var(--slotted-tone-info-border, ButtonBorder);--_tone-text: var(--slotted-tone-info-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], actor: [{ type: i0.Input, args: [{ isSignal: true, alias: "actor", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], timeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeLabel", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], complete: [{ type: i0.Input, args: [{ isSignal: true, alias: "complete", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], projectedTitle: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineTitle), { isSignal: true }] }], projectedActor: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineActor), { isSignal: true }] }], projectedDescription: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineDescription), { isSignal: true }] }] } });
 /**
  * When it happened, as the platform reads it and as the reader does. The
@@ -802,7 +876,7 @@ class SlTimelineTime {
     }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTimelineTime, isStandalone: true, selector: "time[slTimelineTime]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "time" }, properties: { "attr.datetime": "formatted().dateTime", "attr.title": "formatted().title" } }, exportAs: ["slTimelineTime"], ngImport: i0, template: '<ng-content>{{ formatted().text }}</ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTimelineTime, isStandalone: true, selector: "time[slTimelineTime]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "time", "data-part-time": "" }, properties: { "attr.datetime": "formatted().dateTime", "attr.title": "formatted().title" } }, exportAs: ["slTimelineTime"], ngImport: i0, template: '<ng-content>{{ formatted().text }}</ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, decorators: [{
             type: Component,
@@ -815,6 +889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTimelineTime',
                     host: {
                         'data-part': 'time',
+                        'data-part-time': '',
                         '[attr.datetime]': 'formatted().dateTime',
                         '[attr.title]': 'formatted().title',
                     },
@@ -829,60 +904,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 class SlTimelineTitle {
     item = inject(SlTimelineItem);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineTitle, isStandalone: true, selector: "[slTimelineTitle]", host: { attributes: { "data-part": "title" }, properties: { "attr.id": "item.partId(\"title\")" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineTitle, isStandalone: true, selector: "[slTimelineTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" }, properties: { "attr.id": "item.partId(\"title\")" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slTimelineTitle]',
                     standalone: true,
-                    host: { 'data-part': 'title', '[attr.id]': 'item.partId("title")' },
+                    host: { 'data-part': 'title', 'data-part-title': '', '[attr.id]': 'item.partId("title")' },
                 }]
         }] });
 class SlTimelineActor {
     item = inject(SlTimelineItem);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActor, isStandalone: true, selector: "[slTimelineActor]", host: { attributes: { "data-part": "actor" }, properties: { "attr.id": "item.partId(\"actor\")" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActor, isStandalone: true, selector: "[slTimelineActor]", host: { attributes: { "data-part": "actor", "data-part-actor": "" }, properties: { "attr.id": "item.partId(\"actor\")" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slTimelineActor]',
                     standalone: true,
-                    host: { 'data-part': 'actor', '[attr.id]': 'item.partId("actor")' },
+                    host: { 'data-part': 'actor', 'data-part-actor': '', '[attr.id]': 'item.partId("actor")' },
                 }]
         }] });
 class SlTimelineDescription {
     item = inject(SlTimelineItem);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineDescription, isStandalone: true, selector: "[slTimelineDescription]", host: { attributes: { "data-part": "description" }, properties: { "attr.id": "item.partId(\"description\")" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineDescription, isStandalone: true, selector: "[slTimelineDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" }, properties: { "attr.id": "item.partId(\"description\")" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slTimelineDescription]',
                     standalone: true,
-                    host: { 'data-part': 'description', '[attr.id]': 'item.partId("description")' },
+                    host: {
+                        'data-part': 'description',
+                        'data-part-description': '',
+                        '[attr.id]': 'item.partId("description")',
+                    },
                 }]
         }] });
 class SlTimelineActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActions, isStandalone: true, selector: "[slTimelineActions]", host: { attributes: { "data-part": "actions" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActions, isStandalone: true, selector: "[slTimelineActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, decorators: [{
             type: Directive,
-            args: [{ selector: '[slTimelineActions]', standalone: true, host: { 'data-part': 'actions' } }]
+            args: [{
+                    selector: '[slTimelineActions]',
+                    standalone: true,
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
+                }]
         }] });
 class SlTimelineOpposite {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineOpposite, isStandalone: true, selector: "[slTimelineOpposite]", host: { attributes: { "data-part": "opposite" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineOpposite, isStandalone: true, selector: "[slTimelineOpposite]", host: { attributes: { "data-part": "opposite", "data-part-opposite": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slTimelineOpposite]',
                     standalone: true,
-                    host: { 'data-part': 'opposite' },
+                    host: { 'data-part': 'opposite', 'data-part-opposite': '' },
                 }]
         }] });
 /** Artwork projected into the marker; the marker itself is the family's. */