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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (588) hide show
  1. package/README.md +4 -0
  2. package/docs/AGENTS.snippet.md +12 -0
  3. package/docs/alert.json +7 -1
  4. package/docs/alert.md +3 -3
  5. package/docs/app-shell.examples.md +1 -1
  6. package/docs/app-shell.json +5 -5
  7. package/docs/app-shell.md +2 -2
  8. package/docs/avatar.json +22 -1
  9. package/docs/avatar.md +5 -3
  10. package/docs/badge.json +7 -1
  11. package/docs/badge.md +3 -3
  12. package/docs/button-group.json +2 -0
  13. package/docs/button-group.md +1 -1
  14. package/docs/button.json +51 -11
  15. package/docs/button.md +10 -6
  16. package/docs/calendar.json +8 -1
  17. package/docs/calendar.md +1 -0
  18. package/docs/cascader.json +1 -0
  19. package/docs/cascader.md +1 -1
  20. package/docs/chart.examples.md +1 -1
  21. package/docs/chart.json +10 -1
  22. package/docs/chart.md +3 -2
  23. package/docs/checkbox.json +7 -0
  24. package/docs/checkbox.md +1 -0
  25. package/docs/code-block.json +92 -92
  26. package/docs/code-block.md +69 -69
  27. package/docs/combobox.json +1 -0
  28. package/docs/combobox.md +1 -1
  29. package/docs/currency-field.json +40 -1
  30. package/docs/currency-field.md +5 -1
  31. package/docs/data-grid.examples.md +2 -2
  32. package/docs/data-grid.json +24 -7
  33. package/docs/data-grid.md +1 -1
  34. package/docs/data-grid.props.md +6 -4
  35. package/docs/data-list.json +2 -1
  36. package/docs/data-list.md +1 -1
  37. package/docs/date-field.json +9 -1
  38. package/docs/date-field.md +3 -2
  39. package/docs/date-picker.examples.md +36 -0
  40. package/docs/date-picker.json +20 -5
  41. package/docs/date-picker.md +5 -4
  42. package/docs/datetime-field.json +1 -0
  43. package/docs/datetime-field.md +1 -1
  44. package/docs/dialog.examples.md +158 -136
  45. package/docs/dialog.json +35 -11
  46. package/docs/dialog.md +4 -2
  47. package/docs/dialog.props.md +1 -1
  48. package/docs/drawer.json +5 -0
  49. package/docs/drawer.md +1 -0
  50. package/docs/entity-picker.json +19 -4
  51. package/docs/entity-picker.md +8 -6
  52. package/docs/event-calendar.json +7 -0
  53. package/docs/event-calendar.md +1 -0
  54. package/docs/filter-bar.json +118 -118
  55. package/docs/filter-bar.md +79 -79
  56. package/docs/form.json +2 -1
  57. package/docs/form.md +1 -1
  58. package/docs/guidelines/README.md +27 -0
  59. package/docs/guidelines/async-feedback.md +129 -0
  60. package/docs/guidelines/browsing.md +74 -0
  61. package/docs/guidelines/builders.md +97 -0
  62. package/docs/guidelines/composition.md +143 -0
  63. package/docs/guidelines/conversations.md +59 -0
  64. package/docs/guidelines/errors-and-conflicts.md +71 -0
  65. package/docs/guidelines/forms.md +202 -0
  66. package/docs/guidelines/index.md +129 -0
  67. package/docs/guidelines/layout-alignment.md +95 -0
  68. package/docs/guidelines/ledgers.md +45 -0
  69. package/docs/guidelines/list-pages.md +206 -0
  70. package/docs/guidelines/overviews.md +76 -0
  71. package/docs/guidelines/own-elements.md +115 -0
  72. package/docs/guidelines/reading-permissions.md +55 -0
  73. package/docs/guidelines/record-pages.md +178 -0
  74. package/docs/guidelines/reports.md +123 -0
  75. package/docs/guidelines/shell-composition.md +94 -0
  76. package/docs/guidelines/workspaces.md +46 -0
  77. package/docs/icon.json +3 -1
  78. package/docs/icon.md +3 -3
  79. package/docs/index.md +12 -0
  80. package/docs/inline-message.json +14 -2
  81. package/docs/inline-message.md +4 -3
  82. package/docs/list-item.json +9 -1
  83. package/docs/list-item.md +3 -3
  84. package/docs/list.json +19 -1
  85. package/docs/list.md +3 -1
  86. package/docs/markdown.json +79 -79
  87. package/docs/markdown.md +65 -65
  88. package/docs/menu.json +12 -0
  89. package/docs/menu.md +2 -0
  90. package/docs/message.json +7 -1
  91. package/docs/message.md +3 -3
  92. package/docs/multi-select.json +1 -0
  93. package/docs/multi-select.md +1 -1
  94. package/docs/notification-center.json +4 -0
  95. package/docs/notification-center.md +2 -2
  96. package/docs/number-field.json +1 -0
  97. package/docs/number-field.md +1 -1
  98. package/docs/otp-input.json +1 -0
  99. package/docs/otp-input.md +1 -1
  100. package/docs/page-header.json +4 -3
  101. package/docs/page-header.md +2 -2
  102. package/docs/page.json +1 -0
  103. package/docs/page.md +1 -0
  104. package/docs/popover.json +1 -1
  105. package/docs/progress-indicator.json +4 -3
  106. package/docs/progress-indicator.md +4 -4
  107. package/docs/prompt-composer.json +41 -1
  108. package/docs/prompt-composer.md +5 -1
  109. package/docs/rating.json +5 -3
  110. package/docs/rating.md +5 -5
  111. package/docs/section.json +27 -15
  112. package/docs/section.md +11 -9
  113. package/docs/segmented-control.json +36 -12
  114. package/docs/segmented-control.md +17 -1
  115. package/docs/select.json +1 -0
  116. package/docs/select.md +1 -1
  117. package/docs/side-navigation.json +1 -0
  118. package/docs/side-navigation.md +1 -1
  119. package/docs/skills/build-own-element/SKILL.md +90 -0
  120. package/docs/skills/compose-screen/SKILL.md +95 -0
  121. package/docs/skills/index.md +9 -0
  122. package/docs/skills/review-screen/SKILL.md +77 -0
  123. package/docs/skills/theme-app/SKILL.md +87 -0
  124. package/docs/skills/waiting-states/SKILL.md +143 -0
  125. package/docs/sparkline.json +5 -2
  126. package/docs/sparkline.md +4 -4
  127. package/docs/split-button.json +4 -1
  128. package/docs/split-button.md +3 -3
  129. package/docs/stat-card.json +5 -1
  130. package/docs/stat-card.md +3 -3
  131. package/docs/table.examples.md +3 -3
  132. package/docs/table.json +85 -3
  133. package/docs/table.md +12 -1
  134. package/docs/tabs.json +17 -7
  135. package/docs/tabs.md +3 -2
  136. package/docs/tag.json +14 -4
  137. package/docs/tag.md +6 -6
  138. package/docs/tags-input.json +29 -2
  139. package/docs/tags-input.md +4 -1
  140. package/docs/text-field.json +2 -1
  141. package/docs/text-field.md +2 -2
  142. package/docs/textarea.json +1 -0
  143. package/docs/textarea.md +1 -1
  144. package/docs/time-field.json +1 -0
  145. package/docs/time-field.md +1 -1
  146. package/docs/timeline.json +138 -132
  147. package/docs/timeline.md +125 -125
  148. package/docs/toast.json +7 -1
  149. package/docs/toast.md +3 -3
  150. package/docs/toggle-group.json +14 -3
  151. package/docs/toggle-group.md +3 -3
  152. package/docs/toggle.json +12 -3
  153. package/docs/toggle.md +3 -3
  154. package/docs/tokens.md +467 -0
  155. package/docs/tour.json +1 -1
  156. package/docs/typography.json +4 -2
  157. package/docs/typography.md +4 -4
  158. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  159. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  160. package/fesm2022/slotted-angular-action-bar.mjs +22 -11
  161. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  162. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  163. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  164. package/fesm2022/slotted-angular-alert.mjs +18 -11
  165. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  166. package/fesm2022/slotted-angular-app-shell.mjs +111 -61
  167. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  169. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  171. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  173. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-avatar.mjs +14 -7
  175. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-badge.mjs +14 -10
  177. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  179. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  181. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-button.mjs +90 -29
  183. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-calendar.mjs +235 -58
  185. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-card.mjs +18 -16
  187. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  189. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-cascader.mjs +166 -66
  191. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-chart.mjs +53 -20
  193. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  195. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-checkbox.mjs +23 -9
  197. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  199. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  201. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  203. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  205. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-combobox.mjs +112 -39
  207. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-command-palette.mjs +150 -54
  209. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-container.mjs +6 -4
  211. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  213. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-currency-field.mjs +149 -32
  215. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
  217. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-data-grid.mjs +354 -113
  219. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  221. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-date-field.mjs +74 -25
  223. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-date-picker.mjs +112 -40
  225. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
  227. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
  229. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
  231. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
  233. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  235. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  237. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-dialog.mjs +72 -30
  239. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-divider.mjs +7 -5
  241. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-drawer.mjs +53 -29
  243. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
  245. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
  247. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  249. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-field.mjs +35 -15
  251. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
  253. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-form.mjs +18 -10
  255. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  257. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-grid.mjs +4 -2
  259. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  261. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  263. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-icon.mjs +6 -3
  265. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-image.mjs +13 -10
  267. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  269. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-inline-message.mjs +88 -13
  271. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-inline.mjs +4 -2
  273. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  275. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  276. package/fesm2022/slotted-angular-link.mjs +5 -3
  277. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  278. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  279. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  280. package/fesm2022/slotted-angular-list.mjs +37 -22
  281. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  282. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  283. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  284. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  285. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  286. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  287. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  288. package/fesm2022/slotted-angular-menu.mjs +51 -29
  289. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  290. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  291. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  292. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  293. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  294. package/fesm2022/slotted-angular-message.mjs +113 -51
  295. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  296. package/fesm2022/slotted-angular-multi-select.mjs +189 -87
  297. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  298. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  299. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  300. package/fesm2022/slotted-angular-notification-center.mjs +108 -65
  301. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  302. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  303. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  304. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  305. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  306. package/fesm2022/slotted-angular-page-header.mjs +75 -45
  307. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  308. package/fesm2022/slotted-angular-page.mjs +38 -10
  309. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  310. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  311. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  312. package/fesm2022/slotted-angular-popover.mjs +32 -19
  313. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  314. package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
  315. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  316. package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
  317. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  318. package/fesm2022/slotted-angular-prose.mjs +14 -11
  319. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  320. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  321. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  322. package/fesm2022/slotted-angular-rating.mjs +138 -82
  323. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  324. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  325. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  326. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  327. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  328. package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
  329. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  330. package/fesm2022/slotted-angular-section.mjs +53 -18
  331. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  332. package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
  333. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  334. package/fesm2022/slotted-angular-select.mjs +184 -94
  335. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  336. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  337. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  338. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  339. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  340. package/fesm2022/slotted-angular-slider.mjs +31 -11
  341. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  342. package/fesm2022/slotted-angular-sparkline.mjs +41 -14
  343. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  344. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  345. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  346. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  347. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  348. package/fesm2022/slotted-angular-stack.mjs +4 -2
  349. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  350. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  351. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  352. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  353. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  354. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  355. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  356. package/fesm2022/slotted-angular-switch.mjs +15 -10
  357. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  358. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  359. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  360. package/fesm2022/slotted-angular-table.mjs +243 -73
  361. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  362. package/fesm2022/slotted-angular-tabs.mjs +42 -18
  363. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  364. package/fesm2022/slotted-angular-tag.mjs +19 -12
  365. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  366. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  367. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  368. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  369. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  370. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  371. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  372. package/fesm2022/slotted-angular-time-field.mjs +48 -14
  373. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  374. package/fesm2022/slotted-angular-time-picker.mjs +32 -20
  375. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  376. package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
  377. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  378. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  379. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  380. package/fesm2022/slotted-angular-toast.mjs +43 -31
  381. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  382. package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
  383. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  384. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  385. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  386. package/fesm2022/slotted-angular-toolbar.mjs +22 -11
  387. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  388. package/fesm2022/slotted-angular-tooltip.mjs +15 -6
  389. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  390. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  391. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  392. package/fesm2022/slotted-angular-tour.mjs +47 -22
  393. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  394. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  395. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  396. package/fesm2022/slotted-angular-tree.mjs +74 -26
  397. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  398. package/fesm2022/slotted-angular-typography.mjs +8 -4
  399. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  400. package/fesm2022/slotted-angular-upload.mjs +125 -57
  401. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  402. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  403. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  404. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  405. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  406. package/package.json +3 -3
  407. package/types/slotted-angular-accordion.d.ts.map +1 -1
  408. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  409. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  410. package/types/slotted-angular-alert.d.ts +2 -2
  411. package/types/slotted-angular-alert.d.ts.map +1 -1
  412. package/types/slotted-angular-app-shell.d.ts +11 -3
  413. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  414. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  415. package/types/slotted-angular-attachment.d.ts +1 -1
  416. package/types/slotted-angular-attachment.d.ts.map +1 -1
  417. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  418. package/types/slotted-angular-avatar.d.ts +11 -3
  419. package/types/slotted-angular-avatar.d.ts.map +1 -1
  420. package/types/slotted-angular-badge.d.ts +1 -1
  421. package/types/slotted-angular-badge.d.ts.map +1 -1
  422. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  423. package/types/slotted-angular-button-group.d.ts +1 -1
  424. package/types/slotted-angular-button-group.d.ts.map +1 -1
  425. package/types/slotted-angular-button.d.ts +33 -13
  426. package/types/slotted-angular-button.d.ts.map +1 -1
  427. package/types/slotted-angular-calendar.d.ts +30 -2
  428. package/types/slotted-angular-calendar.d.ts.map +1 -1
  429. package/types/slotted-angular-card.d.ts.map +1 -1
  430. package/types/slotted-angular-carousel.d.ts.map +1 -1
  431. package/types/slotted-angular-cascader.d.ts.map +1 -1
  432. package/types/slotted-angular-chart.d.ts +10 -0
  433. package/types/slotted-angular-chart.d.ts.map +1 -1
  434. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  435. package/types/slotted-angular-checkbox.d.ts +7 -1
  436. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  437. package/types/slotted-angular-code-block.d.ts +1 -1
  438. package/types/slotted-angular-code-block.d.ts.map +1 -1
  439. package/types/slotted-angular-collapsible.d.ts +1 -1
  440. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  441. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  442. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  443. package/types/slotted-angular-combobox.d.ts +5 -1
  444. package/types/slotted-angular-combobox.d.ts.map +1 -1
  445. package/types/slotted-angular-command-palette.d.ts +10 -1
  446. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  447. package/types/slotted-angular-container.d.ts.map +1 -1
  448. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  449. package/types/slotted-angular-currency-field.d.ts +63 -15
  450. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  451. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  452. package/types/slotted-angular-data-grid.d.ts +49 -4
  453. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  454. package/types/slotted-angular-data-list.d.ts.map +1 -1
  455. package/types/slotted-angular-date-field.d.ts +11 -1
  456. package/types/slotted-angular-date-field.d.ts.map +1 -1
  457. package/types/slotted-angular-date-picker.d.ts +38 -12
  458. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  459. package/types/slotted-angular-date-range-picker.d.ts +0 -1
  460. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  461. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  462. package/types/slotted-angular-datetime-picker.d.ts +0 -1
  463. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  464. package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
  465. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  466. package/types/slotted-angular-description-list.d.ts.map +1 -1
  467. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  468. package/types/slotted-angular-dialog.d.ts +10 -3
  469. package/types/slotted-angular-dialog.d.ts.map +1 -1
  470. package/types/slotted-angular-divider.d.ts.map +1 -1
  471. package/types/slotted-angular-drawer.d.ts +7 -1
  472. package/types/slotted-angular-drawer.d.ts.map +1 -1
  473. package/types/slotted-angular-entity-picker.d.ts +63 -15
  474. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  475. package/types/slotted-angular-event-calendar.d.ts +9 -2
  476. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  477. package/types/slotted-angular-field-group.d.ts.map +1 -1
  478. package/types/slotted-angular-field.d.ts.map +1 -1
  479. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  480. package/types/slotted-angular-form.d.ts.map +1 -1
  481. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  482. package/types/slotted-angular-grid.d.ts.map +1 -1
  483. package/types/slotted-angular-highlight.d.ts.map +1 -1
  484. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  485. package/types/slotted-angular-icon.d.ts +2 -2
  486. package/types/slotted-angular-icon.d.ts.map +1 -1
  487. package/types/slotted-angular-image.d.ts.map +1 -1
  488. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  489. package/types/slotted-angular-inline-message.d.ts +25 -25
  490. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  491. package/types/slotted-angular-inline.d.ts.map +1 -1
  492. package/types/slotted-angular-kbd.d.ts.map +1 -1
  493. package/types/slotted-angular-link.d.ts.map +1 -1
  494. package/types/slotted-angular-list-item.d.ts +1 -1
  495. package/types/slotted-angular-list-item.d.ts.map +1 -1
  496. package/types/slotted-angular-list.d.ts +42 -27
  497. package/types/slotted-angular-list.d.ts.map +1 -1
  498. package/types/slotted-angular-listbox.d.ts.map +1 -1
  499. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  500. package/types/slotted-angular-markdown.d.ts.map +1 -1
  501. package/types/slotted-angular-menu.d.ts +11 -2
  502. package/types/slotted-angular-menu.d.ts.map +1 -1
  503. package/types/slotted-angular-menubar.d.ts.map +1 -1
  504. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  505. package/types/slotted-angular-message.d.ts +1 -1
  506. package/types/slotted-angular-message.d.ts.map +1 -1
  507. package/types/slotted-angular-multi-select.d.ts +15 -1
  508. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  509. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  510. package/types/slotted-angular-notification-center.d.ts +1 -1
  511. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  512. package/types/slotted-angular-number-field.d.ts.map +1 -1
  513. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  514. package/types/slotted-angular-page-header.d.ts +4 -4
  515. package/types/slotted-angular-page-header.d.ts.map +1 -1
  516. package/types/slotted-angular-page.d.ts.map +1 -1
  517. package/types/slotted-angular-pagination.d.ts.map +1 -1
  518. package/types/slotted-angular-popover.d.ts.map +1 -1
  519. package/types/slotted-angular-progress-indicator.d.ts +8 -1
  520. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  521. package/types/slotted-angular-prompt-composer.d.ts +11 -2
  522. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  523. package/types/slotted-angular-prose.d.ts.map +1 -1
  524. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  525. package/types/slotted-angular-rating.d.ts +1 -1
  526. package/types/slotted-angular-rating.d.ts.map +1 -1
  527. package/types/slotted-angular-result-state.d.ts.map +1 -1
  528. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  529. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  530. package/types/slotted-angular-section.d.ts +11 -3
  531. package/types/slotted-angular-section.d.ts.map +1 -1
  532. package/types/slotted-angular-segmented-control.d.ts +15 -2
  533. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  534. package/types/slotted-angular-select.d.ts +12 -2
  535. package/types/slotted-angular-select.d.ts.map +1 -1
  536. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  537. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  538. package/types/slotted-angular-slider.d.ts.map +1 -1
  539. package/types/slotted-angular-sparkline.d.ts +7 -1
  540. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  541. package/types/slotted-angular-split-button.d.ts +2 -2
  542. package/types/slotted-angular-split-button.d.ts.map +1 -1
  543. package/types/slotted-angular-splitter.d.ts.map +1 -1
  544. package/types/slotted-angular-stack.d.ts.map +1 -1
  545. package/types/slotted-angular-stat-card.d.ts +1 -1
  546. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  547. package/types/slotted-angular-status-indicator.d.ts +1 -1
  548. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  549. package/types/slotted-angular-stepper.d.ts +1 -1
  550. package/types/slotted-angular-stepper.d.ts.map +1 -1
  551. package/types/slotted-angular-switch.d.ts.map +1 -1
  552. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  553. package/types/slotted-angular-table.d.ts +63 -6
  554. package/types/slotted-angular-table.d.ts.map +1 -1
  555. package/types/slotted-angular-tabs.d.ts +3 -4
  556. package/types/slotted-angular-tabs.d.ts.map +1 -1
  557. package/types/slotted-angular-tag.d.ts +1 -1
  558. package/types/slotted-angular-tag.d.ts.map +1 -1
  559. package/types/slotted-angular-tags-input.d.ts +33 -1
  560. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  561. package/types/slotted-angular-text-field.d.ts.map +1 -1
  562. package/types/slotted-angular-textarea.d.ts.map +1 -1
  563. package/types/slotted-angular-theme.d.ts +1 -1
  564. package/types/slotted-angular-time-field.d.ts.map +1 -1
  565. package/types/slotted-angular-time-picker.d.ts +0 -1
  566. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  567. package/types/slotted-angular-time-range-picker.d.ts +0 -1
  568. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  569. package/types/slotted-angular-timeline.d.ts +1 -1
  570. package/types/slotted-angular-timeline.d.ts.map +1 -1
  571. package/types/slotted-angular-toast.d.ts +3 -3
  572. package/types/slotted-angular-toast.d.ts.map +1 -1
  573. package/types/slotted-angular-toggle-group.d.ts +8 -2
  574. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  575. package/types/slotted-angular-toggle.d.ts +1 -1
  576. package/types/slotted-angular-toggle.d.ts.map +1 -1
  577. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  578. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  579. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  580. package/types/slotted-angular-tour.d.ts.map +1 -1
  581. package/types/slotted-angular-transfer.d.ts.map +1 -1
  582. package/types/slotted-angular-tree.d.ts.map +1 -1
  583. package/types/slotted-angular-typography.d.ts +1 -1
  584. package/types/slotted-angular-typography.d.ts.map +1 -1
  585. package/types/slotted-angular-upload.d.ts +2 -2
  586. package/types/slotted-angular-upload.d.ts.map +1 -1
  587. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  588. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -228,11 +228,12 @@ class SlTimeline {
228
228
  this.revealRequest.emit({ event, reason });
229
229
  }
230
230
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component });
231
- 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: `
231
+ 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: `
232
232
  @if (heldCount() > 0) {
233
233
  <button
234
234
  #fresh
235
235
  data-part="fresh"
236
+ data-part-fresh=""
236
237
  type="button"
237
238
  [hidden]="freshCount() <= 0"
238
239
  (click)="reveal($event)"
@@ -243,24 +244,30 @@ class SlTimeline {
243
244
  <ng-content></ng-content>
244
245
  @if (growingValue() !== 'none') {
245
246
  @if (loading()) {
246
- <div #more aria-live="polite" data-part="more">
247
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
247
+ <div #more aria-live="polite" data-part="more" data-part-more="">
248
+ <span
249
+ aria-hidden="true"
250
+ data-part="root"
251
+ data-part-root=""
252
+ data-ui="spinner"
253
+ data-ui-spinner=""
254
+ ></span>
248
255
  {{ t('loading') }}
249
256
  </div>
250
257
  } @else if (growingValue() === 'button') {
251
- <button #more data-part="more" type="button" (click)="loadMore($event)">
258
+ <button #more data-part="more" data-part-more="" type="button" (click)="loadMore($event)">
252
259
  {{ t('loadMore') }}
253
260
  </button>
254
261
  } @else {
255
- <div #more data-part="more"></div>
262
+ <div #more data-part="more" data-part-more=""></div>
256
263
  }
257
264
  }
258
265
  @if (loaded() === 0 && !loading()) {
259
- <div data-part="empty">
266
+ <div data-part="empty" data-part-empty="">
260
267
  <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
261
268
  </div>
262
269
  }
263
- `, 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 });
270
+ `, 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));--_track: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E\");--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;block-size:var(--_size);display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);-webkit-mask-image:var(--_arc),var(--_track);mask-image:var(--_arc),var(--_track);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;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}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E\")}}}\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 });
264
271
  }
265
272
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, decorators: [{
266
273
  type: Component,
@@ -269,6 +276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
269
276
  <button
270
277
  #fresh
271
278
  data-part="fresh"
279
+ data-part-fresh=""
272
280
  type="button"
273
281
  [hidden]="freshCount() <= 0"
274
282
  (click)="reveal($event)"
@@ -279,26 +287,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
279
287
  <ng-content></ng-content>
280
288
  @if (growingValue() !== 'none') {
281
289
  @if (loading()) {
282
- <div #more aria-live="polite" data-part="more">
283
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
290
+ <div #more aria-live="polite" data-part="more" data-part-more="">
291
+ <span
292
+ aria-hidden="true"
293
+ data-part="root"
294
+ data-part-root=""
295
+ data-ui="spinner"
296
+ data-ui-spinner=""
297
+ ></span>
284
298
  {{ t('loading') }}
285
299
  </div>
286
300
  } @else if (growingValue() === 'button') {
287
- <button #more data-part="more" type="button" (click)="loadMore($event)">
301
+ <button #more data-part="more" data-part-more="" type="button" (click)="loadMore($event)">
288
302
  {{ t('loadMore') }}
289
303
  </button>
290
304
  } @else {
291
- <div #more data-part="more"></div>
305
+ <div #more data-part="more" data-part-more=""></div>
292
306
  }
293
307
  }
294
308
  @if (loaded() === 0 && !loading()) {
295
- <div data-part="empty">
309
+ <div data-part="empty" data-part-empty="">
296
310
  <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
297
311
  </div>
298
312
  }
299
313
  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimeline', host: {
300
314
  'data-ui': 'timeline',
315
+ 'data-ui-timeline': '',
301
316
  'data-part': 'root',
317
+ 'data-part-root': '',
302
318
  '[attr.data-mode]': 'modeValue()',
303
319
  '[attr.data-orientation]': 'orientationValue()',
304
320
  '[attr.data-placement]': 'placementValue()',
@@ -309,7 +325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
309
325
  '[attr.data-growing]': 'growingValue()',
310
326
  '[attr.data-loading]': 'loading() ? "" : null',
311
327
  '[attr.data-reflow]': 'reflow() ? null : "false"',
312
- }, 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"] }]
328
+ }, 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));--_track: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E\");--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;block-size:var(--_size);display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);-webkit-mask-image:var(--_arc),var(--_track);mask-image:var(--_arc),var(--_track);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;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}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E\")}}}\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"] }]
313
329
  }], 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 }] }] } });
314
330
  /**
315
331
  * Every event that lays out under a list, in DOM order, is indexed by the one
@@ -387,7 +403,7 @@ class SlTimelineList {
387
403
  outside?.focus();
388
404
  }
389
405
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
390
- 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 });
406
+ 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 });
391
407
  }
392
408
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, decorators: [{
393
409
  type: Directive,
@@ -397,6 +413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
397
413
  exportAs: 'slTimelineList',
398
414
  host: {
399
415
  'data-part': 'list',
416
+ 'data-part-list': '',
400
417
  '[attr.id]': 'timeline.id',
401
418
  '[attr.role]': 'timeline.feed() ? "feed" : null',
402
419
  '[attr.aria-label]': 'accessibleLabel()',
@@ -450,22 +467,32 @@ class SlTimelineGroup {
450
467
  }
451
468
  }
452
469
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
453
- 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: `
470
+ 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: `
454
471
  @switch (levelValue()) {
455
472
  @case (2) {
456
- <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
473
+ <h2 data-part="group-label" data-part-group-label="">
474
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
475
+ </h2>
457
476
  }
458
477
  @case (4) {
459
- <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
478
+ <h4 data-part="group-label" data-part-group-label="">
479
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
480
+ </h4>
460
481
  }
461
482
  @case (5) {
462
- <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
483
+ <h5 data-part="group-label" data-part-group-label="">
484
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
485
+ </h5>
463
486
  }
464
487
  @case (6) {
465
- <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
488
+ <h6 data-part="group-label" data-part-group-label="">
489
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
490
+ </h6>
466
491
  }
467
492
  @default {
468
- <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
493
+ <h3 data-part="group-label" data-part-group-label="">
494
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
495
+ </h3>
469
496
  }
470
497
  }
471
498
  <ng-content></ng-content>
@@ -476,14 +503,15 @@ class SlTimelineGroup {
476
503
  [attr.aria-controls]="listId"
477
504
  [attr.aria-expanded]="isOpen()"
478
505
  data-part="group-trigger"
506
+ data-part-group-trigger=""
479
507
  type="button"
480
508
  (click)="toggle($event)"
481
509
  >
482
- <span aria-hidden="true" data-part="group-indicator"
510
+ <span aria-hidden="true" data-part="group-indicator" data-part-group-indicator=""
483
511
  ><span slIcon><svg slGlyph name="chevron-down"></svg></span
484
512
  ></span>
485
513
  {{ label()
486
- }}<span data-ui="visually-hidden">{{
514
+ }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
487
515
  isOpen() ? timeline.t('collapse') : timeline.t('expand')
488
516
  }}</span>
489
517
  </button>
@@ -491,26 +519,36 @@ class SlTimelineGroup {
491
519
  {{ label() }}
492
520
  }
493
521
  </ng-template>
494
- `, 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 });
522
+ `, 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));--_track: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E\");--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;block-size:var(--_size);display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);-webkit-mask-image:var(--_arc),var(--_track);mask-image:var(--_arc),var(--_track);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;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}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E\")}}}\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 });
495
523
  }
496
524
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, decorators: [{
497
525
  type: Component,
498
526
  args: [{ selector: 'li[slTimelineGroup], div[slTimelineGroup]', standalone: true, template: `
499
527
  @switch (levelValue()) {
500
528
  @case (2) {
501
- <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
529
+ <h2 data-part="group-label" data-part-group-label="">
530
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
531
+ </h2>
502
532
  }
503
533
  @case (4) {
504
- <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
534
+ <h4 data-part="group-label" data-part-group-label="">
535
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
536
+ </h4>
505
537
  }
506
538
  @case (5) {
507
- <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
539
+ <h5 data-part="group-label" data-part-group-label="">
540
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
541
+ </h5>
508
542
  }
509
543
  @case (6) {
510
- <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
544
+ <h6 data-part="group-label" data-part-group-label="">
545
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
546
+ </h6>
511
547
  }
512
548
  @default {
513
- <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
549
+ <h3 data-part="group-label" data-part-group-label="">
550
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
551
+ </h3>
514
552
  }
515
553
  }
516
554
  <ng-content></ng-content>
@@ -521,14 +559,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
521
559
  [attr.aria-controls]="listId"
522
560
  [attr.aria-expanded]="isOpen()"
523
561
  data-part="group-trigger"
562
+ data-part-group-trigger=""
524
563
  type="button"
525
564
  (click)="toggle($event)"
526
565
  >
527
- <span aria-hidden="true" data-part="group-indicator"
566
+ <span aria-hidden="true" data-part="group-indicator" data-part-group-indicator=""
528
567
  ><span slIcon><svg slGlyph name="chevron-down"></svg></span
529
568
  ></span>
530
569
  {{ label()
531
- }}<span data-ui="visually-hidden">{{
570
+ }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
532
571
  isOpen() ? timeline.t('collapse') : timeline.t('expand')
533
572
  }}</span>
534
573
  </button>
@@ -538,8 +577,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
538
577
  </ng-template>
539
578
  `, imports: [NgTemplateOutlet, SlGlyph, SlIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineGroup', host: {
540
579
  'data-part': 'group',
580
+ 'data-part-group': '',
541
581
  '[attr.data-open]': 'isOpen() ? "" : null',
542
- }, 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"] }]
582
+ }, 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));--_track: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E\");--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;block-size:var(--_size);display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);-webkit-mask-image:var(--_arc),var(--_track);mask-image:var(--_arc),var(--_track);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;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}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E\")}}}\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"] }]
543
583
  }], 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"] }] } });
544
584
  /** The list inside a group: hidden while the group is folded. */
545
585
  class SlTimelineGroupList {
@@ -550,7 +590,7 @@ class SlTimelineGroupList {
550
590
  effect(() => assignLast(this.own()));
551
591
  }
552
592
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
553
- 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 });
593
+ 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 });
554
594
  }
555
595
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, decorators: [{
556
596
  type: Directive,
@@ -560,6 +600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
560
600
  exportAs: 'slTimelineGroupList',
561
601
  host: {
562
602
  'data-part': 'group-list',
603
+ 'data-part-group-list': '',
563
604
  '[attr.id]': 'group.listId',
564
605
  '[hidden]': '!group.isOpen()',
565
606
  },
@@ -664,12 +705,18 @@ class SlTimelineItem {
664
705
  return this.timeline.itemId(this.index(), part);
665
706
  }
666
707
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
667
- 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: `
708
+ 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: `
668
709
  <ng-content select="[slTimelineOpposite]"></ng-content>
669
- <div data-part="rail">
670
- <span data-part="marker">
710
+ <div data-part="rail" data-part-rail="">
711
+ <span data-part="marker" data-part-marker="">
671
712
  @if (loading()) {
672
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
713
+ <span
714
+ aria-hidden="true"
715
+ data-part="root"
716
+ data-part-root=""
717
+ data-ui="spinner"
718
+ data-ui-spinner=""
719
+ ></span>
673
720
  } @else {
674
721
  <ng-content select="[slTimelineMarker]">
675
722
  @if (finished() && !current()) {
@@ -679,16 +726,18 @@ class SlTimelineItem {
679
726
  }
680
727
  </span>
681
728
  @if (!last()) {
682
- <span aria-hidden="true" data-part="connector"></span>
729
+ <span aria-hidden="true" data-part="connector" data-part-connector=""></span>
683
730
  }
684
731
  </div>
685
- <div data-part="content">
732
+ <div data-part="content" data-part-content="">
686
733
  @if (title() !== undefined) {
687
- <div data-part="title" [id]="partId('title')">{{ title() }}</div>
734
+ <div data-part="title" data-part-title="" [id]="partId('title')">{{ title() }}</div>
688
735
  }
689
736
  <ng-content select="[slTimelineTitle]"></ng-content>
690
737
  @if (current()) {
691
- <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
738
+ <span data-ui="visually-hidden" data-ui-visually-hidden="" [id]="partId('current')">{{
739
+ timeline.t('current')
740
+ }}</span>
692
741
  }
693
742
  @if (time() !== undefined) {
694
743
  @if (timeLabel() !== undefined) {
@@ -698,26 +747,34 @@ class SlTimelineItem {
698
747
  }
699
748
  }
700
749
  @if (actor() !== undefined) {
701
- <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
750
+ <div data-part="actor" data-part-actor="" [id]="partId('actor')">{{ actor() }}</div>
702
751
  }
703
752
  <ng-content select="[slTimelineActor]"></ng-content>
704
753
  @if (description() !== undefined) {
705
- <div data-part="description" [id]="partId('description')">{{ description() }}</div>
754
+ <div data-part="description" data-part-description="" [id]="partId('description')">
755
+ {{ description() }}
756
+ </div>
706
757
  }
707
758
  <ng-content select="[slTimelineDescription]"></ng-content>
708
759
  <ng-content></ng-content>
709
760
  <ng-content select="[slTimelineActions]"></ng-content>
710
761
  </div>
711
- `, 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 });
762
+ `, 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));--_track: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E\");--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;block-size:var(--_size);display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);-webkit-mask-image:var(--_arc),var(--_track);mask-image:var(--_arc),var(--_track);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;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}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E\")}}}\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 });
712
763
  }
713
764
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, decorators: [{
714
765
  type: Component,
715
766
  args: [{ selector: 'li[slTimelineItem], article[slTimelineItem]', standalone: true, imports: [forwardRef(() => SlTimelineTime), SlGlyph, SlIcon], template: `
716
767
  <ng-content select="[slTimelineOpposite]"></ng-content>
717
- <div data-part="rail">
718
- <span data-part="marker">
768
+ <div data-part="rail" data-part-rail="">
769
+ <span data-part="marker" data-part-marker="">
719
770
  @if (loading()) {
720
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
771
+ <span
772
+ aria-hidden="true"
773
+ data-part="root"
774
+ data-part-root=""
775
+ data-ui="spinner"
776
+ data-ui-spinner=""
777
+ ></span>
721
778
  } @else {
722
779
  <ng-content select="[slTimelineMarker]">
723
780
  @if (finished() && !current()) {
@@ -727,16 +784,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
727
784
  }
728
785
  </span>
729
786
  @if (!last()) {
730
- <span aria-hidden="true" data-part="connector"></span>
787
+ <span aria-hidden="true" data-part="connector" data-part-connector=""></span>
731
788
  }
732
789
  </div>
733
- <div data-part="content">
790
+ <div data-part="content" data-part-content="">
734
791
  @if (title() !== undefined) {
735
- <div data-part="title" [id]="partId('title')">{{ title() }}</div>
792
+ <div data-part="title" data-part-title="" [id]="partId('title')">{{ title() }}</div>
736
793
  }
737
794
  <ng-content select="[slTimelineTitle]"></ng-content>
738
795
  @if (current()) {
739
- <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
796
+ <span data-ui="visually-hidden" data-ui-visually-hidden="" [id]="partId('current')">{{
797
+ timeline.t('current')
798
+ }}</span>
740
799
  }
741
800
  @if (time() !== undefined) {
742
801
  @if (timeLabel() !== undefined) {
@@ -746,11 +805,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
746
805
  }
747
806
  }
748
807
  @if (actor() !== undefined) {
749
- <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
808
+ <div data-part="actor" data-part-actor="" [id]="partId('actor')">{{ actor() }}</div>
750
809
  }
751
810
  <ng-content select="[slTimelineActor]"></ng-content>
752
811
  @if (description() !== undefined) {
753
- <div data-part="description" [id]="partId('description')">{{ description() }}</div>
812
+ <div data-part="description" data-part-description="" [id]="partId('description')">
813
+ {{ description() }}
814
+ </div>
754
815
  }
755
816
  <ng-content select="[slTimelineDescription]"></ng-content>
756
817
  <ng-content></ng-content>
@@ -758,6 +819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
758
819
  </div>
759
820
  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineItem', host: {
760
821
  'data-part': 'item',
822
+ 'data-part-item': '',
761
823
  '[attr.role]': 'timeline.feed() ? "article" : null',
762
824
  '[attr.tabindex]': 'timeline.feed() ? (ownTabindex ?? "0") : null',
763
825
  '[attr.aria-posinset]': 'timeline.feed() ? index() + 1 : null',
@@ -773,7 +835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
773
835
  '[attr.data-side]': 'sideValue()',
774
836
  '[attr.data-tone]': 'tone() ?? timeline.toneValue()',
775
837
  '[attr.data-variant]': 'variant() ?? timeline.variantValue()',
776
- }, 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"] }]
838
+ }, 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));--_track: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E\");--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;block-size:var(--_size);display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);-webkit-mask-image:var(--_arc),var(--_track);mask-image:var(--_arc),var(--_track);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;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}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E\")}}}\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"] }]
777
839
  }], 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 }] }] } });
778
840
  /**
779
841
  * When it happened, as the platform reads it and as the reader does. The
@@ -802,7 +864,7 @@ class SlTimelineTime {
802
864
  }), /* @ts-ignore */
803
865
  ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
804
866
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
805
- 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 });
867
+ 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 });
806
868
  }
807
869
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, decorators: [{
808
870
  type: Component,
@@ -815,6 +877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
815
877
  exportAs: 'slTimelineTime',
816
878
  host: {
817
879
  'data-part': 'time',
880
+ 'data-part-time': '',
818
881
  '[attr.datetime]': 'formatted().dateTime',
819
882
  '[attr.title]': 'formatted().title',
820
883
  },
@@ -829,60 +892,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
829
892
  class SlTimelineTitle {
830
893
  item = inject(SlTimelineItem);
831
894
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
832
- 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 });
895
+ 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 });
833
896
  }
834
897
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, decorators: [{
835
898
  type: Directive,
836
899
  args: [{
837
900
  selector: '[slTimelineTitle]',
838
901
  standalone: true,
839
- host: { 'data-part': 'title', '[attr.id]': 'item.partId("title")' },
902
+ host: { 'data-part': 'title', 'data-part-title': '', '[attr.id]': 'item.partId("title")' },
840
903
  }]
841
904
  }] });
842
905
  class SlTimelineActor {
843
906
  item = inject(SlTimelineItem);
844
907
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
845
- 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 });
908
+ 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 });
846
909
  }
847
910
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, decorators: [{
848
911
  type: Directive,
849
912
  args: [{
850
913
  selector: '[slTimelineActor]',
851
914
  standalone: true,
852
- host: { 'data-part': 'actor', '[attr.id]': 'item.partId("actor")' },
915
+ host: { 'data-part': 'actor', 'data-part-actor': '', '[attr.id]': 'item.partId("actor")' },
853
916
  }]
854
917
  }] });
855
918
  class SlTimelineDescription {
856
919
  item = inject(SlTimelineItem);
857
920
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
858
- 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 });
921
+ 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 });
859
922
  }
860
923
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, decorators: [{
861
924
  type: Directive,
862
925
  args: [{
863
926
  selector: '[slTimelineDescription]',
864
927
  standalone: true,
865
- host: { 'data-part': 'description', '[attr.id]': 'item.partId("description")' },
928
+ host: {
929
+ 'data-part': 'description',
930
+ 'data-part-description': '',
931
+ '[attr.id]': 'item.partId("description")',
932
+ },
866
933
  }]
867
934
  }] });
868
935
  class SlTimelineActions {
869
936
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
870
- 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 });
937
+ 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 });
871
938
  }
872
939
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, decorators: [{
873
940
  type: Directive,
874
- args: [{ selector: '[slTimelineActions]', standalone: true, host: { 'data-part': 'actions' } }]
941
+ args: [{
942
+ selector: '[slTimelineActions]',
943
+ standalone: true,
944
+ host: { 'data-part': 'actions', 'data-part-actions': '' },
945
+ }]
875
946
  }] });
876
947
  class SlTimelineOpposite {
877
948
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, deps: [], target: i0.ɵɵFactoryTarget.Directive });
878
- 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 });
949
+ 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 });
879
950
  }
880
951
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, decorators: [{
881
952
  type: Directive,
882
953
  args: [{
883
954
  selector: '[slTimelineOpposite]',
884
955
  standalone: true,
885
- host: { 'data-part': 'opposite' },
956
+ host: { 'data-part': 'opposite', 'data-part-opposite': '' },
886
957
  }]
887
958
  }] });
888
959
  /** Artwork projected into the marker; the marker itself is the family's. */