@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/detail-panel.css CHANGED
@@ -9,16 +9,16 @@
9
9
 
10
10
  @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}}
11
11
 
12
- @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)}}}
12
+ @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)}}}
13
13
 
14
14
  @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}}
15
15
 
16
16
  @property --slotted-progress-indicator-percent{syntax:"<number>";inherits:true;initial-value:0}@property --slotted-progress-indicator-buffer-percent{syntax:"<number>";inherits:true;initial-value:0}@property --slotted-progress-indicator-travel-start{syntax:"<number>";inherits:true;initial-value:0}@property --slotted-progress-indicator-travel-size{syntax:"<number>";inherits:true;initial-value:100}@property --slotted-progress-indicator-wave-phase{syntax:"<number>";inherits:true;initial-value:0}@property --slotted-progress-indicator-wave-amplitude{syntax:"<number>";inherits:true;initial-value:1}@layer slotted.components{[data-ui-progress-indicator][data-part-root]{--_ink:var(--slotted-progress-indicator-indicator-color,var(--slotted-tone-accent-text));--_track-color:var(--slotted-progress-indicator-track-color,color-mix(in oklab, var(--_ink) 24%, var(--slotted-surface)));--_buffer-color:var(--slotted-progress-indicator-buffer-color,transparent);--_percent:var(--slotted-progress-indicator-percent,0);--_buffer-percent:var(--slotted-progress-indicator-buffer-percent,0);--_lead:max(var(--_percent), var(--_buffer-percent));--_font-size:var(--slotted-control-font-size-md,13px);--_text-gap:var(--slotted-space-4,.5rem);--_row-gap:var(--slotted-space-3,.375rem);--_thickness:var(--slotted-progress-indicator-thickness,var(--slotted-space-3,.375rem));--_size:var(--slotted-progress-indicator-size,var(--slotted-control-height-md,34px));--_radius:var(--slotted-progress-indicator-radius,var(--slotted-radius-full,9999px));--_gap:var(--slotted-progress-indicator-gap,var(--_thickness));font-family:var(--slotted-control-font-family,sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md,1.5);--_settle:calc(4 * var(--slotted-duration-long));--_spring:linear(0, .078, .235, .401, .549, .669, .762, .831, .882, .918, .944, .962, .974, .982, .988, .992, .995, .996, .998, .998, 1);min-inline-size:0;transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring), --slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring)}[data-ui-progress-indicator][hidden]{display:none}[data-ui-progress-indicator][data-part-root][data-tone=secondary]{--_ink:var(--slotted-progress-indicator-indicator-color,var(--slotted-border-strong))}[data-ui-progress-indicator][data-part-root][data-tone=success]{--_ink:var(--slotted-progress-indicator-indicator-color,var(--slotted-tone-success-text))}[data-ui-progress-indicator][data-part-root][data-tone=info]{--_ink:var(--slotted-progress-indicator-indicator-color,var(--slotted-tone-info-text))}[data-ui-progress-indicator][data-part-root][data-tone=warning]{--_ink:var(--slotted-progress-indicator-indicator-color,var(--slotted-tone-warning-text))}[data-ui-progress-indicator][data-part-root][data-tone=danger]{--_ink:var(--slotted-progress-indicator-indicator-color,var(--slotted-tone-danger-text))}[data-ui-progress-indicator][data-part-root][data-buffered]{--_buffer-color:var(--slotted-progress-indicator-buffer-color,color-mix(in oklab, var(--_ink) 52%, var(--slotted-surface)))}[data-ui-progress-indicator][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_text-gap:var(--slotted-space-3,.375rem);--_thickness:var(--slotted-progress-indicator-thickness,var(--slotted-space-2,.25rem));--_size:var(--slotted-progress-indicator-size,var(--slotted-control-height-sm,30px))}[data-ui-progress-indicator][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_row-gap:var(--slotted-space-4,.5rem);--_thickness:var(--slotted-progress-indicator-thickness,var(--slotted-space-4,.5rem));--_size:var(--slotted-progress-indicator-size,var(--slotted-control-height-lg,38px))}[data-ui-progress-indicator] [data-part-label]{color:var(--slotted-text,CanvasText);overflow-wrap:break-word;min-inline-size:0}[data-ui-progress-indicator] [data-part-value]{color:var(--slotted-text-muted,GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-progress-indicator][data-part-root][data-shape=linear]{align-items:baseline;column-gap:var(--_text-gap);row-gap:var(--_row-gap);grid-template-columns:1fr auto;display:grid}[data-ui-progress-indicator][data-shape=linear]>[data-part-label]{grid-column:1}[data-ui-progress-indicator][data-shape=linear]>[data-part-value]{grid-column:2;justify-self:end}[data-ui-progress-indicator][data-shape=linear]>[data-part-track]{grid-column:1/-1}[data-ui-progress-indicator][data-shape=linear] [data-part-track]{background-color:var(--_buffer-color);block-size:var(--_thickness);border-radius:var(--_radius);isolation:isolate;inline-size:100%;position:relative;overflow:clip visible}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before{background-color:var(--_track-color);border-radius:inherit;content:"";position:absolute;inset-block:0;inset-inline-start:calc(1% * var(--_lead) + var(--_gap));inset-inline-end:0}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{background-color:var(--_ink);border-radius:var(--slotted-radius-full,9999px);content:"";inline-size:var(--_thickness);position:absolute;inset-block:0;inset-inline-end:0}[data-ui-progress-indicator][data-shape=linear] [data-part-indicator]{background-color:var(--_ink);border-radius:inherit;block-size:100%;inline-size:calc(1% * var(--_percent));position:relative}@container style(--slotted-progress-indicator-percent:100){[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before,[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{content:none}}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-track]:before{inset-inline-start:0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-track]:after{content:none}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]{animation:slotted-progress-indicator-glide var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;transform-origin:0;inline-size:100%;position:absolute;inset-block:0;inset-inline-start:0;translate:-14%;scale:.14 1}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]:dir(rtl){transform-origin:100%;animation-name:slotted-progress-indicator-glide-rtl;translate:14%}@keyframes slotted-progress-indicator-glide{0%{translate:-14%;scale:.14 1}45%{scale:.46 1}to{translate:100%;scale:.14 1}}@keyframes slotted-progress-indicator-glide-rtl{0%{translate:14%;scale:.14 1}45%{scale:.46 1}to{translate:-100%;scale:.14 1}}@keyframes slotted-progress-indicator-travel{0%{--slotted-progress-indicator-travel-size:14;--slotted-progress-indicator-travel-start:-14}45%{--slotted-progress-indicator-travel-size:46}to{--slotted-progress-indicator-travel-size:14;--slotted-progress-indicator-travel-start:100}}[data-ui-progress-indicator][data-part-root][data-placement=page]{--_radius:var(--slotted-progress-indicator-radius,var(--slotted-radius-none,0px));--_track-color:var(--slotted-progress-indicator-track-color,transparent);--_gap:var(--slotted-progress-indicator-gap,0);z-index:var(--slotted-z-index-sticky,100);position:fixed;inset-block-start:0;inset-inline:0}[data-ui-progress-indicator][data-placement=page] [data-part-track]:after{content:none}[data-ui-progress-indicator][data-part-root]:is([data-placement=edge-start],[data-placement=edge-end]){--_radius:var(--slotted-progress-indicator-radius,var(--slotted-radius-none,0px));--_track-color:var(--slotted-progress-indicator-track-color,transparent);--_gap:var(--slotted-progress-indicator-gap,0);position:var(--slotted-progress-indicator-position,absolute);inset-inline:0}[data-ui-progress-indicator][data-part-root][data-placement=edge-start]{inset-block-start:0}[data-ui-progress-indicator][data-part-root][data-placement=edge-end]{inset-block-end:0}[data-ui-progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part-track]:after{content:none}[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){--_withdrawn:inset(0 0 100% 0);clip-path:inset(0);transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring), --slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring), clip-path var(--slotted-duration-medium) var(--slotted-easing-enter), opacity var(--slotted-duration-medium) var(--slotted-easing-enter);@starting-style{clip-path:var(--_withdrawn);opacity:0}}[data-ui-progress-indicator][data-part-root][data-placement=edge-end]{--_withdrawn:inset(100% 0 0 0)}[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end])[hidden]{clip-path:var(--_withdrawn);opacity:0;transition:clip-path var(--slotted-duration-short) var(--slotted-easing-exit), opacity var(--slotted-duration-short) var(--slotted-easing-exit), display var(--slotted-duration-short) allow-discrete}[data-ui-progress-indicator][data-part-root][data-shape=circular],[data-ui-progress-indicator][data-part-root][data-shape=morph]{align-items:center;column-gap:var(--_text-gap);display:inline-flex}[data-ui-progress-indicator][data-shape=circular] svg{--_stroke:var(--slotted-progress-indicator-stroke,6);block-size:var(--_size);inline-size:var(--_size);flex:none;rotate:-90deg}[data-ui-progress-indicator][data-shape=circular] [data-part-track],[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{fill:none;stroke-linecap:round;stroke-width:var(--_stroke)}[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{stroke:var(--_ink);stroke-dasharray:var(--_percent) 100;stroke-opacity:clamp(0, calc(var(--_percent) * 1000), 1)}[data-ui-progress-indicator][data-shape=circular] [data-part-track]{--_arc-gap:calc(3.2 * clamp(0, calc(var(--_percent) * 1000), 1));stroke:var(--_track-color);stroke-dasharray:calc(100 - var(--_percent) - 2 * var(--_arc-gap)) 100;stroke-dashoffset:calc(-1 * (var(--_percent) + var(--_arc-gap)))}@container style(--slotted-progress-indicator-percent:100){[data-ui-progress-indicator][data-shape=circular] [data-part-track]{stroke:#0000}}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-track]{stroke:#0000}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] svg{animation:slotted-progress-indicator-turn var(--slotted-duration-loop) linear infinite}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-indicator]{animation:slotted-progress-indicator-sweep var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;stroke-opacity:1;transition:none}@keyframes slotted-progress-indicator-turn{0%{rotate:-90deg}to{rotate:270deg}}@keyframes slotted-progress-indicator-sweep{0%{stroke-dasharray:4 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-18px}to{stroke-dasharray:4 100;stroke-dashoffset:-100px}}[data-ui-progress-indicator][data-part-root][data-wave]{--slotted-progress-indicator-wave-amplitude:min(clamp(0, calc((var(--_percent) - 6) / 10), 1), clamp(0, calc((96 - var(--_percent)) / 12), 1));animation:slotted-progress-indicator-wave var(--slotted-duration-loop) linear infinite}[data-ui-progress-indicator][data-part-root][data-wave][data-indeterminate]{--slotted-progress-indicator-wave-amplitude:1}@keyframes slotted-progress-indicator-wave{0%{--slotted-progress-indicator-wave-phase:0}to{--slotted-progress-indicator-wave-phase:1}}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-track]{margin-block:calc(.75 * var(--_thickness));container-type:inline-size}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]{--_wave-length:10;block-size:calc(2.5 * var(--_thickness));inline-size:calc(1200 * var(--_thickness));inset-block:calc(-.75 * var(--_thickness)) auto;background-color:#0000;position:absolute;inset-inline-start:0;overflow:visible}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]:dir(rtl){transform:scaleX(-1)}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator] path{--_track-units:tan(atan2(100cqi, var(--_thickness)));--_window-start:0;--_window-size:var(--_percent);--_hidden:calc(var(--slotted-progress-indicator-wave-phase) * var(--_wave-length));fill:none;stroke:var(--_ink);stroke-dasharray:max(0, calc(var(--_window-size) * var(--_track-units) / 100 - 1)) 100000;stroke-dashoffset:calc(-1 * (var(--_hidden) + var(--_window-start) * var(--_track-units) / 100 + .5));stroke-linecap:round;stroke-opacity:clamp(0, calc(var(--_window-size) * 1000), 1);stroke-width:1px;transform:translateX(calc(-1 * var(--_hidden) * 1px))}[data-ui-progress-indicator][data-shape=linear][data-wave]:not([data-indeterminate]) [data-part-indicator] path{animation:slotted-progress-indicator-flatten-bar var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui-progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part-indicator]{--_wave-length:5;animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite}[data-ui-progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part-indicator] path{--_window-start:var(--slotted-progress-indicator-travel-start);--_window-size:var(--slotted-progress-indicator-travel-size)}[data-ui-progress-indicator][data-shape=circular][data-wave] svg{--_stroke:var(--slotted-progress-indicator-stroke,5);block-size:calc(1.2 * var(--_size));inline-size:calc(1.2 * var(--_size));overflow:visible}[data-ui-progress-indicator][data-shape=circular][data-wave] [data-part-indicator]{rotate:calc(-45deg * var(--slotted-progress-indicator-wave-phase));stroke-dasharray:var(--_percent) calc(100 - var(--_percent));stroke-dashoffset:calc(-12.5 * var(--slotted-progress-indicator-wave-phase));transform-box:view-box;transform-origin:50%}[data-ui-progress-indicator][data-shape=circular][data-wave]:not([data-indeterminate]) [data-part-indicator]{animation:slotted-progress-indicator-flatten-ring var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui-progress-indicator][data-part-root][data-wave]{--_scrub:var(--slotted-duration-long);--_taper:cubic-bezier(.45, 0, .55, 1)}@keyframes slotted-progress-indicator-flatten-bar{0%{d:path("M0-0.75c1.82 0 3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5")}to{d:path("M0 0c1.82 0 3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0")}}@keyframes slotted-progress-indicator-flatten-ring{0%{d:path("M45.6 24C45.6 26.83 41.92 28.82 41 31.04C40.08 33.27 41.27 37.27 39.27 39.27C37.27 41.27 33.27 40.08 31.04 41C28.82 41.92 26.83 45.6 24 45.6C21.17 45.6 19.18 41.92 16.96 41C14.73 40.08 10.73 41.27 8.73 39.27C6.73 37.27 7.92 33.27 7 31.04C6.08 28.82 2.4 26.83 2.4 24C2.4 21.17 6.08 19.18 7 16.96C7.92 14.73 6.73 10.73 8.73 8.73C10.73 6.73 14.73 7.92 16.96 7C19.18 6.08 21.17 2.4 24 2.4C26.83 2.4 28.82 6.08 31.04 7C33.27 7.92 37.27 6.73 39.27 8.73C41.27 10.73 40.08 14.73 41 16.96C41.92 19.18 45.6 21.17 45.6 24Z")}to{d:path("M44 24C44 26.62 43.48 29.23 42.48 31.65C41.48 34.07 39.99 36.29 38.14 38.14C36.29 39.99 34.07 41.48 31.65 42.48C29.23 43.48 26.62 44 24 44C21.38 44 18.77 43.48 16.35 42.48C13.93 41.48 11.71 39.99 9.86 38.14C8.01 36.29 6.52 34.07 5.52 31.65C4.52 29.23 4 26.62 4 24C4 21.38 4.52 18.77 5.52 16.35C6.52 13.93 8.01 11.71 9.86 9.86C11.71 8.01 13.93 6.52 16.35 5.52C18.77 4.52 21.38 4 24 4C26.62 4 29.23 4.52 31.65 5.52C34.07 6.52 36.29 8.01 38.14 9.86C39.99 11.71 41.48 13.93 42.48 16.35C43.48 18.77 44 21.38 44 24Z")}}[data-ui-progress-indicator][data-shape=morph] [data-part-track]{block-size:var(--_size);border-radius:var(--slotted-radius-full,9999px);inline-size:var(--_size);flex:none;place-items:center;display:grid}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-track]{background-color:var(--_track-color)}[data-ui-progress-indicator][data-shape=morph] [data-part-track]{animation:slotted-progress-indicator-drift calc(2 * var(--slotted-duration-loop-slow)) linear infinite}[data-ui-progress-indicator][data-shape=morph] [data-part-indicator]{animation:slotted-progress-indicator-morph calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite, slotted-progress-indicator-lurch calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite;background-color:var(--_ink);block-size:100%;inline-size:100%}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-indicator]{--_shape:round(nearest, calc(.79 * var(--_size)), 2px);block-size:var(--_shape);inline-size:var(--_shape)}@keyframes slotted-progress-indicator-drift{to{rotate:250deg}}@keyframes slotted-progress-indicator-lurch{0%{rotate:0deg}20%{rotate:90deg}40%{rotate:180deg}60%{rotate:270deg}80%{rotate:360deg}to{rotate:450deg}}@keyframes slotted-progress-indicator-morph{0%{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}20%{clip-path:polygon(50% 0%,59.3% 3.4%,65.9% 11.5%,69.9% 20.3%,73.6% 26.4%,79.7% 30.1%,88.5% 34.1%,96.6% 40.7%,100% 50%,96.6% 59.3%,88.5% 65.9%,79.7% 69.9%,73.6% 73.6%,69.9% 79.7%,65.9% 88.5%,59.3% 96.6%,50% 100%,40.7% 96.6%,34.1% 88.5%,30.1% 79.7%,26.4% 73.6%,20.3% 69.9%,11.5% 65.9%,3.4% 59.3%,0% 50%,3.4% 40.7%,11.5% 34.1%,20.3% 30.1%,26.4% 26.4%,30.1% 20.3%,34.1% 11.5%,40.7% 3.4%)}40%{clip-path:polygon(50% 6.9%,59.5% 2.1%,68.9% 4.3%,74.7% 13%,77% 23%,80.2% 29.8%,87.4% 34.5%,96% 40.8%,100% 50%,96% 59.2%,87.4% 65.5%,80.2% 70.2%,77% 77%,74.7% 87%,68.9% 95.7%,59.5% 97.9%,50% 93.1%,42.7% 86.7%,35.9% 83.9%,26.8% 84.7%,16.1% 83.9%,8.5% 77.7%,7.7% 67.5%,11.5% 57.7%,13.8% 50%,11.5% 42.3%,7.7% 32.5%,8.5% 22.3%,16.1% 16.1%,26.8% 15.3%,35.9% 16.1%,42.7% 13.3%)}60%{clip-path:polygon(50% 9.7%,56.8% 15.7%,62% 21%,67.1% 24.4%,73.7% 26.3%,82% 28.6%,90.7% 33.2%,97.4% 40.6%,100% 50%,97.4% 59.4%,90.7% 66.8%,82% 71.4%,73.7% 73.7%,67.1% 75.6%,62% 79%,56.8% 84.3%,50% 90.3%,41.1% 94.8%,31.1% 95.5%,22.3% 91.4%,16.6% 83.4%,14.9% 73.5%,16.2% 64%,18.3% 56.3%,19.4% 50%,18.3% 43.7%,16.2% 36%,14.9% 26.5%,16.6% 16.6%,22.3% 8.6%,31.1% 4.5%,41.1% 5.2%)}80%{clip-path:polygon(50% 23.1%,55.4% 22.7%,61.6% 22%,68.9% 21.7%,77.2% 22.8%,85.7% 26.2%,93.1% 32.2%,98.2% 40.4%,100% 50%,98.2% 59.6%,93.1% 67.8%,85.7% 73.8%,77.2% 77.2%,68.9% 78.3%,61.6% 78%,55.4% 77.3%,50% 76.9%,44.6% 77.3%,38.4% 78%,31.1% 78.3%,22.8% 77.2%,14.3% 73.8%,6.9% 67.8%,1.8% 59.6%,0% 50%,1.8% 40.4%,6.9% 32.2%,14.3% 26.2%,22.8% 22.8%,31.1% 21.7%,38.4% 22%,44.6% 22.7%)}to{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}}@media (prefers-reduced-motion:reduce){[data-ui-progress-indicator][data-part-root],[data-ui-progress-indicator] [data-part-indicator]:not(path),[data-ui-progress-indicator] [data-part-track],[data-ui-progress-indicator] svg{animation:none!important}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-indicator]{--slotted-progress-indicator-travel-size:46;--slotted-progress-indicator-travel-start:27}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]{translate:27%;scale:.46 1}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]:dir(rtl){translate:-27%}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-indicator]{stroke-dasharray:34 100}[data-ui-progress-indicator][data-part-root][data-wave]{animation:none}}@media (forced-colors:active){[data-ui-progress-indicator][data-shape=linear] [data-part-track]{outline:var(--slotted-border-width-thin,1px) solid ButtonBorder;outline-offset:calc(-1 * var(--slotted-border-width-thin,1px));background-color:canvas}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before,[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{content:none}[data-ui-progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part-track]{background-color:#0000;outline:none}[data-ui-progress-indicator] [data-part-indicator]{background-color:highlight}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]{background-color:#0000}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator] path{stroke:highlight}[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{stroke:highlight;background-color:#0000}[data-ui-progress-indicator][data-shape=circular] [data-part-track]{stroke:buttonborder}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-track]{background-color:canvas}}}
17
17
 
18
- @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}}}
18
+ @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}}}
19
19
 
20
20
  @layer slotted.components{[data-ui-section]{--_gap:var(--slotted-section-gap,var(--slotted-space-5,.75rem));--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_rule:var(--slotted-section-border,var(--slotted-border-subtle,ButtonBorder));--_heading-size:var(--slotted-section-heading-size-md,var(--slotted-font-size-xs,.75rem));--_heading-line-height:var(--slotted-line-height-xs,1.4);--_subheading-size:var(--slotted-section-subheading-size-md,var(--slotted-font-size-md,.875rem));--_subheading-line-height:var(--slotted-line-height-md,1.5);--_ground:var(--slotted-page-ground,var(--slotted-surface,Canvas));color:var(--_text);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);gap:var(--_gap);min-inline-size:0;flex-direction:column;scroll-margin-block-start:var(--slotted-page-sticky-top,0px);display:flex}[data-ui-section][data-size=sm]{--_heading-size:var(--slotted-section-heading-size-sm,var(--slotted-font-size-xs,.75rem));--_heading-line-height:var(--slotted-line-height-xs,1.4);--_subheading-size:var(--slotted-section-subheading-size-sm,var(--slotted-font-size-sm,.8125rem));--_subheading-line-height:var(--slotted-line-height-sm,1.45)}[data-ui-section][data-size=lg]{--_heading-size:var(--slotted-section-heading-size-lg,var(--slotted-font-size-sm,.8125rem));--_heading-line-height:var(--slotted-line-height-sm,1.45);--_subheading-size:var(--slotted-section-subheading-size-lg,var(--slotted-font-size-lg,1rem));--_subheading-line-height:var(--slotted-line-height-lg,1.5)}:is([data-ui-container],[data-part-body])>[data-ui-section]+[data-ui-section]{margin-block-start:var(--slotted-section-spacing,var(--slotted-space-9,2rem))}[data-ui-section]>[data-part-body]>[data-ui-section]:not(:first-child){margin-block-start:var(--slotted-section-subsection-spacing,var(--slotted-space-7,1.25rem))}[data-ui-section][data-ground=surface]{--_ground:var(--slotted-section-surface,var(--slotted-surface-raised,Canvas));--slotted-ground:var(--_ground);background-color:var(--_ground);border:var(--slotted-border-width-thin,1px) solid var(--_rule);border-radius:var(--slotted-section-radius,var(--slotted-radius-lg,8px));padding:var(--slotted-section-inset,var(--slotted-space-6,1rem))}[data-ui-section]>[data-part-header]{grid-template-columns:minmax(0,1fr);align-items:baseline;min-inline-size:0;display:grid;container-type:inline-size}[data-ui-section][data-divider]>[data-part-header]{border-block-end:var(--slotted-border-width-thin,1px) solid var(--_rule);padding-block-end:var(--slotted-space-4,.5rem)}[data-ui-section][data-sticky]>[data-part-header]{background-color:var(--_ground);z-index:var(--slotted-z-index-sticky,100);margin-block-start:calc(-1 * var(--slotted-space-4,.5rem));padding-block-start:var(--slotted-space-4,.5rem);position:sticky;inset-block-start:var(--slotted-page-sticky-top,0px)}[data-ui-section][data-sticky]{--_above:var(--slotted-page-sticky-top,0px)}[data-ui-section][data-sticky]>[data-part-body]{--slotted-page-sticky-top:calc(var(--_above) + var(--slotted-section-header-size,0px));--slotted-table-sticky-offset:var(--slotted-page-sticky-top)}[data-ui-section]>[data-part-header]>[data-part-title]{grid-area:1/1/span 3;grid-template-columns:minmax(min-content,max-content) 1fr;grid-template-rows:subgrid;align-items:baseline;min-inline-size:0;display:grid}[data-ui-section]>[data-part-header]>[data-part-title]>[data-part-eyebrow]{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);text-transform:uppercase;grid-area:1/1/auto/-1;margin-block-end:var(--slotted-space-1,.125rem)}[data-ui-section]>[data-part-header]>[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:.08em;line-height:var(--_heading-line-height);text-transform:uppercase;overflow-wrap:break-word;text-wrap:pretty;grid-area:2/1;min-inline-size:0;margin:0}[data-ui-section] [data-ui-section]>[data-part-header]>[data-part-title]>[data-part-heading]{color:var(--_muted);font-size:var(--_subheading-size);letter-spacing:normal;line-height:var(--_subheading-line-height);text-transform:none}[data-ui-section]>[data-part-header]>[data-part-title]>[data-part-tags]{align-items:baseline;gap:var(--slotted-space-3,.375rem);flex-wrap:wrap;grid-area:2/2;justify-self:start;margin-inline-start:var(--slotted-space-4,.5rem);display:flex}[data-ui-section]>[data-part-header]>[data-part-title]>[data-part-tags]:empty{display:none}[data-ui-section]>[data-part-header]>[data-part-title]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);margin:var(--slotted-space-1,.125rem) 0 0;max-inline-size:var(--slotted-section-description-measure,70ch);text-wrap:pretty;grid-area:3/1/auto/-1}[data-ui-section]>[data-part-header]>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);grid-area:2/2;margin-inline-start:var(--slotted-space-6,1rem);display:flex}[data-ui-section]>[data-part-header]>[data-part-actions]:empty{display:none}@container (inline-size<20rem){[data-ui-section]>[data-part-header]>[data-part-actions]{margin:var(--slotted-space-3,.375rem) 0 0;grid-area:4/1/auto/-1;justify-self:end}}[data-ui-section]>[data-part-body]{min-inline-size:0}}
21
21
 
22
- @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}}}
22
+ @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}}}
23
23
 
24
- @layer slotted.components{[data-ui-detail-panel]{--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_rule:var(--slotted-detail-panel-border,var(--slotted-border-subtle,ButtonBorder));--_ground:var(--slotted-page-ground,var(--slotted-surface,Canvas));--_aside-size:var(--slotted-detail-panel-aside-size-md,16rem);--_gap:var(--slotted-detail-panel-gap-md,var(--slotted-space-8,1.5rem));--_rhythm:var(--slotted-detail-panel-rhythm,var(--slotted-space-8,1.5rem));--_inset-block:var(--slotted-detail-panel-inset-block-md,var(--slotted-space-8,1.5rem));--_rule-size:var(--slotted-border-width-thin,1px);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;position:relative;container:detail-panel/inline-size}[data-ui-detail-panel][data-size=sm]{--_aside-size:var(--slotted-detail-panel-aside-size-sm,14rem);--_gap:var(--slotted-detail-panel-gap-sm,var(--slotted-space-7,1.25rem));--_inset-block:var(--slotted-detail-panel-inset-block-sm,var(--slotted-space-7,1.25rem))}[data-ui-detail-panel][data-size=lg]{--_aside-size:var(--slotted-detail-panel-aside-size-lg,18rem);--_gap:var(--slotted-detail-panel-gap-lg,var(--slotted-space-9,2rem));--_inset-block:var(--slotted-detail-panel-inset-block-lg,var(--slotted-space-9,2rem))}[data-ui-detail-panel][data-scroll=self]{overscroll-behavior:contain;block-size:100%;min-block-size:0;overflow:auto}[data-ui-detail-panel]>[data-part-body]{min-inline-size:0;padding-block:var(--_inset-block);flex-direction:column;flex:1 0 auto;display:flex}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]{row-gap:var(--_rhythm)}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-banner]{min-inline-size:0}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]{gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]{gap:var(--_rhythm);flex-direction:column;min-inline-size:0;display:flex}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-aside]{border-block-start:var(--_rule-size) solid var(--_rule);overflow-wrap:anywhere;min-inline-size:0;padding-block-start:var(--_gap)}@container detail-panel (width>=600px){[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]{grid-template-columns:minmax(0, 1fr) var(--_aside-size)}[data-ui-detail-panel][data-aside=start]>[data-part-body]>[data-ui-container]>[data-part-columns]{grid-template-columns:var(--_aside-size) minmax(0, 1fr)}[data-ui-detail-panel][data-aside=none]>[data-part-body]>[data-ui-container]>[data-part-columns]{grid-template-columns:minmax(0,1fr)}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-aside]{border-block-start:0;border-inline-start:var(--_rule-size) solid var(--_rule);padding-block-start:0;padding-inline-start:var(--_gap)}[data-ui-detail-panel][data-aside=start]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-aside]{border-inline-end:var(--_rule-size) solid var(--_rule);border-inline-start:0;order:-1;padding-inline-start:0;padding-inline-end:var(--_gap)}}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section]{min-inline-size:0;scroll-margin-block-start:var(--slotted-page-sticky-top,0px)}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section][hidden]{display:none}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section][role=tabpanel]: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-detail-panel][data-layout=tabs]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section]:not([hidden]){animation:slotted-detail-panel-section-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-detail-panel-section-in{0%{opacity:0}}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section]>[data-part-section-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;justify-content:flex-end;margin-block-end:var(--slotted-space-5,.75rem);display:flex}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-message]{min-block-size:calc(4 * var(--slotted-space-12,4rem));place-items:center;min-inline-size:0;display:grid}[data-ui-detail-panel]>[data-part-footer]{background-color:var(--_ground);border-block-start:var(--_rule-size) solid var(--_rule);padding-block:var(--slotted-space-4,.5rem);z-index:var(--slotted-z-index-sticky,100);margin-block-start:auto;position:sticky;inset-block-end:var(--slotted-page-sticky-bottom,0px)}}
24
+ @layer slotted.components{[data-ui-detail-panel]{--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_rule:var(--slotted-detail-panel-border,var(--slotted-border-subtle,ButtonBorder));--_ground:var(--slotted-page-ground,var(--slotted-surface,Canvas));--_aside-size:var(--slotted-detail-panel-aside-size-md,16rem);--_gap:var(--slotted-detail-panel-gap-md,var(--slotted-space-8,1.5rem));--_rhythm:var(--slotted-detail-panel-rhythm,var(--slotted-space-8,1.5rem));--_inset-block:var(--slotted-detail-panel-inset-block-md,var(--slotted-space-8,1.5rem));--_rule-size:var(--slotted-border-width-thin,1px);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;position:relative;container:detail-panel/inline-size}[data-ui-detail-panel][data-size=sm]{--_aside-size:var(--slotted-detail-panel-aside-size-sm,14rem);--_gap:var(--slotted-detail-panel-gap-sm,var(--slotted-space-7,1.25rem));--_inset-block:var(--slotted-detail-panel-inset-block-sm,var(--slotted-space-7,1.25rem))}[data-ui-detail-panel][data-size=lg]{--_aside-size:var(--slotted-detail-panel-aside-size-lg,18rem);--_gap:var(--slotted-detail-panel-gap-lg,var(--slotted-space-9,2rem));--_inset-block:var(--slotted-detail-panel-inset-block-lg,var(--slotted-space-9,2rem))}[data-ui-detail-panel][data-scroll=self]{overscroll-behavior:contain;block-size:100%;min-block-size:0;overflow:auto}[data-ui-detail-panel]>[data-part-body]{min-inline-size:0;padding-block:var(--_inset-block);flex-direction:column;flex:1 0 auto;display:flex}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]{row-gap:var(--_rhythm)}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-banner]{min-inline-size:0}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]{gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]{gap:var(--_rhythm);flex-direction:column;min-inline-size:0;display:flex}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-aside]{border-block-start:var(--_rule-size) solid var(--_rule);overflow-wrap:anywhere;min-inline-size:0;padding-block-start:var(--_gap)}@container detail-panel (width>=600px){[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]{grid-template-columns:minmax(0, 1fr) var(--_aside-size)}[data-ui-detail-panel][data-aside=start]>[data-part-body]>[data-ui-container]>[data-part-columns]{grid-template-columns:var(--_aside-size) minmax(0, 1fr)}[data-ui-detail-panel][data-aside=none]>[data-part-body]>[data-ui-container]>[data-part-columns]{grid-template-columns:minmax(0,1fr)}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-aside]{border-block-start:0;border-inline-start:var(--_rule-size) solid var(--_rule);padding-block-start:0;padding-inline-start:var(--_gap)}[data-ui-detail-panel][data-aside=start]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-aside]{border-inline-end:var(--_rule-size) solid var(--_rule);border-inline-start:0;order:-1;padding-inline-start:0;padding-inline-end:var(--_gap)}}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section]{min-inline-size:0;scroll-margin-block-start:var(--slotted-page-sticky-top,0px)}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section][hidden]{display:none}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section][role=tabpanel]: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-detail-panel][data-layout=tabs]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section]:not([hidden]){animation:slotted-detail-panel-section-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-detail-panel-section-in{0%{opacity:0}}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-columns]>[data-part-main]>[data-part-section]>[data-part-section-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;justify-content:flex-end;margin-block-end:var(--slotted-space-5,.75rem);display:flex}[data-ui-detail-panel]>[data-part-body]>[data-ui-container]>[data-part-message]{min-block-size:calc(4 * var(--slotted-space-12,4rem));place-items:center;min-inline-size:0;display:grid}[data-ui-detail-panel]>[data-part-footer]{-webkit-backdrop-filter:var(--slotted-detail-panel-footer-backdrop-filter,none);backdrop-filter:var(--slotted-detail-panel-footer-backdrop-filter,none);background-color:var(--slotted-detail-panel-footer-background,var(--_ground));border-block-start:var(--_rule-size) solid var(--_rule);padding-block:var(--slotted-space-4,.5rem);z-index:var(--slotted-z-index-sticky,100);margin-block-start:auto;position:sticky;inset-block-end:var(--slotted-page-sticky-bottom,0px)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-detail-panel]>[data-part-footer]{-webkit-backdrop-filter:none;backdrop-filter:none}}}
package/dist/styles/dialog.css CHANGED
@@ -1,4 +1,4 @@
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-dialog]{--_measure:var(--slotted-dialog-measure,32rem);--_layer-padding:var(--slotted-space-8,1.5rem);--_padding-inline:var(--slotted-dialog-padding-inline,var(--slotted-space-8,1.5rem));--_padding-block:var(--slotted-dialog-padding-block,var(--slotted-space-7,1.25rem));--_header-padding-block:var(--slotted-space-6,1rem);--_footer-padding-block:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_status-size:var(--_title-font-size);--_mark-gap:var(--slotted-space-4,.5rem);--_tone-color:var(--slotted-tone-danger-text,CanvasText);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));color:var(--slotted-dialog-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0;container:slotted-dialog/inline-size}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure:var(--slotted-dialog-measure,24rem);--_padding-inline:var(--slotted-dialog-padding-inline-sm,var(--slotted-space-7,1.25rem));--_padding-block:var(--slotted-dialog-padding-block-sm,var(--slotted-space-6,1rem));--_header-padding-block:var(--slotted-space-5,.75rem);--_footer-padding-block:var(--slotted-space-4,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem)}[data-ui-dialog][data-size=lg]{--_measure:var(--slotted-dialog-measure,42rem)}[data-ui-dialog][data-size=xl]{--_measure:var(--slotted-dialog-measure,56rem)}[data-ui-dialog][data-size=full]{--_measure:var(--slotted-dialog-measure,none)}[data-ui-dialog]>[data-part-backdrop]{background:var(--slotted-dialog-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{padding:var(--_layer-padding);overscroll-behavior:contain;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;display:grid;overflow:auto}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline:var(--_padding-inline);--slotted-dialog-inset-block:var(--_padding-block);inline-size:100%;max-inline-size:var(--_measure);background:var(--slotted-dialog-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-dialog-radius,var(--slotted-radius-lg,8px));max-block-size:100%;box-shadow:var(--slotted-shadow-lg);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{align-items:start;column-gap:0;row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size:var(--_status-size);color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap);display:inline-grid}[data-ui-dialog][data-tone=accent]{--_tone-color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color:var(--slotted-tone-secondary-text,CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color:var(--slotted-tone-success-text,CanvasText)}[data-ui-dialog][data-tone=info]{--_tone-color:var(--slotted-tone-info-text,CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-dialog-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText));grid-area:1/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-description-color,var(--slotted-text-muted,GrayText));grid-area:2/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold,600);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;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));background-color:#0000;border:0;grid-area:1/4/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]: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))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;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));background-color:#0000;border:0;grid-area:1/3/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]: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))}@media (pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-body-color,var(--slotted-text,CanvasText));overflow:hidden auto}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;display:flex}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:0 0;border:0;padding:0}@container slotted-dialog (inline-size<=30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}@media (forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:canvastext;border-width:var(--slotted-border-width-thick,2px)}}}
4
+ @layer slotted.components{[data-ui-dialog]{--_measure:var(--slotted-dialog-measure,32rem);--_layer-padding:var(--slotted-space-8,1.5rem);--_padding-inline:var(--slotted-dialog-padding-inline,var(--slotted-space-8,1.5rem));--_padding-block:var(--slotted-dialog-padding-block,var(--slotted-space-7,1.25rem));--_header-padding-block:var(--slotted-space-6,1rem);--_footer-padding-block:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_status-size:var(--_title-font-size);--_mark-gap:var(--slotted-space-4,.5rem);--_tone-color:var(--slotted-tone-danger-text,CanvasText);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));color:var(--slotted-dialog-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0;container:slotted-dialog/inline-size}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure:var(--slotted-dialog-measure,24rem);--_padding-inline:var(--slotted-dialog-padding-inline-sm,var(--slotted-space-7,1.25rem));--_padding-block:var(--slotted-dialog-padding-block-sm,var(--slotted-space-6,1rem));--_header-padding-block:var(--slotted-space-5,.75rem);--_footer-padding-block:var(--slotted-space-4,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem)}[data-ui-dialog][data-size=lg]{--_measure:var(--slotted-dialog-measure,42rem)}[data-ui-dialog][data-size=xl]{--_measure:var(--slotted-dialog-measure,56rem)}[data-ui-dialog][data-size=full]{--_measure:var(--slotted-dialog-measure,none)}[data-ui-dialog]>[data-part-backdrop]{background:var(--slotted-dialog-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{padding:var(--_layer-padding);overscroll-behavior:contain;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;display:grid;overflow:auto}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline:var(--_padding-inline);--slotted-dialog-inset-block:var(--_padding-block);inline-size:100%;max-inline-size:var(--_measure);background:var(--slotted-dialog-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-dialog-radius,var(--slotted-radius-lg,8px));max-block-size:100%;box-shadow:var(--slotted-shadow-lg);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);-webkit-backdrop-filter:var(--slotted-dialog-backdrop-filter,none);backdrop-filter:var(--slotted-dialog-backdrop-filter,none);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{align-items:start;column-gap:0;row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size:var(--_status-size);color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap);display:inline-grid}[data-ui-dialog][data-tone=accent]{--_tone-color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color:var(--slotted-tone-secondary-text,CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color:var(--slotted-tone-success-text,CanvasText)}[data-ui-dialog][data-tone=info]{--_tone-color:var(--slotted-tone-info-text,CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-dialog-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_title-line-height);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText));grid-area:1/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-description-color,var(--slotted-text-muted,GrayText));grid-area:2/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold,600);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;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));background-color:#0000;border:0;grid-area:1/4/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]: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))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-dialog-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;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));background-color:#0000;border:0;grid-area:1/3/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]: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))}@media (pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-body-color,var(--slotted-text,CanvasText));overflow:hidden auto}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;display:flex}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;transition:none;display:block;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>*{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-surface=plain][data-open]>[data-part-viewport]>[data-part-content]>*{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:0 0;border:0;padding:0}@container slotted-dialog (inline-size<=30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}@media (forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:canvastext;border-width:var(--slotted-border-width-thick,2px)}}}
package/dist/styles/drawer.css CHANGED
@@ -1,4 +1,4 @@
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-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{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));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]: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))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;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));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]: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))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}
4
+ @layer slotted.components{[data-ui-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move), border-start-start-radius var(--_move), border-start-end-radius var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom][data-expanded]>[data-part-panel]{border-start-start-radius:var(--slotted-drawer-radius-expanded,0px);border-start-end-radius:var(--slotted-drawer-radius-expanded,0px)}[data-ui-drawer][data-side=bottom][data-expanded]>[data-part-panel]>[data-part-header]{padding-block-start:calc(var(--_padding-block) + env(safe-area-inset-top,0px))}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{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));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]: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))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;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));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]: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))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}