@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

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 (336) hide show
  1. package/dist/action-bar-z2DPc1Wy.js +285 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/action-sheet-BnedGewu.js +360 -0
  4. package/dist/action-sheet.js +1 -1
  5. package/dist/{alert-BTcqbG8w.js → alert-BTAXJ69M.js} +5 -5
  6. package/dist/alert.js +1 -1
  7. package/dist/{app-shell-BlkqQrOx.js → app-shell-Cb_kDBeV.js} +232 -173
  8. package/dist/app-shell.js +1 -1
  9. package/dist/{attachment-zlOPJvIm.js → attachment-D1O4qS8H.js} +28 -28
  10. package/dist/attachment.js +1 -1
  11. package/dist/{breadcrumb-DCGynpkb.js → breadcrumb-CnFjxxI2.js} +10 -10
  12. package/dist/breadcrumb.js +1 -1
  13. package/dist/{button-BCVjdzkn.js → button-D31perSu.js} +2 -2
  14. package/dist/button.js +2 -2
  15. package/dist/{calendar-qGUJ-kAy.js → calendar-DZyC1gAT.js} +8 -8
  16. package/dist/calendar.js +1 -1
  17. package/dist/{carousel-CjRTu8m7.js → carousel-Dso3gcYd.js} +14 -14
  18. package/dist/carousel.js +1 -1
  19. package/dist/cascader-BbajBwsX.js +1157 -0
  20. package/dist/cascader.js +1 -1
  21. package/dist/{chart-CPFq3jIE.js → chart-Bb6ctahn.js} +9 -9
  22. package/dist/chart.js +1 -1
  23. package/dist/{checkbox-CMY2KIih.js → checkbox-C_8GVtjD.js} +3 -3
  24. package/dist/{checkbox-group-DzMtLF7f.js → checkbox-group-DXCcusol.js} +2 -2
  25. package/dist/checkbox-group.js +1 -1
  26. package/dist/checkbox.js +1 -1
  27. package/dist/{code-block-Bh_2Eg3M.js → code-block-C4mtsROE.js} +8 -8
  28. package/dist/code-block.js +1 -1
  29. package/dist/{color-picker-DlepH5co.js → color-picker-JZPnPb7s.js} +49 -49
  30. package/dist/color-picker.js +1 -1
  31. package/dist/{column-manager-CV9tCnKa.js → column-manager-BDUj-WIs.js} +31 -31
  32. package/dist/column-manager.js +1 -1
  33. package/dist/combobox-Dn69QwGX.js +904 -0
  34. package/dist/combobox.js +1 -1
  35. package/dist/command-palette-Dh1HKz_F.js +744 -0
  36. package/dist/command-palette.js +1 -1
  37. package/dist/{context-menu-Dbc0KkFp.js → context-menu-uJjEmAN3.js} +1 -1
  38. package/dist/context-menu.js +1 -1
  39. package/dist/{currency-field--wIfgVAx.js → currency-field-lHcrNJ7X.js} +13 -13
  40. package/dist/currency-field.js +1 -1
  41. package/dist/{dashboard-grid-D_LbWfdZ.js → dashboard-grid-z-SOm9H0.js} +65 -65
  42. package/dist/dashboard-grid.js +1 -1
  43. package/dist/{data-grid-XH5fGoGj.js → data-grid-DQCvXMJA.js} +1330 -1278
  44. package/dist/data-grid.js +1 -1
  45. package/dist/data-list-BgdkA3bD.js +587 -0
  46. package/dist/data-list.js +1 -1
  47. package/dist/{date-field-BrNyJBiJ.js → date-field-B2lQzE3p.js} +5 -5
  48. package/dist/date-field.js +1 -1
  49. package/dist/{date-picker-Nl55so0C.js → date-picker-DpTRb-Y1.js} +16 -16
  50. package/dist/date-picker.js +1 -1
  51. package/dist/{date-range-picker-DLkvfUJD.js → date-range-picker-CBUPJep5.js} +17 -17
  52. package/dist/date-range-picker.js +1 -1
  53. package/dist/{datetime-field-CZRhRDPb.js → datetime-field-BZ44uJ_B.js} +7 -7
  54. package/dist/datetime-field.js +1 -1
  55. package/dist/{datetime-picker-_GHra2WL.js → datetime-picker-BK_bV3Yr.js} +21 -21
  56. package/dist/datetime-picker.js +1 -1
  57. package/dist/{datetime-range-picker-Dy1A0Wqy.js → datetime-range-picker-ChdbRgzQ.js} +21 -21
  58. package/dist/datetime-range-picker.js +1 -1
  59. package/dist/{description-list-Cc4JYZ-3.js → description-list-CYlfHDwx.js} +11 -11
  60. package/dist/description-list.js +1 -1
  61. package/dist/{detail-panel-BI_wHSoz.js → detail-panel-DimjnPI8.js} +91 -91
  62. package/dist/detail-panel.js +1 -1
  63. package/dist/{dialog-B6MP7GYI.js → dialog-BB5MdJex.js} +108 -108
  64. package/dist/dialog.js +1 -1
  65. package/dist/docs/action-bar.json +4 -4
  66. package/dist/docs/action-bar.md +3 -3
  67. package/dist/docs/calendar.md +2 -2
  68. package/dist/docs/command-palette.json +1 -0
  69. package/dist/docs/command-palette.md +1 -1
  70. package/dist/docs/data-grid.examples.md +8 -2
  71. package/dist/docs/data-grid.json +25 -3
  72. package/dist/docs/data-grid.md +4 -1
  73. package/dist/docs/data-grid.props.md +2 -1
  74. package/dist/docs/detail-panel.json +4 -2
  75. package/dist/docs/detail-panel.md +15 -5
  76. package/dist/docs/dialog.json +1 -0
  77. package/dist/docs/dialog.md +1 -1
  78. package/dist/docs/drawer.json +6 -4
  79. package/dist/docs/drawer.md +3 -3
  80. package/dist/docs/event-calendar.md +2 -2
  81. package/dist/docs/guidelines/index.md +4 -3
  82. package/dist/docs/guidelines/layout-alignment.md +17 -7
  83. package/dist/docs/guidelines/list-pages.md +3 -3
  84. package/dist/docs/page-header.json +18 -2
  85. package/dist/docs/page-header.md +5 -3
  86. package/dist/docs/page.json +1 -0
  87. package/dist/docs/page.md +1 -1
  88. package/dist/docs/rating.md +1 -1
  89. package/dist/docs/section.json +1 -1
  90. package/dist/docs/section.md +1 -1
  91. package/dist/docs/skills/compose-screen/SKILL.md +12 -4
  92. package/dist/docs/skills/review-screen/SKILL.md +20 -18
  93. package/dist/docs/skills/theme-app/SKILL.md +12 -1
  94. package/dist/docs/toast.json +1 -0
  95. package/dist/docs/toast.md +1 -1
  96. package/dist/docs/tokens.md +1 -1
  97. package/dist/docs/toolbar.json +1 -1
  98. package/dist/docs/toolbar.md +1 -1
  99. package/dist/docs/typography.md +1 -1
  100. package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
  101. package/dist/drawer.js +1 -1
  102. package/dist/entity-picker-ClyhBTyK.js +1283 -0
  103. package/dist/entity-picker.js +1 -1
  104. package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
  105. package/dist/event-calendar.js +1 -1
  106. package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
  107. package/dist/field-group.js +1 -1
  108. package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
  109. package/dist/field.js +1 -1
  110. package/dist/filter-bar-BRuCz79-.js +1342 -0
  111. package/dist/filter-bar.js +1 -1
  112. package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
  113. package/dist/form.js +1 -1
  114. package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
  115. package/dist/fullscreen.js +1 -1
  116. package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
  117. package/dist/hover-card.js +1 -1
  118. package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
  119. package/dist/i18n.js +1 -1
  120. package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
  121. package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
  122. package/dist/import-export-center.js +1 -1
  123. package/dist/index.js +100 -100
  124. package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
  125. package/dist/kbd.js +1 -1
  126. package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
  127. package/dist/link.js +1 -1
  128. package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
  129. package/dist/listbox.js +1 -1
  130. package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
  131. package/dist/loading-overlay.js +1 -1
  132. package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
  133. package/dist/markdown.js +1 -1
  134. package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
  135. package/dist/menu.js +1 -1
  136. package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
  137. package/dist/menubar.js +1 -1
  138. package/dist/message-BkTiWsUp.js +436 -0
  139. package/dist/message-scroller-akQEtQLn.js +218 -0
  140. package/dist/message-scroller.js +1 -1
  141. package/dist/message.js +1 -1
  142. package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
  143. package/dist/multi-select.js +1 -1
  144. package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
  145. package/dist/navigation-menu.js +1 -1
  146. package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
  147. package/dist/notification-center.js +1 -1
  148. package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
  149. package/dist/number-field.js +1 -1
  150. package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
  151. package/dist/otp-input.js +1 -1
  152. package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
  153. package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
  154. package/dist/page-header.js +1 -1
  155. package/dist/page.js +1 -1
  156. package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
  157. package/dist/pagination.js +1 -1
  158. package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
  159. package/dist/popover.js +1 -1
  160. package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
  161. package/dist/prompt-composer.js +1 -1
  162. package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
  163. package/dist/prose.js +1 -1
  164. package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
  165. package/dist/radio-group.js +1 -1
  166. package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
  167. package/dist/rating.js +1 -1
  168. package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
  169. package/dist/saved-views.js +1 -1
  170. package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
  171. package/dist/scroll-area.js +1 -1
  172. package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
  173. package/dist/segmented-control.js +1 -1
  174. package/dist/select-C0JYHwBy.js +1020 -0
  175. package/dist/select.js +1 -1
  176. package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
  177. package/dist/side-navigation.js +1 -1
  178. package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
  179. package/dist/skeleton.js +1 -1
  180. package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
  181. package/dist/slider.js +1 -1
  182. package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
  183. package/dist/sparkline.js +1 -1
  184. package/dist/spinner-ring-DyfaYloA.js +19 -0
  185. package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
  186. package/dist/split-button.js +1 -1
  187. package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
  188. package/dist/stat-card.js +1 -1
  189. package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
  190. package/dist/status-indicator.js +1 -1
  191. package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
  192. package/dist/stepper.js +1 -1
  193. package/dist/styles/action-bar.css +1 -1
  194. package/dist/styles/action-sheet.css +2 -2
  195. package/dist/styles/button.css +2 -2
  196. package/dist/styles/cascader.css +2 -2
  197. package/dist/styles/chart.css +1 -1
  198. package/dist/styles/column-manager.css +3 -3
  199. package/dist/styles/command-palette.css +3 -3
  200. package/dist/styles/dashboard-grid.css +2 -2
  201. package/dist/styles/data-grid.css +3 -3
  202. package/dist/styles/data-list.css +2 -2
  203. package/dist/styles/detail-panel.css +4 -4
  204. package/dist/styles/dialog.css +1 -1
  205. package/dist/styles/drawer.css +1 -1
  206. package/dist/styles/entity-picker.css +1 -1
  207. package/dist/styles/event-calendar.css +1 -1
  208. package/dist/styles/filter-bar.css +3 -3
  209. package/dist/styles/import-export-center.css +4 -4
  210. package/dist/styles/index.css +12 -12
  211. package/dist/styles/markdown.css +2 -2
  212. package/dist/styles/multi-select.css +1 -1
  213. package/dist/styles/notification-center.css +3 -3
  214. package/dist/styles/page-header.css +2 -2
  215. package/dist/styles/page.css +1 -1
  216. package/dist/styles/prompt-composer.css +1 -1
  217. package/dist/styles/saved-views.css +2 -2
  218. package/dist/styles/split-button.css +2 -2
  219. package/dist/styles/table.css +2 -2
  220. package/dist/styles/tabs.css +1 -1
  221. package/dist/styles/timeline.css +1 -1
  222. package/dist/styles/toast.css +1 -1
  223. package/dist/styles/tour.css +2 -2
  224. package/dist/styles/transfer.css +2 -2
  225. package/dist/styles/upload.css +1 -1
  226. package/dist/styles/wizard.css +2 -2
  227. package/dist/styles.css +1 -1
  228. package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
  229. package/dist/switch.js +1 -1
  230. package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
  231. package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
  232. package/dist/table-of-contents.js +1 -1
  233. package/dist/table.js +1 -1
  234. package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
  235. package/dist/tag.js +1 -1
  236. package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
  237. package/dist/tags-input.js +1 -1
  238. package/dist/text-field-Cguj75tn.js +205 -0
  239. package/dist/text-field.js +1 -1
  240. package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
  241. package/dist/textarea.js +1 -1
  242. package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
  243. package/dist/time-field.js +1 -1
  244. package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
  245. package/dist/time-picker.js +1 -1
  246. package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
  247. package/dist/time-range-picker.js +1 -1
  248. package/dist/timeline-BLadNUkS.js +449 -0
  249. package/dist/timeline.js +1 -1
  250. package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
  251. package/dist/toast.js +1 -1
  252. package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
  253. package/dist/toggle-group.js +1 -1
  254. package/dist/toolbar-BI4ZepBs.js +243 -0
  255. package/dist/toolbar.js +1 -1
  256. package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
  257. package/dist/top-navigation.js +1 -1
  258. package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
  259. package/dist/tour.js +1 -1
  260. package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
  261. package/dist/transfer.js +1 -1
  262. package/dist/tree-DfI9UWLA.js +794 -0
  263. package/dist/tree.js +1 -1
  264. package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
  265. package/dist/types/action-bar/action-bar.types.d.ts +2 -2
  266. package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
  267. package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
  268. package/dist/types/app-shell/app-shell.d.ts.map +1 -1
  269. package/dist/types/app-shell/app-shell.types.d.ts +21 -14
  270. package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
  271. package/dist/types/app-shell/index.d.ts +1 -1
  272. package/dist/types/app-shell/index.d.ts.map +1 -1
  273. package/dist/types/button/button-indicator.d.ts.map +1 -1
  274. package/dist/types/button/spinner-ring.d.ts +8 -0
  275. package/dist/types/button/spinner-ring.d.ts.map +1 -0
  276. package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
  277. package/dist/types/cascader/cascader.d.ts.map +1 -1
  278. package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
  279. package/dist/types/command-palette/command-palette.d.ts.map +1 -1
  280. package/dist/types/data-grid/data-grid-body.d.ts +7 -2
  281. package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
  282. package/dist/types/data-grid/data-grid-context.d.ts +2 -1
  283. package/dist/types/data-grid/data-grid-context.d.ts.map +1 -1
  284. package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
  285. package/dist/types/data-grid/data-grid.d.ts +1 -1
  286. package/dist/types/data-grid/data-grid.d.ts.map +1 -1
  287. package/dist/types/data-grid/data-grid.types.d.ts +12 -0
  288. package/dist/types/data-grid/data-grid.types.d.ts.map +1 -1
  289. package/dist/types/data-grid/index.d.ts +1 -1
  290. package/dist/types/data-grid/index.d.ts.map +1 -1
  291. package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
  292. package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
  293. package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
  294. package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
  295. package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
  296. package/dist/types/i18n/slotted-provider.d.ts +6 -0
  297. package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
  298. package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
  299. package/dist/types/message/message-parts.d.ts.map +1 -1
  300. package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
  301. package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
  302. package/dist/types/page-header/page-header-defaults.d.ts +1 -1
  303. package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
  304. package/dist/types/page-header/page-header.d.ts +1 -1
  305. package/dist/types/page-header/page-header.d.ts.map +1 -1
  306. package/dist/types/page-header/page-header.types.d.ts +9 -0
  307. package/dist/types/page-header/page-header.types.d.ts.map +1 -1
  308. package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
  309. package/dist/types/select/select-parts.d.ts.map +1 -1
  310. package/dist/types/text-field/text-field.d.ts.map +1 -1
  311. package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
  312. package/dist/types/timeline/timeline.d.ts.map +1 -1
  313. package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
  314. package/dist/types/toolbar/toolbar.types.d.ts +2 -2
  315. package/dist/types/tree/tree-parts.d.ts.map +1 -1
  316. package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
  317. package/dist/upload.js +1 -1
  318. package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
  319. package/dist/wizard.js +1 -1
  320. package/package.json +6 -6
  321. package/dist/action-bar-CJgBierN.js +0 -283
  322. package/dist/action-sheet-tRrjm7WQ.js +0 -358
  323. package/dist/cascader-DqlC1z5b.js +0 -1154
  324. package/dist/combobox-YWFkxaQ3.js +0 -902
  325. package/dist/command-palette-DXNq-zKN.js +0 -741
  326. package/dist/data-list-DZCN_uW1.js +0 -587
  327. package/dist/entity-picker-CFwLGQeU.js +0 -1281
  328. package/dist/filter-bar-G50WdRac.js +0 -1340
  329. package/dist/message-Dtck9RJy.js +0 -434
  330. package/dist/message-scroller-niUJ8RoL.js +0 -216
  331. package/dist/prompt-composer-sh_TXKYZ.js +0 -273
  332. package/dist/select-BFx5EgAa.js +0 -1018
  333. package/dist/text-field-DL_uhNXV.js +0 -203
  334. package/dist/timeline-pEL30Jp8.js +0 -446
  335. package/dist/toolbar-BtIyVbs4.js +0 -241
  336. package/dist/tree-DbLRyItM.js +0 -792
package/dist/styles/markdown.css CHANGED
@@ -3,9 +3,9 @@
3
3
 
4
4
  @layer slotted.components{[data-ui-alert][data-part-root]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border);--_text:var(--slotted-tone-accent-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-alert-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-alert-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_description-font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-alert-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-alert-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-alert-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-alert-radius,var(--slotted-radius-md,6px));--_border-width:var(--slotted-alert-border-width,var(--slotted-border-width-thin,1px));--_dismiss-size:var(--slotted-alert-dismiss-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));border:var(--_border-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;inline-size:100%;color:var(--_text);font-family:var(--slotted-alert-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), translate var(--slotted-duration-short) var(--slotted-easing-enter), display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete;background-color:#0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid;container:slotted-alert/inline-size}[data-ui-alert][data-part-root][hidden]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit), display var(--slotted-duration-short) var(--slotted-easing-exit);translate:0 calc(-1 * var(--slotted-space-2,.25rem));display:none}@starting-style{[data-ui-alert][data-part-root]:is([data-live=polite],[data-live=assertive]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2,.25rem))}}[data-ui-alert][data-part-root][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border);--_text:var(--slotted-tone-accent-text)}[data-ui-alert][data-part-root][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_border:var(--slotted-tone-secondary-border);--_text:var(--slotted-tone-secondary-text)}[data-ui-alert][data-part-root][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_surface:var(--slotted-tone-success-surface);--_border:var(--slotted-tone-success-border);--_text:var(--slotted-tone-success-text)}[data-ui-alert][data-part-root][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_surface:var(--slotted-tone-info-surface);--_border:var(--slotted-tone-info-border);--_text:var(--slotted-tone-info-text)}[data-ui-alert][data-part-root][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_surface:var(--slotted-tone-warning-surface);--_border:var(--slotted-tone-warning-border);--_text:var(--slotted-tone-warning-text)}[data-ui-alert][data-part-root][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_surface:var(--slotted-tone-danger-surface);--_border:var(--slotted-tone-danger-border);--_text:var(--slotted-tone-danger-text)}[data-ui-alert][data-part-root][data-variant=soft]{background-color:var(--_surface);border-color:var(--_border)}[data-ui-alert][data-part-root][data-variant=outline]{border-color:var(--_border);background-color:#0000}[data-ui-alert][data-part-root][data-variant=solid]{background-color:var(--_solid);border-color:var(--_solid);color:var(--_on-solid)}[data-ui-alert][data-part-root][data-reach=inline]{--_font-size:var(--slotted-control-font-size-sm,12px);--_description-font-size:var(--slotted-control-font-size-sm,12px);--_glyph-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-5,.75rem));--_row-gap:var(--slotted-alert-row-gap,var(--slotted-space-4,.5rem));--_radius:var(--slotted-alert-radius,var(--slotted-radius-sm,4px))}[data-ui-alert][data-part-root][data-reach=page]{--_font-size:var(--slotted-control-font-size-lg,14px);--_glyph-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-6,1rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-7,1.25rem));--_radius:var(--slotted-alert-radius,0);border-block-start-width:0;border-inline-width:0}[data-ui-alert][data-part-root][data-reach=page][data-variant=solid]{border-block-start-width:var(--_border-width);border-inline-width:var(--_border-width)}[data-ui-alert]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);block-size:var(--_mark-size);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-alert]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-alert] [data-part-title]{font-family:var(--slotted-alert-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:inherit;font-weight:var(--slotted-alert-title-font-weight,var(--slotted-font-weight-semibold,600));line-height:inherit;overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-alert] [data-part-description]{font-size:var(--_description-font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-alert]>[data-part-actions]{align-items:center;gap:var(--slotted-alert-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-alert]>[data-part-dismiss]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-alert-dismiss-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_dismiss-size)) / 2);margin-block-end:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_dismiss-size)) / 2);padding:0;display:inline-flex}[data-ui-alert]>[data-part-dismiss]:enabled:hover{background-color:var(--_state-hover)}[data-ui-alert]>[data-part-dismiss]:enabled:active{background-color:var(--_state-active)}[data-ui-alert]>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground);cursor:default}@media (pointer:coarse){[data-ui-alert]>[data-part-dismiss]{position:relative}[data-ui-alert]>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-alert]>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-alert][data-variant=solid]>[data-part-dismiss]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-alert][data-part-root]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-alert (width<=22rem){[data-ui-alert]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@container slotted-alert (width>=40rem){[data-ui-alert][data-reach=page]>[data-part-actions]{grid-area:1/3;align-self:center;margin-inline-start:var(--_column-gap)}[data-ui-alert][data-reach=page]>[data-part-dismiss]{grid-column:4;align-self:center;margin-block:0}}@media (forced-colors:active){[data-ui-alert][data-part-root][data-variant]{color:canvastext;background-color:canvas;border-color:canvastext}[data-ui-alert]>[data-part-dismiss]{color:canvastext}[data-ui-alert]>[data-part-dismiss]:enabled:hover,[data-ui-alert]>[data-part-dismiss]:enabled:active{color:highlighttext;background-color:highlight}}}
5
5
 
6
- @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");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity: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;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@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")}}}
6
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity: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;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
7
7
 
8
- @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;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), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]: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-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
8
+ @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;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), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]: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-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
9
9
 
10
10
  @layer slotted.components{[data-ui-inline-message][data-part-root]{--_text:var(--slotted-text-muted);--_font-size:var(--slotted-control-font-size-sm,12px);--_mark-size:1em;--_column-gap:var(--slotted-inline-message-column-gap,var(--slotted-space-4,.5rem));color:var(--_text);font-family:var(--slotted-inline-message-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:var(--slotted-inline-message-line-height,var(--slotted-line-height-md,1.5));grid-template-columns:auto minmax(0,1fr);margin:0;display:grid;position:relative}[data-ui-inline-message][data-part-root][data-tone=accent]{--_text:var(--slotted-tone-accent-text)}[data-ui-inline-message][data-part-root][data-tone=secondary]{--_text:var(--slotted-text-muted)}[data-ui-inline-message][data-part-root][data-tone=success]{--_text:var(--slotted-tone-success-text)}[data-ui-inline-message][data-part-root][data-tone=info]{--_text:var(--slotted-tone-info-text)}[data-ui-inline-message][data-part-root][data-tone=warning]{--_text:var(--slotted-tone-warning-text)}[data-ui-inline-message][data-part-root][data-tone=danger]{--_text:var(--slotted-tone-danger-text)}[data-ui-inline-message][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px)}[data-ui-inline-message][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px)}[data-ui-inline-message][data-part-root][data-reserve]{min-block-size:1lh}[data-ui-inline-message]>[data-part-prefix]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-inline-message]>[data-part-icon]{--slotted-icon-size:var(--_mark-size);block-size:var(--_mark-size);box-sizing:border-box;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_mark-size)) / 2);margin-inline-end:var(--_column-gap);display:flex}[data-ui-inline-message][data-part-root][data-mark=dot]{--_dot-size:calc(var(--_mark-size) / 3)}[data-ui-inline-message][data-mark=dot]>[data-part-icon]:has(>[data-ui-icon]>[data-glyph=dot]){--slotted-icon-size:calc(var(--_dot-size) * 2);inline-size:var(--_dot-size)}[data-ui-inline-message][data-tone=secondary]:not([data-loading]):not([data-mark=dot])>[data-part-icon]:empty,[data-ui-inline-message][data-mark=none]:not([data-loading])>[data-part-icon]:empty{display:none}[data-ui-inline-message]>[data-part-text]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-inline-message]>[data-part-actions]{align-items:center;gap:var(--slotted-inline-message-actions-gap,var(--_column-gap));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;margin-block-start:var(--slotted-inline-message-actions-offset,var(--slotted-space-2,.25rem));display:flex}[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-icon],[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-prefix]{display:none}[data-ui-inline-message][data-loading]>[data-part-icon]{animation:slotted-inline-message-spin var(--slotted-duration-loop-fast) linear infinite;block-size:var(--_mark-size);border:max(var(--slotted-border-width-thin,1px), calc(var(--_mark-size) / 8)) solid currentcolor;border-radius:var(--slotted-radius-full,9999px);inline-size:var(--_mark-size);border-inline-end-color:#0000;margin-block-start:calc((1lh - var(--_mark-size)) / 2);display:block}[data-ui-inline-message][data-loading]>[data-part-icon]>*{display:none}[data-ui-inline-message][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground)}[data-ui-inline-message][data-disabled]>[data-part-icon]{animation:none}@media (prefers-reduced-motion:reduce){[data-ui-inline-message][data-loading]>[data-part-icon]{animation:none}}@media (forced-colors:active){[data-ui-inline-message]>[data-part-icon]{color:canvastext}[data-ui-inline-message][data-part-root][data-disabled]>[data-part-icon]{color:graytext}[data-ui-inline-message][data-loading]>[data-part-icon]{border-color:canvastext;border-inline-end-color:canvas}}}@keyframes slotted-inline-message-spin{to{transform:rotate(1turn)}}
11
11
 
package/dist/styles/multi-select.css CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  @layer slotted.components{[data-ui-multi-select][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-floor:var(--slotted-multi-select-icon-size-min,14px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_action-size:var(--slotted-multi-select-action-size,min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_row-air:var(--slotted-space-1,.125rem);--_inner-size:var(--slotted-control-inner-size-md,24px);--_row-size:var(--_inner-size);--_row-gap:var(--slotted-space-2,.25rem);background-color:var(--slotted-multi-select-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-multi-select-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-multi-select-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-multi-select-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-multi-select-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);align-items:center;gap:var(--slotted-space-1,.125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;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), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));display:flex}[data-ui-multi-select][data-part-root]:not([data-full-width]){inline-size:auto}[data-ui-multi-select]>[data-part-control]{flex:auto;align-self:stretch;min-inline-size:0;display:flex}[data-ui-multi-select]>[data-part-control]+*{margin-inline-start:var(--_row-gap)}[data-ui-multi-select] [data-part-chips]{box-sizing:border-box;align-content:safe center;align-items:center;column-gap:var(--_row-gap);min-inline-size:0;padding-block:var(--_row-air);padding-inline:var(--_row-air);margin-inline:calc(-1 * var(--_row-air));row-gap:var(--_row-gap);max-block-size:calc(3 * var(--_row-size) + 2 * var(--_row-gap) + 2 * var(--_row-air));overscroll-behavior:contain;scrollbar-width:none;flex-wrap:wrap;flex:auto;display:flex;overflow-y:auto}[data-ui-multi-select] [data-part-chips]::-webkit-scrollbar{display:none}[data-ui-multi-select][data-overflow=collapse] [data-part-chips]{flex-wrap:nowrap;max-block-size:none;overflow:hidden}[data-ui-multi-select] [data-part-chips] input:not([data-part-input]){color:inherit;font:inherit;background-color:#0000;border:0;outline:none;min-inline-size:0;padding:0}[data-ui-multi-select] [data-part-chips]>:not([data-part-field]){max-inline-size:100%;min-block-size:var(--_row-size);flex:none;min-inline-size:0}[data-ui-multi-select] [data-part-chips]{--slotted-control-inner-size:var(--_inner-size)}[data-ui-multi-select] [data-part-field]{flex:1 1 var(--slotted-multi-select-field-basis,4rem);min-block-size:var(--_row-size);min-inline-size:var(--slotted-multi-select-field-min,2.5rem);align-items:center;display:flex}[data-ui-multi-select] [data-part-input]{color:inherit;font:inherit;text-overflow:ellipsis;background-color:#0000;border:0;outline:none;flex:auto;min-inline-size:0;padding:0}[data-ui-multi-select] [data-part-input]::placeholder{color:var(--slotted-multi-select-placeholder-color,var(--slotted-text-muted,GrayText));text-overflow:ellipsis}[data-ui-multi-select][data-part-root]:has([data-part-input]:autofill){background-color:var(--slotted-multi-select-autofill-background,var(--slotted-tone-accent-surface))}[data-ui-multi-select] [data-part-input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-multi-select-autofill-background,var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-multi-select-color,var(--slotted-text,CanvasText))}[data-ui-multi-select] [data-part-chips]>:not([data-part-field]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-multi-select] [data-part-chips]>[data-count]{flex:none}[data-ui-multi-select]>[data-part-counter]{text-box:auto;color:var(--slotted-multi-select-counter-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-xs,.75rem);text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-inline-size:0;line-height:var(--slotted-line-height-sm,1.45);padding-inline:var(--slotted-space-1,.125rem);white-space:nowrap;unicode-bidi:plaintext;flex:0 auto;align-self:center;overflow:hidden}[data-ui-multi-select][data-complete]>[data-part-counter]{color:var(--slotted-multi-select-counter-complete-color,var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium,500)}[data-ui-multi-select][data-narrow] [data-part-chips]>:not([data-part-field]){display:none}[data-ui-multi-select][data-narrow]>[data-part-control]{flex-basis:0}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]){appearance:none;block-size:var(--_action-size);border-radius:var(--slotted-multi-select-radius,var(--slotted-control-radius,4px));color:var(--slotted-multi-select-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_action-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-multi-select]>[data-part-clear]:has(+[data-part-trigger]:not([hidden])):after{inset-inline-end:0}[data-ui-multi-select]>[data-part-clear]:not([hidden])+[data-part-trigger]:after{inset-inline-start:0}}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]){--slotted-icon-size:var(--_icon-size)}[data-ui-multi-select] [data-part-arrow]{block-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;align-items:center;display:flex}[data-ui-multi-select] [data-part-arrow]>[data-ui-icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-multi-select][data-open] [data-part-arrow]>[data-ui-icon]{rotate:180deg}[data-ui-multi-select] [data-part-busy]{--slotted-spinner-size:var(--_icon-size);color:var(--slotted-multi-select-arrow-color,var(--slotted-text-muted,GrayText));flex:none;align-self:center}[data-ui-multi-select][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_gap:var(--slotted-control-gap-sm,6px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-sm,14px))}[data-ui-multi-select][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_inner-size:var(--slotted-control-inner-size-md,24px)}[data-ui-multi-select][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-lg,18px))}[data-ui-multi-select][data-part-root][data-variant=subtle]{background-color:var(--slotted-multi-select-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-multi-select-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-multi-select][data-part-root][data-variant=plain]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}@media (forced-colors:active){[data-ui-multi-select][data-part-root][data-variant=plain]{border-color:buttonborder}}[data-ui-multi-select][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-multi-select-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-multi-select][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has([data-part-input]:autofill)){background-color:var(--slotted-multi-select-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-multi-select][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has([data-part-input]:autofill)){background-color:var(--slotted-multi-select-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-multi-select][data-part-root]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-multi-select][data-part-root][data-variant=plain]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root][data-variant=plain]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-multi-select][data-part-root]:has([data-part-chips]>:not([data-part-field]):focus-visible){outline:none}[data-ui-multi-select][data-part-root][data-open]:not([data-disabled]){border-color:var(--slotted-multi-select-open-border-color,var(--slotted-tone-accent-border))}[data-ui-multi-select][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-multi-select-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-multi-select-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-multi-select-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-multi-select-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-multi-select][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible),[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}}[data-ui-multi-select][data-part-root][data-readonly]{background-color:var(--slotted-multi-select-readonly-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-multi-select][data-part-root][data-readonly] [data-part-arrow]{opacity:.5}[data-ui-multi-select][data-part-root][data-disabled],[data-ui-multi-select][data-part-root]:has([data-part-input]:disabled){background-color:var(--slotted-multi-select-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-multi-select-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-multi-select-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-multi-select-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):active:not(:disabled):not([data-disabled]){background-color:var(--slotted-multi-select-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-multi-select][data-part-positioner]{--_surface:var(--slotted-multi-select-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-multi-select-content-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-multi-select-content-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-multi-select-content-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-multi-select-content-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-multi-select-content-shadow,var(--slotted-shadow-md));--_highlight:var(--slotted-multi-select-highlight,var(--slotted-tone-secondary-subtle-active));--_highlight-active:var(--slotted-multi-select-highlight-active,var(--slotted-tone-accent-surface));--_selected-color:var(--slotted-multi-select-selected-color,var(--slotted-tone-accent-text));--_inset-block:var(--slotted-multi-select-content-padding-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-multi-select-content-padding-inline,var(--slotted-space-2,.25rem));--_item-inset:var(--slotted-control-padding-inline-md,.8125rem);--_item-height:var(--slotted-control-height-md,34px);--_item-radius:var(--slotted-multi-select-item-radius,var(--slotted-control-radius));--_content-font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_content-icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,.5rem);--_measure:var(--slotted-multi-select-measure,24rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-multi-select][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-multi-select][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0}[data-ui-multi-select][data-part-positioner][data-open]{opacity:1;transition:none;translate:0}[data-ui-multi-select][data-part-positioner][data-open][data-positioned]{animation:slotted-multi-select-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-multi-select-enter-up}[data-ui-multi-select][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-multi-select-fade}@keyframes slotted-multi-select-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-multi-select-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-multi-select-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-multi-select][data-part-positioner],[data-ui-multi-select][data-part-positioner][data-side=top],[data-ui-multi-select][data-part-positioner][data-side=left],[data-ui-multi-select][data-part-positioner][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-multi-select][data-part-positioner][data-open][data-positioned],[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-multi-select-fade}}[data-ui-multi-select][data-part-positioner][data-detached]{visibility:hidden}[data-ui-multi-select][data-part-positioner][data-width=anchor]{inline-size:var(--slotted-positioner-anchor-width,auto)}[data-ui-multi-select][data-part-positioner][data-width=content]{inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));min-inline-size:var(--slotted-positioner-anchor-width,auto)}[data-ui-multi-select][data-part-positioner][data-size=sm]{--_item-inset:var(--slotted-control-padding-inline-sm,.625rem);--_item-height:var(--slotted-control-height-sm,30px);--_content-font-size:var(--slotted-control-font-size-sm,12px);--_secondary-font-size:var(--slotted-font-size-xs,.75rem);--_content-icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,.375rem)}[data-ui-multi-select][data-part-positioner][data-size=lg]{--_item-inset:var(--slotted-control-padding-inline-lg,1rem);--_item-height:var(--slotted-control-height-lg,38px);--_content-font-size:var(--slotted-control-font-size-lg,14px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_content-icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,.5rem)}[data-ui-multi-select]>[data-part-content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);max-block-size:calc(var(--slotted-positioner-available-height,100vh) - var(--slotted-space-5,.75rem));overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto;outline:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid;overflow-y:auto}[data-ui-multi-select]>[data-part-content]:focus-visible{outline:none}[data-ui-multi-select] [data-part-chosen]{background:var(--_surface);border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;gap:var(--slotted-space-2,.25rem);margin-block:calc(-1 * var(--_inset-block)) var(--_inset-block);margin-inline:calc(-1 * var(--_inset-inline));max-block-size:calc(2 * var(--slotted-target-min,24px) + var(--slotted-space-2,.25rem) + var(--_inset-block));overscroll-behavior:contain;min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);z-index:1;flex-wrap:wrap;grid-column:1/-1;display:flex;position:sticky;inset-block-start:calc(-1 * var(--_inset-block));overflow-y:auto}[data-ui-multi-select] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-multi-select] [data-part-item][hidden],[data-ui-multi-select] [data-part-group][hidden]{display:none}[data-ui-multi-select] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-multi-select] [data-part-item]{border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);align-content:center;row-gap:var(--slotted-space-1,.125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));display:grid}[data-ui-multi-select] [data-part-item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin,1px) var(--slotted-multi-select-highlight-ring,var(--slotted-tone-accent-border))}[data-ui-multi-select] [data-part-item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui-multi-select] [data-part-item][data-selected]{color:var(--_selected-color)}[data-ui-multi-select] [data-part-item][data-selected]+[data-part-item][data-selected]{border-start-start-radius:0;border-start-end-radius:0}[data-ui-multi-select] [data-part-item][data-selected]:has(+[data-part-item][data-selected]){border-end-end-radius:0;border-end-start-radius:0}[data-ui-multi-select] [data-part-item][data-selected]>[data-part-label]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-multi-select] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-multi-select] [data-part-item][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin,1px) var(--slotted-disabled-border,#cbd5e1);color:var(--slotted-disabled-foreground,#64748b)}[data-ui-multi-select] [data-part-item]>:is([data-part-indicator],[data-part-icon]){block-size:1lh}[data-ui-multi-select] [data-part-item]>[data-part-icon]{--slotted-icon-size:var(--_content-icon-size);inline-size:var(--_content-icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex}[data-ui-multi-select] [data-part-item]>[data-part-label]{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;grid-area:1/2;min-inline-size:0;display:-webkit-box;overflow:hidden}[data-ui-multi-select] [data-part-item]>[data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-multi-select] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-multi-select] [data-part-item]>[data-part-indicator]{--slotted-icon-size:var(--_content-icon-size);inline-size:var(--_content-icon-size);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);grid-area:1/3;justify-content:center;justify-self:end;align-items:center;margin-inline-start:var(--_column-gap);display:flex}[data-ui-multi-select] [data-part-item][data-selected]>[data-part-indicator],[data-ui-multi-select] [data-part-item][data-create]>[data-part-indicator]{opacity:1}[data-ui-multi-select] [data-part-item][data-create]>[data-part-label]{unicode-bidi:plaintext}[data-ui-multi-select] [data-part-separator]{background-color:var(--slotted-multi-select-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-multi-select] :is([data-part-empty],[data-part-status]){color:var(--_muted);box-sizing:border-box;min-inline-size:12rem;max-inline-size:100%;padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext;grid-column:1/-1}[data-ui-multi-select] [data-part-status]:empty{display:none}[data-ui-multi-select] [data-part-placeholder]{padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;display:grid}[data-ui-multi-select] [data-part-placeholder]>*{min-block-size:var(--_item-height);align-items:center;display:flex}[data-ui-multi-select] [data-part-placeholder]>[data-ui-skeleton]{align-self:center}[data-ui-multi-select] [data-part-placeholder]>:nth-child(2) [data-ui-skeleton]{inline-size:78%}[data-ui-multi-select] [data-part-placeholder]>:nth-child(3) [data-ui-skeleton]{inline-size:56%}[data-ui-multi-select]>[data-part-content][data-loading]{cursor:progress}@media (forced-colors:active){[data-ui-multi-select] [data-part-item][data-current]{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-multi-select] [data-part-item][data-disabled][data-current]{color:graytext;background-color:highlight}}}
13
13
 
14
- @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");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity: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;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@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")}}}
14
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity: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;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
15
15
 
16
16
  @layer slotted.components{[data-ui-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill:var(--slotted-skeleton-fill,color-mix(in oklab, var(--slotted-disabled-background,ButtonFace) 92%, var(--slotted-text,CanvasText)));--_edge:var(--slotted-skeleton-border-color,var(--slotted-border-subtle,ButtonBorder));--_highlight:var(--slotted-skeleton-highlight-color,color-mix(in oklab, var(--_fill) 86%, var(--slotted-text,CanvasText)));--_trough:var(--slotted-skeleton-trough-color,color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken,Canvas)));background-color:var(--_fill);border:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{min-block-size:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px));display:inline-block}[data-ui-skeleton][data-part-root][data-shape=text]{--_line:var(--slotted-skeleton-line-size,1cap);block-size:var(--slotted-skeleton-block-size,var(--_line));border-radius:var(--slotted-radius-full,9999px);inline-size:var(--slotted-skeleton-inline-size,100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size,auto);border-radius:var(--slotted-skeleton-radius,var(--slotted-radius-md,6px));inline-size:var(--slotted-skeleton-inline-size,100%);min-block-size:var(--slotted-skeleton-min-block-size,1lh);display:block}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px));block-size:var(--slotted-skeleton-block-size,var(--_size));inline-size:var(--slotted-skeleton-inline-size,var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius,calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xs,24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-sm,28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-lg,48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xl,64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size,auto);color:#0000;inline-size:var(--slotted-skeleton-inline-size,auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{grid-auto-rows:var(--slotted-skeleton-row-size,1lh);inline-size:var(--slotted-skeleton-inline-size,100%);align-items:center;display:grid}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size,1cap);border-radius:var(--slotted-radius-full,9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size,62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size,100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{position:relative;overflow:clip}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase,0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);content:"";pointer-events:none;animation-iteration-count:infinite;position:absolute;inset-block:0;inset-inline:0}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{background-color:var(--_trough);opacity:0;animation-timing-function:ease-in-out}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{background-image:linear-gradient(90deg, transparent 14%, var(--_highlight) 50%, transparent 86%);animation-timing-function:linear}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media (prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media (forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}
17
17
 
package/dist/styles/notification-center.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
2
2
  @layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
3
3
 
4
- @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");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity: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;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@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")}}}
4
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity: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;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
5
5
 
6
- @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;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), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]: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-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
6
+ @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;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), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]: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-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
7
7
 
8
8
  @layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
9
9
 
@@ -11,6 +11,6 @@
11
11
 
12
12
  @layer slotted.components{[data-ui-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill:var(--slotted-skeleton-fill,color-mix(in oklab, var(--slotted-disabled-background,ButtonFace) 92%, var(--slotted-text,CanvasText)));--_edge:var(--slotted-skeleton-border-color,var(--slotted-border-subtle,ButtonBorder));--_highlight:var(--slotted-skeleton-highlight-color,color-mix(in oklab, var(--_fill) 86%, var(--slotted-text,CanvasText)));--_trough:var(--slotted-skeleton-trough-color,color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken,Canvas)));background-color:var(--_fill);border:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{min-block-size:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px));display:inline-block}[data-ui-skeleton][data-part-root][data-shape=text]{--_line:var(--slotted-skeleton-line-size,1cap);block-size:var(--slotted-skeleton-block-size,var(--_line));border-radius:var(--slotted-radius-full,9999px);inline-size:var(--slotted-skeleton-inline-size,100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size,auto);border-radius:var(--slotted-skeleton-radius,var(--slotted-radius-md,6px));inline-size:var(--slotted-skeleton-inline-size,100%);min-block-size:var(--slotted-skeleton-min-block-size,1lh);display:block}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px));block-size:var(--slotted-skeleton-block-size,var(--_size));inline-size:var(--slotted-skeleton-inline-size,var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius,calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xs,24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-sm,28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-lg,48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xl,64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size,auto);color:#0000;inline-size:var(--slotted-skeleton-inline-size,auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{grid-auto-rows:var(--slotted-skeleton-row-size,1lh);inline-size:var(--slotted-skeleton-inline-size,100%);align-items:center;display:grid}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size,1cap);border-radius:var(--slotted-radius-full,9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size,62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size,100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{position:relative;overflow:clip}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase,0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);content:"";pointer-events:none;animation-iteration-count:infinite;position:absolute;inset-block:0;inset-inline:0}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{background-color:var(--_trough);opacity:0;animation-timing-function:ease-in-out}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{background-image:linear-gradient(90deg, transparent 14%, var(--_highlight) 50%, transparent 86%);animation-timing-function:linear}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media (prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media (forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}
13
13
 
14
- @layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]: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-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));transition:left var(--slotted-duration-medium) var(--_marker-easing), top var(--slotted-duration-medium) var(--_marker-easing), inline-size var(--slotted-duration-medium) var(--_marker-easing), block-size var(--slotted-duration-medium) var(--_marker-easing)}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{transition:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]: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-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
14
+ @layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]: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-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));animation:slotted-tabs-marker-slide var(--slotted-duration-medium) var(--_marker-easing);transform-origin:0 0}@keyframes slotted-tabs-marker-slide{0%{translate:var(--_indicator-shift,0px 0px);scale:var(--_indicator-scale,1 1)}}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{animation:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]: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-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
15
15
 
16
16
  @layer slotted.components{[data-ui-notification-center]{--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_rule:var(--slotted-notification-center-border,var(--slotted-border-subtle,ButtonBorder));--_ground:var(--slotted-notification-center-background,var(--slotted-surface,Canvas));--_hover:var(--slotted-tone-secondary-subtle-hover,ButtonFace);--_active:var(--slotted-tone-secondary-subtle-active,ButtonFace);--_tone-solid:var(--slotted-tone-accent-solid,Highlight);--_tone-text:var(--slotted-tone-accent-text,Highlight);--_tone-surface:var(--slotted-tone-accent-surface,Canvas);--_unread-ground:color-mix(in oklab, var(--_tone-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent);--_inset-inline:var(--slotted-notification-center-inset-inline-md,var(--slotted-space-6,1rem));--_inset-block:var(--slotted-notification-center-inset-block-md,var(--slotted-space-5,.75rem));--_gap:var(--slotted-notification-center-gap-md,var(--slotted-space-5,.75rem));--_title-size:var(--slotted-notification-center-title-size-md,var(--slotted-font-size-lg,1rem));--_title-line-height:var(--slotted-line-height-lg,1.5);--_item-title-size:var(--slotted-font-size-md,.875rem);--_item-title-line-height:var(--slotted-line-height-md,1.5);--_meta-size:var(--slotted-font-size-sm,.8125rem);--_meta-line-height:var(--slotted-line-height-sm,1.45);--_visual:var(--slotted-avatar-size-sm,28px);--_visual-glyph:calc(var(--_visual) * 6 / 7);--_count-size:var(--slotted-font-size-xs,.75rem);--_count-box:calc(var(--_count-size) + 2 * var(--slotted-space-1,.125rem) + 2 * var(--slotted-border-width-thin,1px));--_glyph:var(--slotted-control-icon-size-sm,14px);--_control:min(calc(var(--_glyph) + 2 * var(--slotted-space-2,.25rem)), var(--slotted-control-inner-size-md,24px));--_rule-size:var(--slotted-border-width-thin,1px);--_duration:var(--slotted-control-transition-duration);--_easing:var(--slotted-control-transition-easing);--_scrollbar-thumb:var(--slotted-notification-center-scrollbar-thumb-color,var(--slotted-border-strong,ButtonBorder));--_scrollbar-track:var(--slotted-notification-center-scrollbar-track-color,transparent);background-color:var(--_ground);color:var(--_text);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);flex-direction:column;min-inline-size:0;display:flex;container:notification-center/inline-size}[data-ui-notification-center][data-size=sm]{min-inline-size:var(--slotted-notification-center-min-inline-size-sm,min(22rem, calc(100vw - var(--slotted-space-8,2rem))));--_inset-inline:var(--slotted-notification-center-inset-inline-sm,var(--slotted-space-5,.75rem));--_inset-block:var(--slotted-notification-center-inset-block-sm,var(--slotted-space-4,.5rem));--_gap:var(--slotted-notification-center-gap-sm,var(--slotted-space-4,.5rem));--_title-size:var(--slotted-notification-center-title-size-sm,var(--slotted-font-size-md,.875rem));--_title-line-height:var(--slotted-line-height-md,1.5);--_item-title-size:var(--slotted-font-size-sm,.8125rem);--_item-title-line-height:var(--slotted-line-height-sm,1.45);--_meta-size:var(--slotted-font-size-xs,.75rem);--_meta-line-height:var(--slotted-line-height-xs,1.4);--_control:min(calc(var(--_glyph) + 2 * var(--slotted-space-2,.25rem)), var(--slotted-control-inner-size-sm,22px));--_visual:var(--slotted-avatar-size-xs,24px);--_visual-glyph:calc(var(--_visual) * 6 / 7)}[data-ui-notification-center]>[data-part-header]{border-block-end:var(--_rule-size) solid var(--_rule);align-items:center;gap:var(--slotted-space-3,.375rem) var(--_gap);min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);flex-wrap:wrap;justify-content:flex-end;display:flex}[data-ui-notification-center]>[data-part-header]>[data-part-title]{color:var(--_text);font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--_title-size);font-weight:var(--slotted-font-weight-semibold,600);align-items:center;gap:var(--slotted-space-3,.375rem);letter-spacing:-.01em;line-height:var(--_title-line-height);margin:0;min-inline-size:0;margin-inline-end:auto;display:inline-flex}[data-ui-notification-center] [data-part-count]{background-color:var(--slotted-surface-sunken,Canvas);block-size:var(--_count-box);border-radius:var(--slotted-radius-full,9999px);border:var(--slotted-border-width-thin,1px) solid color-mix(in oklab, currentcolor 20%, transparent);box-sizing:border-box;color:var(--_muted);font-size:var(--_count-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold,600);min-inline-size:var(--_count-box);padding-block:0;padding-inline:var(--slotted-space-2,.25rem);justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-notification-center]>[data-part-header]>[data-part-title]>[data-part-count]{background-color:var(--slotted-tone-accent-surface,Canvas);color:var(--slotted-tone-accent-text,Highlight)}[data-ui-notification-center]>[data-part-header]>[data-part-mark-all]{display:inline-flex}[data-ui-notification-center]>[data-part-header]>[data-part-actions]{font-size:var(--_meta-size);align-items:center;gap:var(--slotted-control-gap-sm,6px);line-height:var(--_meta-line-height);display:inline-flex}[data-ui-notification-center]>[data-part-views]{border-block-end:var(--_rule-size) solid var(--_rule);min-inline-size:0;padding-inline:var(--_inset-inline)}[data-ui-notification-center]>[data-part-fresh],[data-ui-notification-center]>button[data-part-more]{appearance:none;background-color:var(--_ground);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-full,9999px);color:var(--_text);cursor:pointer;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium,500);align-items:center;gap:var(--slotted-control-gap-sm,6px);inline-size:fit-content;line-height:var(--slotted-control-line-height,1);margin-block:var(--_inset-block);min-block-size:var(--slotted-control-height-sm,30px);padding-inline:var(--slotted-control-padding-inline-md,13px);transition:background-color var(--_duration) var(--_easing), border-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);justify-content:center;margin-inline:auto;display:flex}[data-ui-notification-center]>[data-part-fresh]{background-color:var(--slotted-tone-accent-surface,Canvas);border-color:var(--slotted-tone-accent-border,Highlight);color:var(--slotted-tone-accent-text,Highlight)}[data-ui-notification-center]>[data-part-fresh]:enabled:hover{background-color:var(--slotted-tone-accent-subtle-hover,Canvas)}[data-ui-notification-center]>[data-part-fresh]:enabled:active{background-color:var(--slotted-tone-accent-subtle-active,Canvas)}[data-ui-notification-center]>button[data-part-more]:enabled:hover{background-color:var(--_hover)}[data-ui-notification-center]>button[data-part-more]:enabled:active{background-color:var(--_active)}[data-ui-notification-center]>button[data-part-more]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:default}[data-ui-notification-center]>div[data-part-more]{color:var(--_muted);font-size:var(--_meta-size);line-height:var(--_meta-line-height);min-block-size:var(--slotted-space-6,1rem);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);text-align:center}[data-ui-notification-center]>[data-part-fresh]:focus-visible,[data-ui-notification-center]>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-notification-center]>[data-part-feed]{overscroll-behavior:contain;scrollbar-color:var(--_scrollbar-thumb) var(--_scrollbar-track);scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:auto;min-block-size:0;min-inline-size:0;display:flex;overflow-y:auto}[data-ui-notification-center]>[data-part-feed]:has(+[data-part-footer])>[data-part-item]:last-child,[data-ui-notification-center]>[data-part-feed]:has(+[data-part-footer])>[data-part-group]:last-child>[data-part-item]:last-child{border-block-end:0}[data-ui-notification-center]>[data-part-feed]>[data-part-group]{flex-direction:column;min-inline-size:0;display:flex}[data-ui-notification-center]>[data-part-feed]>[data-part-group]>[data-part-group-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-semibold,600);letter-spacing:.06em;line-height:var(--slotted-line-height-xs,1.4);padding-block:var(--_inset-block) var(--slotted-space-2,.25rem);padding-inline:var(--_inset-inline);text-transform:uppercase;margin:0}[data-ui-notification-center]>[data-part-feed] [data-part-item]{border-block-end:var(--_rule-size) solid var(--_rule);align-items:flex-start;gap:0 var(--slotted-space-4,.5rem);min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);transition:background-color var(--_duration) var(--_easing);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}[data-ui-notification-center]>[data-part-feed] [data-part-item][data-tone=secondary]{--_tone-solid:var(--slotted-tone-secondary-solid,ButtonText);--_tone-text:var(--slotted-tone-secondary-text,ButtonText);--_tone-surface:var(--slotted-tone-secondary-surface,Canvas)}[data-ui-notification-center]>[data-part-feed] [data-part-item][data-tone=success]{--_tone-solid:var(--slotted-tone-success-solid,ButtonText);--_tone-text:var(--slotted-tone-success-text,ButtonText);--_tone-surface:var(--slotted-tone-success-surface,Canvas)}[data-ui-notification-center]>[data-part-feed] [data-part-item][data-tone=info]{--_tone-solid:var(--slotted-tone-info-solid,ButtonText);--_tone-text:var(--slotted-tone-info-text,ButtonText);--_tone-surface:var(--slotted-tone-info-surface,Canvas)}[data-ui-notification-center]>[data-part-feed] [data-part-item][data-tone=warning]{--_tone-solid:var(--slotted-tone-warning-solid,ButtonText);--_tone-text:var(--slotted-tone-warning-text,ButtonText);--_tone-surface:var(--slotted-tone-warning-surface,Canvas)}[data-ui-notification-center]>[data-part-feed] [data-part-item][data-tone=danger]{--_tone-solid:var(--slotted-tone-danger-solid,ButtonText);--_tone-text:var(--slotted-tone-danger-text,ButtonText);--_tone-surface:var(--slotted-tone-danger-surface,Canvas)}[data-ui-notification-center]>[data-part-feed] [data-part-item]:not([data-read]){background-color:var(--_unread-ground)}[data-ui-notification-center]>[data-part-feed] [data-part-item]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-notification-center]>[data-part-feed] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-visual]{grid-column:1;justify-content:center;align-items:center;min-inline-size:0;display:flex}[data-ui-notification-center]>[data-part-feed] [data-part-item]:not(:has(>[data-part-visual]))>[data-part-content]{grid-column:1/3}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-visual]:empty:not([data-tone]){display:none}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-visual][data-tone]:has(>[data-tone-glyph]){--slotted-icon-size:var(--_visual-glyph);background-image:radial-gradient(circle, var(--_tone-surface) calc(var(--_visual-glyph) * 9.5 / 24 - .5px), transparent calc(var(--_visual-glyph) * 9.5 / 24 + .5px));block-size:var(--_visual);color:var(--_tone-text);inline-size:var(--_visual);justify-content:center;align-items:center;display:flex}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]{font-size:var(--_item-title-size);gap:var(--slotted-space-1,.125rem);line-height:var(--_item-title-line-height);flex-direction:column;grid-column:2;min-inline-size:0;margin-block-start:max(0px, calc((var(--_visual) - 1lh) / 2));display:flex}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>[data-part-title]{-webkit-line-clamp:var(--slotted-notification-center-title-clamp,2);color:var(--_text);font-size:var(--_item-title-size);font-weight:var(--slotted-font-weight-medium,500);line-height:var(--_item-title-line-height);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;text-decoration:none;display:-webkit-box;overflow:hidden}[data-ui-notification-center]>[data-part-feed] [data-part-item]:not([data-read])>[data-part-content]>[data-part-title]{font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>a[data-part-title]:after{content:"";position:absolute;inset:0}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>a[data-part-title]:not([data-disabled]):hover{text-underline-offset:.15em;text-decoration:underline}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>a[data-part-title]:focus-visible{outline:none}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>[data-part-description]{-webkit-line-clamp:var(--slotted-notification-center-description-clamp,3);color:var(--_muted);font-size:var(--_meta-size);line-height:var(--_meta-line-height);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>[data-part-time]{color:var(--_muted);font-size:var(--_meta-size);font-variant-numeric:tabular-nums;line-height:var(--_meta-line-height)}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-content]>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-sm,6px);z-index:1;flex-wrap:wrap;margin-block-start:var(--slotted-space-2,.25rem);display:flex;position:relative}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]{gap:var(--slotted-space-1,.125rem);z-index:1;grid-column:3;margin-block-start:max(0px, calc((var(--_visual) - var(--_control)) / 2));display:flex;position:relative}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]>button{--slotted-icon-size:var(--_glyph);appearance:none;block-size:var(--_control);border-radius:var(--slotted-control-radius,4px);color:var(--_muted);cursor:pointer;font:inherit;inline-size:var(--_control);transition:color var(--_duration) var(--_easing), background-color var(--_duration) var(--_easing);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]>button:before{block-size:max(var(--_control), var(--slotted-target-min,24px));content:"";inline-size:max(var(--_control), var(--slotted-target-min,24px));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]>button:enabled:hover{background-color:var(--_hover);color:var(--_text)}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]>button:enabled:active{background-color:var(--_active)}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]>button: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-notification-center][data-controls=read]>[data-part-feed] [data-part-item]>[data-part-controls]>[data-part-dismiss],[data-ui-notification-center][data-controls=dismiss]>[data-part-feed] [data-part-item]>[data-part-controls]>[data-part-read-toggle],[data-ui-notification-center][data-controls=none]>[data-part-feed] [data-part-item]>[data-part-controls]{display:none}[data-ui-notification-center]>[data-part-feed]>[data-part-item][aria-hidden]{background-color:#0000}[data-ui-notification-center]>[data-part-empty]{color:var(--_muted);font-size:var(--_meta-size);line-height:var(--_meta-line-height);min-block-size:calc(2 * var(--slotted-space-12,4rem));padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);text-align:center;place-items:center;display:grid}[data-ui-notification-center]>[data-part-footer]{border-block-start:var(--_rule-size) solid var(--_rule);font-size:var(--_meta-size);align-items:center;gap:var(--_gap);line-height:var(--_meta-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);justify-content:center;margin-block-start:auto;display:flex}@container notification-center (width<=319px){[data-ui-notification-center]>[data-part-feed] [data-part-item]{grid-template-columns:auto minmax(0,1fr)}[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]{grid-column:2;justify-content:flex-end;margin-block-start:var(--slotted-space-2,.25rem)}}@media (pointer:coarse){[data-ui-notification-center]>[data-part-feed] [data-part-item]>[data-part-controls]{--_control:var(--slotted-target-comfortable,44px);margin-block-start:calc((var(--_visual) - var(--_control)) / 2)}}@media (forced-colors:active){[data-ui-notification-center] [data-part-count]{color:highlighttext;forced-color-adjust:none;background-color:highlight;border-color:highlight}}}
package/dist/styles/page-header.css CHANGED
@@ -11,6 +11,6 @@
11
11
 
12
12
  @layer slotted.components{[data-ui-typography]{font-family:var(--slotted-typography-font-family,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--slotted-font-size-md,.875rem);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--slotted-line-height-md,1.5);overflow-wrap:anywhere;margin:0}[data-ui-typography]:is(h1,h2,h3,h4,h5,h6){font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif))}[data-ui-typography][data-size=xs]{font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--slotted-line-height-xs,1.4)}[data-ui-typography][data-size=sm]{font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45)}[data-ui-typography][data-size=md]{font-size:var(--slotted-font-size-md,.875rem);line-height:var(--slotted-line-height-md,1.5)}[data-ui-typography][data-size=lg]{font-size:var(--slotted-font-size-lg,1rem);line-height:var(--slotted-line-height-lg,1.5)}[data-ui-typography][data-size=xl]{font-size:var(--slotted-font-size-xl,1.125rem);line-height:var(--slotted-line-height-xl,1.45)}[data-ui-typography][data-size="2xl"]{font-size:var(--slotted-font-size-2xl,1.25rem);line-height:var(--slotted-line-height-2xl,1.4)}[data-ui-typography][data-size="3xl"]{font-size:var(--slotted-font-size-3xl,1.5rem);line-height:var(--slotted-line-height-3xl,1.3)}[data-ui-typography][data-weight=regular]{font-weight:var(--slotted-font-weight-regular,400)}[data-ui-typography][data-weight=medium]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-typography][data-weight=semibold]{font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-typography][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-typography][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-typography][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-typography][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-typography][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-typography][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-typography][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-typography][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-typography][data-align]{display:block}[data-ui-typography][data-align=start]{text-align:start}[data-ui-typography][data-align=center]{text-align:center}[data-ui-typography][data-align=end]{text-align:end}[data-ui-typography][data-wrap=normal]{text-wrap:wrap;white-space:normal}[data-ui-typography][data-wrap=nowrap]{white-space:nowrap}[data-ui-typography][data-wrap=balance]{text-wrap:balance}[data-ui-typography][data-wrap=pretty]{text-wrap:pretty}[data-ui-typography][data-numeric=normal]{font-variant-numeric:normal}[data-ui-typography][data-numeric=tabular]{font-variant-numeric:tabular-nums}[data-ui-typography][data-transform=none]{text-transform:none}[data-ui-typography][data-transform=capitalize]{text-transform:capitalize}[data-ui-typography][data-transform=uppercase]{letter-spacing:var(--slotted-typography-uppercase-tracking,.06em);text-transform:uppercase}[data-ui-typography]:lang(ar),[data-ui-typography]:lang(fa),[data-ui-typography]:lang(ur){letter-spacing:normal}[data-ui-typography][data-truncate]{-webkit-line-clamp:var(--slotted-typography-lines,1);line-clamp:var(--slotted-typography-lines,1);-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}}
13
13
 
14
- @layer slotted.components{[data-ui-page]{--_ground:var(--slotted-page-background-sunken,var(--slotted-surface-sunken,Canvas));--_padding-block:var(--slotted-page-padding-block,var(--slotted-space-8,1.5rem));--_footer-ground:var(--slotted-page-footer-background,var(--slotted-surface,Canvas));--_footer-rule:var(--slotted-page-footer-border,var(--slotted-border-subtle,ButtonBorder));--_footer-padding-block:var(--slotted-page-footer-padding-block,var(--slotted-space-4,.5rem));--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,cubic-bezier(.2, 0, 0, 1));--slotted-page-ground:var(--_ground);--slotted-table-sticky-offset:var(--slotted-page-sticky-top,0px);--slotted-table-sticky-offset-end:var(--slotted-page-sticky-bottom,0px);background-color:var(--_ground);color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);flex-direction:column;min-block-size:100%;min-inline-size:0;display:flex;container:slotted-page/inline-size}[data-ui-page][data-ground=surface]{--_ground:var(--slotted-page-background-surface,var(--slotted-surface,Canvas))}[data-ui-page]>[data-part-scroll]{overflow-anchor:none;flex-direction:column;flex:1 0 auto;min-inline-size:0;display:flex}[data-ui-page][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui-page][data-scroll=self]>[data-part-scroll]{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:auto}[data-ui-page]>[data-part-scroll]>[data-part-body]{min-inline-size:0;padding-block:var(--_padding-block);flex:1 0 auto}@container slotted-page (width>=600px){[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]{flex-direction:column;flex:auto;min-block-size:0;display:flex}[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]>*{flex:auto;min-block-size:0}}[data-ui-page][data-loading]>[data-part-scroll]>[data-part-body]{cursor:progress}[data-ui-page]>[data-part-footer]{background-color:var(--_footer-ground);border-block-start:var(--slotted-border-width-thin,1px) solid var(--_footer-rule);min-inline-size:0;padding-block:var(--_footer-padding-block);transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing);z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:0}[data-ui-page][data-scroll=self]>[data-part-footer]{position:static}[data-ui-page]>[data-part-footer][data-status=entering],[data-ui-page]>[data-part-footer][data-status=exiting]{opacity:0;translate:0 100%}[data-ui-page]>[data-part-footer]>*>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;display:flex}@container slotted-page (width<600px){[data-ui-page] [data-ui-container][data-inset="5"],[data-ui-page] [data-ui-container][data-inset="6"],[data-ui-page] [data-ui-container][data-inset="7"],[data-ui-page] [data-ui-container][data-inset="8"],[data-ui-page] [data-ui-container][data-inset="9"],[data-ui-page] [data-ui-container][data-inset="10"],[data-ui-page] [data-ui-container][data-inset="11"],[data-ui-page] [data-ui-container][data-inset="12"]{--_inset:var(--slotted-space-4,.5rem)}}}
14
+ @layer slotted.components{[data-ui-page]{--_ground:var(--slotted-page-background-sunken,var(--slotted-surface-sunken,Canvas));--_padding-block:var(--slotted-page-padding-block,var(--slotted-space-8,1.5rem));--_footer-ground:var(--slotted-page-footer-background,var(--slotted-surface,Canvas));--_footer-rule:var(--slotted-page-footer-border,var(--slotted-border-subtle,ButtonBorder));--_footer-padding-block:var(--slotted-page-footer-padding-block,var(--slotted-space-4,.5rem));--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,cubic-bezier(.2, 0, 0, 1));--slotted-page-ground:var(--_ground);--slotted-table-sticky-offset:var(--slotted-page-sticky-top,0px);--slotted-table-sticky-offset-end:var(--slotted-page-sticky-bottom,0px);background-color:var(--_ground);color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);flex-direction:column;min-block-size:100%;min-inline-size:0;display:flex;container:slotted-page/inline-size}[data-ui-page][data-ground=surface]{--_ground:var(--slotted-page-background-surface,var(--slotted-surface,Canvas))}[data-ui-page]>[data-part-scroll]{overflow-anchor:none;flex-direction:column;flex:1 0 auto;min-inline-size:0;display:flex}[data-ui-page][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui-page][data-scroll=self]>[data-part-scroll]{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:auto}[data-ui-page]>[data-part-scroll]>[data-part-body]{min-inline-size:0;padding-block:var(--_padding-block);flex:1 0 auto}@container slotted-page (width>=600px){[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]{flex-direction:column;flex:auto;min-block-size:0;display:flex}[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]>*{flex:auto;min-block-size:0}}[data-ui-page][data-loading]>[data-part-scroll]>[data-part-body]{cursor:progress}[data-ui-page]>[data-part-footer]{background-color:var(--_footer-ground);border-block-start:var(--slotted-border-width-thin,1px) solid var(--_footer-rule);min-inline-size:0;padding-block:var(--_footer-padding-block);transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing);z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:0}[data-ui-page][data-scroll=self]>[data-part-footer]{position:static}[data-ui-page]>[data-part-footer][data-status=entering],[data-ui-page]>[data-part-footer][data-status=exiting]{opacity:0;translate:0 100%}[data-ui-page]>[data-part-footer]{-webkit-backdrop-filter:var(--slotted-page-footer-backdrop-filter,none);backdrop-filter:var(--slotted-page-footer-backdrop-filter,none)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-page]>[data-part-footer]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-page]>[data-part-footer]>*>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;display:flex}@container slotted-page (width<600px){[data-ui-page] [data-ui-container][data-inset="5"],[data-ui-page] [data-ui-container][data-inset="6"],[data-ui-page] [data-ui-container][data-inset="7"],[data-ui-page] [data-ui-container][data-inset="8"],[data-ui-page] [data-ui-container][data-inset="9"],[data-ui-page] [data-ui-container][data-inset="10"],[data-ui-page] [data-ui-container][data-inset="11"],[data-ui-page] [data-ui-container][data-inset="12"]{--_inset:var(--slotted-space-4,.5rem)}}}
15
15
 
16
- @layer slotted.components{[data-ui-page-header]{--_surface:var(--slotted-page-header-background,var(--slotted-surface,Canvas));--_ground:var(--_surface);--_sticky-inset:0px;--_rule:var(--slotted-page-header-border,var(--slotted-border-subtle,ButtonBorder));--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_gap:var(--slotted-page-header-gap,var(--slotted-space-4,.5rem));--_padding-block:var(--slotted-page-header-padding-block,var(--slotted-space-5,.75rem));--_heading-size:var(--slotted-page-header-heading-size-md,var(--slotted-font-size-2xl,1.25rem));--_heading-line-height:var(--slotted-line-height-2xl,1.4);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-md,var(--slotted-font-size-lg,1rem));--_snapped-heading-line-height:var(--slotted-line-height-lg,1.5);--_subheading-size:var(--slotted-font-size-md,.875rem);--_description-measure:var(--slotted-page-header-description-measure,70ch);--_control-size:var(--slotted-page-header-control-size,var(--slotted-control-height-sm,30px));--_icon-size:var(--slotted-control-icon-size-sm,14px);--_rule-size:var(--slotted-border-width-thin,1px);--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,cubic-bezier(.2, 0, 0, 1));background-color:var(--_ground);color:var(--_text);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);inline-size:100%;overflow-anchor:none;min-inline-size:0;transition:inset-block-start var(--_duration) var(--_easing);z-index:calc(var(--slotted-z-index-sticky,100) + 3);border-block-end:var(--_rule-size) solid var(--_rule);position:sticky;inset-block-start:calc(var(--_sticky-inset) - var(--slotted-page-header-collapse,0px));overflow-x:clip;container:page-header/inline-size}[data-ui-page-header][data-size=sm]{--_heading-size:var(--slotted-page-header-heading-size-sm,var(--slotted-font-size-xl,1.125rem));--_heading-line-height:var(--slotted-line-height-xl,1.45);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-sm,var(--slotted-font-size-md,.875rem));--_snapped-heading-line-height:var(--slotted-line-height-md,1.5)}[data-ui-page-header][data-size=lg]{--_heading-size:var(--slotted-page-header-heading-size-lg,var(--slotted-font-size-3xl,1.5rem));--_heading-line-height:var(--slotted-line-height-3xl,1.3);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-lg,var(--slotted-font-size-xl,1.125rem));--_snapped-heading-line-height:var(--slotted-line-height-xl,1.45)}[data-ui-page-header][data-revealed],[data-ui-page-header][data-collapse=manual],[data-ui-page-header]:has([data-part-pin][data-pressed]){inset-block-start:var(--_sticky-inset)}[data-ui-page-header][data-variant=plain]:not([data-stuck]){--_ground:transparent}[data-ui-page-header][data-variant=floating]{--_radius:var(--slotted-page-header-radius,var(--slotted-radius-lg,8px));border:var(--_rule-size) solid var(--_rule);border-radius:var(--_radius);box-sizing:border-box}[data-ui-page-header][data-variant=floating]>*>[data-part-title-area]{transition:inset-block-start var(--_duration) var(--_easing);border-start-start-radius:calc(var(--_radius) - var(--_rule-size));border-start-end-radius:calc(var(--_radius) - var(--_rule-size))}[data-ui-page-header][data-variant=floating][data-stuck]{--_sticky-inset:var(--slotted-page-header-inset,var(--slotted-space-4,.5rem));box-shadow:var(--slotted-page-header-shadow,var(--slotted-shadow-sm))}[data-ui-page-header][data-compact],[data-ui-page-header][data-compact]>*>[data-part-title-area]{position:relative;inset-block-start:0}[data-ui-page-header]>*>[data-part-title-area]{background-color:var(--_ground);gap:var(--slotted-space-3,.375rem);overflow-anchor:none;padding-block:var(--_padding-block) var(--slotted-space-4,.5rem);z-index:2;flex-direction:column;display:flex;position:sticky;inset-block-start:var(--_sticky-inset)}[data-ui-page-header]:not(:has(>*>[data-part-header-area]))>*>[data-part-title-area]{background-color:#0000}[data-ui-page-header][data-stuck]{-webkit-backdrop-filter:var(--slotted-page-header-backdrop-filter,none);backdrop-filter:var(--slotted-page-header-backdrop-filter,none)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-page-header][data-stuck]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-page-header]:has([data-part-controls]>*)>*>[data-part-title-area]{padding-block-end:calc(var(--slotted-space-4,.5rem) + var(--_control-size) / 2)}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);align-items:center;gap:var(--slotted-space-5,.75rem);line-height:var(--slotted-line-height-sm,1.45);min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]:empty,[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]:has(~[data-part-breadcrumbs]:not(:empty)){display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]{--slotted-icon-size:var(--_icon-size);border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium,500);align-items:center;gap:var(--slotted-control-gap-sm,6px);min-block-size:var(--slotted-target-min,24px);transition:color var(--slotted-duration-short) var(--_easing);background:0 0;border:0;flex:none;margin:0;padding:0;text-decoration:none;display:inline-flex}@media (pointer:coarse){[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]{--_reach:max(0px, calc((var(--slotted-target-comfortable,44px) - var(--slotted-target-min,24px)) / 2));margin-block:calc(var(--_reach) * -1);padding-block:var(--_reach)}}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]:not([data-disabled]):not(:disabled):hover{color:var(--_text)}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]: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-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-breadcrumbs]{min-inline-size:0}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]{align-items:flex-start;gap:var(--_gap) var(--slotted-space-6,1rem);flex-wrap:wrap;min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-visual]{flex:none;align-self:flex-start;align-items:center;display:inline-flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]{align-items:center;column-gap:var(--slotted-space-4,.5rem);min-block-size:var(--slotted-control-height-md,34px);row-gap:var(--slotted-space-1,.125rem);flex-wrap:wrap;flex:20rem;min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-heading]{color:var(--_text);font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--_heading-size);font-weight:var(--slotted-font-weight-semibold,600);letter-spacing:-.01em;-webkit-line-clamp:2;line-height:var(--_heading-line-height);overflow-wrap:anywhere;text-wrap:pretty;-webkit-box-orient:vertical;min-inline-size:0;margin:0;display:-webkit-box;overflow:hidden}[data-ui-page-header]:not([data-expanded])>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-heading]{font-size:var(--_snapped-heading-size);line-height:var(--_snapped-heading-line-height);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;display:block}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-marks]{align-items:center;gap:var(--slotted-space-2,.25rem);flex-wrap:wrap;min-inline-size:0;display:inline-flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-marks]:empty{display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{color:var(--_muted);font-size:var(--_subheading-size);-webkit-line-clamp:2;line-height:var(--slotted-line-height-md,1.5);text-wrap:pretty;-webkit-box-orient:vertical;flex-basis:100%;min-inline-size:0;margin:0;display:-webkit-box;overflow:hidden}[data-ui-page-header]:not([data-expanded])>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;flex:0 auto;min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]>[data-ui-toolbar]:not([data-variant=outline]){margin-block:calc(-1 * var(--slotted-toolbar-inset,var(--slotted-space-2,.25rem)))}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]>[data-ui-toolbar]:not([data-variant=outline]):is([data-overflow=menu],[data-overflow=scroll]){margin-block:calc(-1 * var(--slotted-toolbar-inset,max(var(--slotted-space-2,.25rem), calc(var(--slotted-focus-ring-offset,2px) + var(--slotted-focus-ring-width,2px)))))}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu]){flex-wrap:nowrap}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]{flex:0 auto;grid-template-columns:minmax(0,auto) auto;justify-content:start;align-items:center;display:grid}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]>[data-part-heading]{grid-column:1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]>[data-part-subheading]{grid-column:1/-1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]:has(>[data-ui-toolbar][data-overflow=menu]){min-inline-size:calc(var(--slotted-control-height-md,34px) + 2 * var(--slotted-toolbar-inset,max(var(--slotted-space-2,.25rem), calc(var(--slotted-focus-ring-offset,2px) + var(--slotted-focus-ring-width,2px)))));flex:1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]>[data-ui-toolbar][data-overflow=menu]{flex:1;justify-content:safe flex-end}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-navigation]{border-inline-start:var(--_rule-size) solid var(--_rule);align-items:center;gap:var(--slotted-control-gap-sm,6px);padding-block:var(--slotted-space-2,.25rem);flex:none;margin-inline-start:auto;padding-inline-start:var(--slotted-space-4,.5rem);display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-navigation]:dir(rtl) :is(svg,[data-ui-icon]){scale:-1 1}[data-ui-page-header]>*>[data-part-header-area]{overflow-anchor:none;min-inline-size:0;transition:grid-template-rows var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing);grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);display:grid}[data-ui-page-header]>*>[data-part-header-area]:not(:has([data-part-figure])){grid-template-columns:minmax(0,1fr)}[data-ui-page-header]>*>[data-part-header-area]>*{min-block-size:0}[data-ui-page-header]:not([data-expanded]):not([data-scrolled])>*>[data-part-header-area]{opacity:0;grid-template-rows:0fr}[data-ui-page-header]:not([data-expanded]):not([data-scrolled])>*>[data-part-header-area]>*{overflow:clip}[data-ui-page-header]>*>[data-part-header-area]>[data-part-figure]{padding-block-end:var(--_padding-block);padding-inline-end:var(--slotted-space-6,1rem);display:flex}[data-ui-page-header]>*>[data-part-header-area]>[data-part-content]{gap:var(--_gap);min-inline-size:0;flex-direction:column;padding-block-end:var(--_padding-block);display:flex}[data-ui-page-header]>*>[data-part-header-area]>[data-part-content]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-md,.875rem);-webkit-line-clamp:3;line-height:var(--slotted-line-height-md,1.5);max-inline-size:var(--_description-measure);text-wrap:pretty;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}[data-ui-page-header]:has([data-part-controls]>*)>*>[data-part-header-area]>[data-part-figure],[data-ui-page-header]:has([data-part-controls]>*)>*>[data-part-header-area]>[data-part-content]{padding-block-end:calc(var(--_padding-block) + var(--_control-size) / 2)}[data-ui-page-header]:not([data-expanded]):not([data-scrolled])>*>[data-part-header-area]>*{padding-block:0}[data-ui-page-header]>*>[data-part-controls]{z-index:4;block-size:0;position:relative}[data-ui-page-header]:has(>*>[data-part-tabs]:not(:empty))>*>[data-part-controls]:before{border-block-start:var(--_rule-size) solid var(--_rule);content:"";position:absolute;inset-block-start:0;inset-inline:-50vw}[data-ui-page-header]>*>[data-part-controls]>*{background-color:var(--_surface);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-full,9999px);gap:var(--slotted-space-1,.125rem);inline-size:max-content;padding:var(--slotted-space-1,.125rem);margin-inline:auto;display:inline-flex;position:absolute;inset-block-start:0;inset-inline:0;translate:0 -50%}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle],[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px);appearance:none;block-size:var(--_control-size);border-radius:var(--slotted-radius-full,9999px);color:var(--_muted);cursor:pointer;inline-size:var(--_control-size);min-block-size:var(--slotted-target-min,24px);min-inline-size:var(--slotted-target-min,24px);transition:background-color var(--slotted-duration-short) var(--_easing), color var(--slotted-duration-short) var(--_easing);background-color:#0000;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]>[data-ui-icon]{transition:rotate var(--slotted-duration-short) var(--_easing)}[data-ui-page-header][data-expanded]>*>[data-part-controls]>*>[data-part-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-page-header][data-tall]>*>[data-part-controls]>*>[data-part-pin]{display:none}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin][data-pressed]{background-color:var(--slotted-tone-accent-surface,transparent);color:var(--slotted-tone-accent-text,LinkText)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin][data-pressed]:not(:disabled):hover{background-color:var(--slotted-tone-accent-subtle-hover,ButtonFace);color:var(--slotted-tone-accent-text,LinkText)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]:not(:disabled):hover,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]:not(:disabled):hover{background-color:var(--slotted-tone-secondary-subtle-hover,ButtonFace);color:var(--_text)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]:not(:disabled):active,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]:not(:disabled):active{background-color:var(--slotted-tone-secondary-subtle-active,ButtonFace)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]:focus-visible,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]: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-page-header]>*>[data-part-controls]>*>[data-part-toggle]:disabled,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:default}[data-ui-page-header]>*>[data-part-tabs]{--slotted-tabs-track-color:transparent;min-inline-size:0;padding-block-start:calc(var(--_control-size) / 2 + var(--slotted-space-2,.25rem))}[data-ui-page-header]>*>[data-part-tabs]:empty{display:none}[data-ui-page-header]>*>[data-part-controls]:empty+[data-part-tabs]{padding-block-start:0}[data-ui-page-header][data-expanded]>*>[data-part-title-area] [data-part][data-when=snapped][data-when],[data-ui-page-header]:not([data-expanded])>*>[data-part-title-area] [data-part][data-when=expanded][data-when]{display:none}[data-ui-page-header][data-loading]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-heading]{--slotted-skeleton-inline-size:24ch;flex:0 auto}[data-ui-page-header][data-loading]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{--slotted-skeleton-inline-size:32ch}[data-ui-page-header][data-loading]>*>[data-part-header-area]>[data-part-content]>[data-part-description]{--slotted-skeleton-inline-size:40ch}[data-ui-page-header]>*>[data-part-progress]{block-size:var(--_rule-size);pointer-events:none;z-index:3;order:1;grid-column:full;margin-block-end:calc(-1 * var(--_rule-size));position:relative}[data-ui-page-header]:has(>*>[data-part-controls]):has(>*>[data-part-tabs]:not(:empty))>*>[data-part-tabs]{order:2}[data-ui-page-header][data-loading]>*>[data-part-progress],[aria-busy=true] [data-ui-page-header]>*>[data-part-progress]{display:none}@container page-header (width<600px){[data-ui-page-header]{--_heading-size:var(--slotted-page-header-heading-size-sm,var(--slotted-font-size-xl,1.125rem));--_heading-line-height:var(--slotted-line-height-xl,1.45);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-sm,var(--slotted-font-size-md,.875rem));--_snapped-heading-line-height:var(--slotted-line-height-md,1.5)}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]~[data-part-breadcrumbs]{display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]:has(~[data-part-breadcrumbs]:not(:empty)){display:inline-flex}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]{display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]{flex:1 1 0;min-inline-size:60%}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]{flex:auto;justify-content:flex-end}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-marks]{flex-basis:100%}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]>[data-part-marks]{grid-column:1/-1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{text-overflow:ellipsis;white-space:nowrap;display:block}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-navigation]{border-inline-start:0;padding-inline-start:0}[data-ui-page-header]>*>[data-part-header-area]{grid-template-columns:minmax(0,1fr)}[data-ui-page-header]>*>[data-part-header-area]>[data-part-figure]{padding-block-end:var(--_gap);padding-inline-end:0}}}
16
+ @layer slotted.components{[data-ui-page-header]{--_surface:var(--slotted-page-header-background,var(--slotted-surface,Canvas));--_ground:var(--_surface);--_sticky-inset:0px;--_rule:var(--slotted-page-header-border,var(--slotted-border-subtle,ButtonBorder));--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_gap:var(--slotted-page-header-gap,var(--slotted-space-4,.5rem));--_padding-block:var(--slotted-page-header-padding-block,var(--slotted-space-5,.75rem));--_heading-size:var(--slotted-page-header-heading-size-md,var(--slotted-font-size-2xl,1.25rem));--_heading-line-height:var(--slotted-line-height-2xl,1.4);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-md,var(--slotted-font-size-lg,1rem));--_snapped-heading-line-height:var(--slotted-line-height-lg,1.5);--_subheading-size:var(--slotted-font-size-md,.875rem);--_description-measure:var(--slotted-page-header-description-measure,70ch);--_control-size:var(--slotted-page-header-control-size,var(--slotted-control-height-sm,30px));--_icon-size:var(--slotted-control-icon-size-sm,14px);--_rule-size:var(--slotted-border-width-thin,1px);--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,cubic-bezier(.2, 0, 0, 1));--_ground-transition:background-color var(--slotted-page-header-ground-duration,var(--_duration)) var(--slotted-page-header-ground-easing,var(--_easing));background-color:var(--_ground);color:var(--_text);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);inline-size:100%;overflow-anchor:none;min-inline-size:0;transition:inset-block-start var(--_duration) var(--_easing), var(--_ground-transition);z-index:calc(var(--slotted-z-index-sticky,100) + 3);border-block-end:var(--_rule-size) solid var(--_rule);position:sticky;inset-block-start:calc(var(--_sticky-inset) - var(--slotted-page-header-collapse,0px));overflow-x:clip;container:page-header/inline-size}[data-ui-page-header][data-size=sm]{--_heading-size:var(--slotted-page-header-heading-size-sm,var(--slotted-font-size-xl,1.125rem));--_heading-line-height:var(--slotted-line-height-xl,1.45);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-sm,var(--slotted-font-size-md,.875rem));--_snapped-heading-line-height:var(--slotted-line-height-md,1.5)}[data-ui-page-header][data-size=lg]{--_heading-size:var(--slotted-page-header-heading-size-lg,var(--slotted-font-size-3xl,1.5rem));--_heading-line-height:var(--slotted-line-height-3xl,1.3);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-lg,var(--slotted-font-size-xl,1.125rem));--_snapped-heading-line-height:var(--slotted-line-height-xl,1.45)}[data-ui-page-header][data-revealed],[data-ui-page-header][data-collapse=manual],[data-ui-page-header]:has([data-part-pin][data-pressed]){inset-block-start:var(--_sticky-inset)}[data-ui-page-header][data-variant=plain]:not([data-stuck]){--_ground:transparent}[data-ui-page-header][data-variant=floating]{--_radius:var(--slotted-page-header-radius,var(--slotted-radius-lg,8px));border:var(--_rule-size) solid var(--_rule);border-radius:var(--_radius);box-sizing:border-box}[data-ui-page-header][data-variant=floating]>*>[data-part-title-area]{transition:inset-block-start var(--_duration) var(--_easing), var(--_ground-transition);border-start-start-radius:calc(var(--_radius) - var(--_rule-size));border-start-end-radius:calc(var(--_radius) - var(--_rule-size))}[data-ui-page-header][data-variant=floating][data-stuck]{--_sticky-inset:var(--slotted-page-header-inset,var(--slotted-space-4,.5rem));box-shadow:var(--slotted-page-header-shadow,var(--slotted-shadow-sm))}[data-ui-page-header][data-compact],[data-ui-page-header][data-compact]>*>[data-part-title-area]{position:relative;inset-block-start:0}[data-ui-page-header]>*>[data-part-title-area]{background-color:var(--_ground);gap:var(--slotted-space-3,.375rem);overflow-anchor:none;padding-block:var(--_padding-block) var(--slotted-space-4,.5rem);transition:var(--_ground-transition);z-index:2;flex-direction:column;display:flex;position:sticky;inset-block-start:var(--_sticky-inset)}[data-ui-page-header]:not(:has(>*>[data-part-header-area]))>*>[data-part-title-area]{background-color:#0000}[data-ui-page-header][data-stuck]{-webkit-backdrop-filter:var(--slotted-page-header-backdrop-filter,var(--_backdrop,none));backdrop-filter:var(--slotted-page-header-backdrop-filter,var(--_backdrop,none))}[data-ui-page-header][data-material][data-stuck]{--_ground:var(--slotted-page-header-background,var(--slotted-surface-material,var(--_surface)));--_backdrop:var(--slotted-material-backdrop,none)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-page-header][data-stuck]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-page-header]:has([data-part-controls]>*)>*>[data-part-title-area]{padding-block-end:calc(var(--slotted-space-4,.5rem) + var(--_control-size) / 2)}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);align-items:center;gap:var(--slotted-space-5,.75rem);line-height:var(--slotted-line-height-sm,1.45);min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]:empty,[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]:has(~[data-part-breadcrumbs]:not(:empty)){display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]{--slotted-icon-size:var(--_icon-size);border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium,500);align-items:center;gap:var(--slotted-control-gap-sm,6px);min-block-size:var(--slotted-target-min,24px);transition:color var(--slotted-duration-short) var(--_easing);background:0 0;border:0;flex:none;margin:0;padding:0;text-decoration:none;display:inline-flex}@media (pointer:coarse){[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]{--_reach:max(0px, calc((var(--slotted-target-comfortable,44px) - var(--slotted-target-min,24px)) / 2));margin-block:calc(var(--_reach) * -1);padding-block:var(--_reach)}}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]:not([data-disabled]):not(:disabled):hover{color:var(--_text)}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]: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-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-breadcrumbs]{min-inline-size:0}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]{align-items:flex-start;gap:var(--_gap) var(--slotted-space-6,1rem);flex-wrap:wrap;min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-visual]{flex:none;align-self:flex-start;align-items:center;display:inline-flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]{align-items:center;column-gap:var(--slotted-space-4,.5rem);min-block-size:var(--slotted-control-height-md,34px);row-gap:var(--slotted-space-1,.125rem);flex-wrap:wrap;flex:20rem;min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-heading]{color:var(--_text);font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--_heading-size);font-weight:var(--slotted-font-weight-semibold,600);letter-spacing:-.01em;-webkit-line-clamp:2;line-height:var(--_heading-line-height);overflow-wrap:anywhere;text-wrap:pretty;-webkit-box-orient:vertical;min-inline-size:0;margin:0;display:-webkit-box;overflow:hidden}[data-ui-page-header]:not([data-expanded])>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-heading]{font-size:var(--_snapped-heading-size);line-height:var(--_snapped-heading-line-height);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;display:block}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-marks]{align-items:center;gap:var(--slotted-space-2,.25rem);flex-wrap:wrap;min-inline-size:0;display:inline-flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-marks]:empty{display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{color:var(--_muted);font-size:var(--_subheading-size);-webkit-line-clamp:2;line-height:var(--slotted-line-height-md,1.5);text-wrap:pretty;-webkit-box-orient:vertical;flex-basis:100%;min-inline-size:0;margin:0;display:-webkit-box;overflow:hidden}[data-ui-page-header]:not([data-expanded])>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;flex:0 auto;min-inline-size:0;display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]>[data-ui-toolbar]:not([data-variant=outline]){margin-block:calc(-1 * var(--slotted-toolbar-inset,var(--slotted-space-2,.25rem)))}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]>[data-ui-toolbar]:not([data-variant=outline]):is([data-overflow=menu],[data-overflow=scroll]){margin-block:calc(-1 * var(--slotted-toolbar-inset,max(var(--slotted-space-2,.25rem), calc(var(--slotted-focus-ring-offset,2px) + var(--slotted-focus-ring-width,2px)))))}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu]){flex-wrap:nowrap}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]{flex:0 auto;grid-template-columns:minmax(0,auto) auto;justify-content:start;align-items:center;display:grid}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]>[data-part-heading]{grid-column:1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]>[data-part-subheading]{grid-column:1/-1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]:has(>[data-ui-toolbar][data-overflow=menu]){min-inline-size:calc(var(--slotted-control-height-md,34px) + 2 * var(--slotted-toolbar-inset,max(var(--slotted-space-2,.25rem), calc(var(--slotted-focus-ring-offset,2px) + var(--slotted-focus-ring-width,2px)))));flex:1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]>[data-ui-toolbar][data-overflow=menu]{flex:1;justify-content:safe flex-end}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-navigation]{border-inline-start:var(--_rule-size) solid var(--_rule);align-items:center;gap:var(--slotted-control-gap-sm,6px);padding-block:var(--slotted-space-2,.25rem);flex:none;margin-inline-start:auto;padding-inline-start:var(--slotted-space-4,.5rem);display:flex}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-navigation]:dir(rtl) :is(svg,[data-ui-icon]){scale:-1 1}[data-ui-page-header]>*>[data-part-header-area]{overflow-anchor:none;min-inline-size:0;transition:grid-template-rows var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing);grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);display:grid}[data-ui-page-header]>*>[data-part-header-area]:not(:has([data-part-figure])){grid-template-columns:minmax(0,1fr)}[data-ui-page-header]>*>[data-part-header-area]>*{min-block-size:0}[data-ui-page-header]:not([data-expanded]):not([data-scrolled])>*>[data-part-header-area]{opacity:0;grid-template-rows:0fr}[data-ui-page-header]:not([data-expanded]):not([data-scrolled])>*>[data-part-header-area]>*{overflow:clip}[data-ui-page-header]>*>[data-part-header-area]>[data-part-figure]{padding-block-end:var(--_padding-block);padding-inline-end:var(--slotted-space-6,1rem);display:flex}[data-ui-page-header]>*>[data-part-header-area]>[data-part-content]{gap:var(--_gap);min-inline-size:0;flex-direction:column;padding-block-end:var(--_padding-block);display:flex}[data-ui-page-header]>*>[data-part-header-area]>[data-part-content]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-md,.875rem);-webkit-line-clamp:3;line-height:var(--slotted-line-height-md,1.5);max-inline-size:var(--_description-measure);text-wrap:pretty;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}[data-ui-page-header]:has([data-part-controls]>*)>*>[data-part-header-area]>[data-part-figure],[data-ui-page-header]:has([data-part-controls]>*)>*>[data-part-header-area]>[data-part-content]{padding-block-end:calc(var(--_padding-block) + var(--_control-size) / 2)}[data-ui-page-header]:not([data-expanded]):not([data-scrolled])>*>[data-part-header-area]>*{padding-block:0}[data-ui-page-header]>*>[data-part-controls]{z-index:4;block-size:0;position:relative}[data-ui-page-header]:has(>*>[data-part-tabs]:not(:empty))>*>[data-part-controls]:before{border-block-start:var(--_rule-size) solid var(--_rule);content:"";position:absolute;inset-block-start:0;inset-inline:-50vw}[data-ui-page-header]>*>[data-part-controls]>*{background-color:var(--_surface);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-full,9999px);gap:var(--slotted-space-1,.125rem);inline-size:max-content;padding:var(--slotted-space-1,.125rem);margin-inline:auto;display:inline-flex;position:absolute;inset-block-start:0;inset-inline:0;translate:0 -50%}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle],[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px);appearance:none;block-size:var(--_control-size);border-radius:var(--slotted-radius-full,9999px);color:var(--_muted);cursor:pointer;inline-size:var(--_control-size);min-block-size:var(--slotted-target-min,24px);min-inline-size:var(--slotted-target-min,24px);transition:background-color var(--slotted-duration-short) var(--_easing), color var(--slotted-duration-short) var(--_easing);background-color:#0000;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]>[data-ui-icon]{transition:rotate var(--slotted-duration-short) var(--_easing)}[data-ui-page-header][data-expanded]>*>[data-part-controls]>*>[data-part-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-page-header][data-tall]>*>[data-part-controls]>*>[data-part-pin]{display:none}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin][data-pressed]{background-color:var(--slotted-tone-accent-surface,transparent);color:var(--slotted-tone-accent-text,LinkText)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin][data-pressed]:not(:disabled):hover{background-color:var(--slotted-tone-accent-subtle-hover,ButtonFace);color:var(--slotted-tone-accent-text,LinkText)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]:not(:disabled):hover,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]:not(:disabled):hover{background-color:var(--slotted-tone-secondary-subtle-hover,ButtonFace);color:var(--_text)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]:not(:disabled):active,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]:not(:disabled):active{background-color:var(--slotted-tone-secondary-subtle-active,ButtonFace)}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-toggle]:focus-visible,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]: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-page-header]>*>[data-part-controls]>*>[data-part-toggle]:disabled,[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:default}[data-ui-page-header]>*>[data-part-tabs]{--slotted-tabs-track-color:transparent;min-inline-size:0;padding-block-start:calc(var(--_control-size) / 2 + var(--slotted-space-2,.25rem))}[data-ui-page-header]>*>[data-part-tabs]:empty{display:none}[data-ui-page-header]>*>[data-part-controls]:empty+[data-part-tabs]{padding-block-start:0}[data-ui-page-header][data-expanded]>*>[data-part-title-area] [data-part][data-when=snapped][data-when],[data-ui-page-header]:not([data-expanded])>*>[data-part-title-area] [data-part][data-when=expanded][data-when]{display:none}[data-ui-page-header][data-loading]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-heading]{--slotted-skeleton-inline-size:24ch;flex:0 auto}[data-ui-page-header][data-loading]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{--slotted-skeleton-inline-size:32ch}[data-ui-page-header][data-loading]>*>[data-part-header-area]>[data-part-content]>[data-part-description]{--slotted-skeleton-inline-size:40ch}[data-ui-page-header]>*>[data-part-progress]{block-size:var(--_rule-size);pointer-events:none;z-index:3;order:1;grid-column:full;margin-block-end:calc(-1 * var(--_rule-size));position:relative}[data-ui-page-header]:has(>*>[data-part-controls]):has(>*>[data-part-tabs]:not(:empty))>*>[data-part-tabs]{order:2}[data-ui-page-header][data-loading]>*>[data-part-progress],[aria-busy=true] [data-ui-page-header]>*>[data-part-progress]{display:none}@container page-header (width<600px){[data-ui-page-header]{--_heading-size:var(--slotted-page-header-heading-size-sm,var(--slotted-font-size-xl,1.125rem));--_heading-line-height:var(--slotted-line-height-xl,1.45);--_snapped-heading-size:var(--slotted-page-header-snapped-heading-size-sm,var(--slotted-font-size-md,.875rem));--_snapped-heading-line-height:var(--slotted-line-height-md,1.5)}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]~[data-part-breadcrumbs]{display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-nav]>[data-part-back]:has(~[data-part-breadcrumbs]:not(:empty)){display:inline-flex}[data-ui-page-header]>*>[data-part-controls]>*>[data-part-pin]{display:none}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]{flex:1 1 0;min-inline-size:60%}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-actions]{flex:auto;justify-content:flex-end}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-marks]{flex-basis:100%}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu])>[data-part-title]>[data-part-marks]{grid-column:1/-1}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-actions]>[data-ui-toolbar][data-overflow=menu]):has(>[data-part-visual],>[data-part-title]>:is([data-part-subheading],[data-part-marks]:not(:empty))){flex-wrap:wrap}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]:has(>[data-part-visual],>[data-part-title]>:is([data-part-subheading],[data-part-marks]:not(:empty)))>[data-part-actions]:has(>[data-ui-toolbar][data-overflow=menu]){flex:100%}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-title]>[data-part-subheading]{text-overflow:ellipsis;white-space:nowrap;display:block}[data-ui-page-header]>*>[data-part-title-area]>[data-part-title-row]>[data-part-navigation]{border-inline-start:0;padding-inline-start:0}[data-ui-page-header]>*>[data-part-header-area]{grid-template-columns:minmax(0,1fr)}[data-ui-page-header]>*>[data-part-header-area]>[data-part-figure]{padding-block-end:var(--_gap);padding-inline-end:0}}}