@redvars/peacock 3.8.1 → 3.8.3

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 (501) hide show
  1. package/dist/{BaseInput-14YmcfK7.js → BaseInput-CU1zZYKc.js} +3 -3
  2. package/dist/{BaseInput-14YmcfK7.js.map → BaseInput-CU1zZYKc.js.map} +1 -1
  3. package/dist/ButtonConstants-CahP2_NA.js +4 -0
  4. package/dist/ButtonConstants-CahP2_NA.js.map +1 -0
  5. package/dist/{IndividualComponent-DUINtMGK.js → IndividualComponent-Bdwyrvd6.js} +2 -2
  6. package/dist/{IndividualComponent-DUINtMGK.js.map → IndividualComponent-Bdwyrvd6.js.map} +1 -1
  7. package/dist/{NativeHyperlinkMixin-DrYXyfMQ.js → NativeHyperlinkMixin-D9J4aBTy.js} +4 -30
  8. package/dist/NativeHyperlinkMixin-D9J4aBTy.js.map +1 -0
  9. package/dist/accordion-item.js +338 -0
  10. package/dist/accordion-item.js.map +1 -0
  11. package/dist/accordion.js +159 -0
  12. package/dist/accordion.js.map +1 -0
  13. package/dist/alert.js +190 -0
  14. package/dist/alert.js.map +1 -0
  15. package/dist/app-bar.js +324 -0
  16. package/dist/app-bar.js.map +1 -0
  17. package/dist/assets/components.css +1 -1
  18. package/dist/assets/components.css.map +1 -1
  19. package/dist/assets/styles.css +1 -1
  20. package/dist/assets/styles.css.map +1 -1
  21. package/dist/attachable-controller-CAKVrfcG.js +119 -0
  22. package/dist/attachable-controller-CAKVrfcG.js.map +1 -0
  23. package/dist/avatar.js +114 -0
  24. package/dist/avatar.js.map +1 -0
  25. package/dist/babel-DBsfpl3B.js +18 -0
  26. package/dist/babel-DBsfpl3B.js.map +1 -0
  27. package/dist/badge.js +91 -0
  28. package/dist/badge.js.map +1 -0
  29. package/dist/base-Cl6v8-BZ.js +9 -0
  30. package/dist/base-Cl6v8-BZ.js.map +1 -0
  31. package/dist/bottom-sheet.js +14 -5
  32. package/dist/bottom-sheet.js.map +1 -1
  33. package/dist/breadcrumb-item.js +163 -0
  34. package/dist/breadcrumb-item.js.map +1 -0
  35. package/dist/breadcrumb.js +95 -0
  36. package/dist/breadcrumb.js.map +1 -0
  37. package/dist/button-group.js +87 -137
  38. package/dist/button-group.js.map +1 -1
  39. package/dist/button.js +863 -133
  40. package/dist/button.js.map +1 -1
  41. package/dist/calendar-column-view.js +8 -4
  42. package/dist/calendar-column-view.js.map +1 -1
  43. package/dist/calendar-month-view.js +8 -4
  44. package/dist/calendar-month-view.js.map +1 -1
  45. package/dist/calendar.js +8 -4
  46. package/dist/calendar.js.map +1 -1
  47. package/dist/canvas.js +8 -4
  48. package/dist/canvas.js.map +1 -1
  49. package/dist/card-content.js +1 -1
  50. package/dist/card.js +45 -52
  51. package/dist/card.js.map +1 -1
  52. package/dist/cb-compound-expression.js +6 -2
  53. package/dist/cb-compound-expression.js.map +1 -1
  54. package/dist/cb-divider.js +7 -3
  55. package/dist/cb-divider.js.map +1 -1
  56. package/dist/cb-expression.js +6 -2
  57. package/dist/cb-expression.js.map +1 -1
  58. package/dist/cb-predicate.js +7 -3
  59. package/dist/cb-predicate.js.map +1 -1
  60. package/dist/{chart-bar-cn6rrna-.js → chart-bar-CYoGNXnK.js} +6 -2
  61. package/dist/{chart-bar-cn6rrna-.js.map → chart-bar-CYoGNXnK.js.map} +1 -1
  62. package/dist/chart-bar.js +7 -6
  63. package/dist/chart-bar.js.map +1 -1
  64. package/dist/chart-doughnut.js +8 -3
  65. package/dist/chart-doughnut.js.map +1 -1
  66. package/dist/chart-pie.js +8 -3
  67. package/dist/chart-pie.js.map +1 -1
  68. package/dist/chart-stacked-bar.js +7 -6
  69. package/dist/chart-stacked-bar.js.map +1 -1
  70. package/dist/checkbox.js +526 -0
  71. package/dist/checkbox.js.map +1 -0
  72. package/dist/chip.js +459 -0
  73. package/dist/chip.js.map +1 -0
  74. package/dist/{class-map-YU7g0o3B.js → class-map-DG7CA1et.js} +2 -2
  75. package/dist/{class-map-YU7g0o3B.js.map → class-map-DG7CA1et.js.map} +1 -1
  76. package/dist/clock.js +6 -2
  77. package/dist/clock.js.map +1 -1
  78. package/dist/code-editor.js +45 -30
  79. package/dist/code-editor.js.map +1 -1
  80. package/dist/code-highlighter.js +82 -11216
  81. package/dist/code-highlighter.js.map +1 -1
  82. package/dist/color-picker.js +701 -0
  83. package/dist/color-picker.js.map +1 -0
  84. package/dist/condition-builder.js +5 -1
  85. package/dist/condition-builder.js.map +1 -1
  86. package/dist/container.js +141 -0
  87. package/dist/container.js.map +1 -0
  88. package/dist/custom-elements-jsdocs.json +823 -778
  89. package/dist/custom-elements.json +4067 -2207
  90. package/dist/datasource-B2eRh6Or.js +108 -0
  91. package/dist/datasource-B2eRh6Or.js.map +1 -0
  92. package/dist/dispatch-event-utils-CuEqjlPT.js.map +1 -1
  93. package/dist/divider.js +135 -0
  94. package/dist/divider.js.map +1 -0
  95. package/dist/dropdown-button.js +11 -6
  96. package/dist/dropdown-button.js.map +1 -1
  97. package/dist/element-internals-2CMts_0M.js +290 -0
  98. package/dist/element-internals-2CMts_0M.js.map +1 -0
  99. package/dist/elevation.js +94 -0
  100. package/dist/elevation.js.map +1 -0
  101. package/dist/empty-state.js +194 -0
  102. package/dist/empty-state.js.map +1 -0
  103. package/dist/estree-C2LDzX4U.js +47 -0
  104. package/dist/estree-C2LDzX4U.js.map +1 -0
  105. package/dist/{event-manager-D-QCmUgR.js → event-manager-DTyX2uYD.js} +2 -2
  106. package/dist/{event-manager-D-QCmUgR.js.map → event-manager-DTyX2uYD.js.map} +1 -1
  107. package/dist/fab.js +139 -148
  108. package/dist/fab.js.map +1 -1
  109. package/dist/field.js +461 -0
  110. package/dist/field.js.map +1 -0
  111. package/dist/{popover-DUPmMVWS.js → floating-controller-CnUZnOhK.js} +2 -171
  112. package/dist/floating-controller-CnUZnOhK.js.map +1 -0
  113. package/dist/{flow-designer-node-BWrPuxAR.js → flow-designer-node-DsVwQTac.js} +7 -3
  114. package/dist/{flow-designer-node-BWrPuxAR.js.map → flow-designer-node-DsVwQTac.js.map} +1 -1
  115. package/dist/flow-designer-node.js +3 -3
  116. package/dist/flow-designer.js +19 -12
  117. package/dist/flow-designer.js.map +1 -1
  118. package/dist/focus-ring.js +126 -0
  119. package/dist/focus-ring.js.map +1 -0
  120. package/dist/form-associated-BXADnjOB.js +388 -0
  121. package/dist/form-associated-BXADnjOB.js.map +1 -0
  122. package/dist/html-D22sQuVy.js +27 -0
  123. package/dist/html-D22sQuVy.js.map +1 -0
  124. package/dist/html-editor.js +21 -9
  125. package/dist/html-editor.js.map +1 -1
  126. package/dist/hyperlink-DLvb6MXE.js +98 -0
  127. package/dist/hyperlink-DLvb6MXE.js.map +1 -0
  128. package/dist/icon-button.js +1064 -0
  129. package/dist/icon-button.js.map +1 -0
  130. package/dist/icon.js +170 -0
  131. package/dist/icon.js.map +1 -0
  132. package/dist/if-defined-BXZpRQ4P.js +10 -0
  133. package/dist/if-defined-BXZpRQ4P.js.map +1 -0
  134. package/dist/image.js +201 -0
  135. package/dist/image.js.map +1 -0
  136. package/dist/index-_g_oLekF.js +14095 -0
  137. package/dist/index-_g_oLekF.js.map +1 -0
  138. package/dist/index.js +74 -20
  139. package/dist/index.js.map +1 -1
  140. package/dist/is-dark-mode-DOcaw4Yq.js.map +1 -1
  141. package/dist/is-link-Dk2OV3PM.js +6 -0
  142. package/dist/is-link-Dk2OV3PM.js.map +1 -0
  143. package/dist/item.js +213 -0
  144. package/dist/item.js.map +1 -0
  145. package/dist/link.js +75 -0
  146. package/dist/link.js.map +1 -0
  147. package/dist/list-H0itjRte.js +526 -0
  148. package/dist/list-H0itjRte.js.map +1 -0
  149. package/dist/list.js +14 -0
  150. package/dist/list.js.map +1 -0
  151. package/dist/{peacock-loader.js → loader.js} +87 -22
  152. package/dist/loader.js.map +1 -0
  153. package/dist/menu-item.js +388 -0
  154. package/dist/menu-item.js.map +1 -0
  155. package/dist/menu.js +520 -0
  156. package/dist/menu.js.map +1 -0
  157. package/dist/modal.js +9 -5
  158. package/dist/modal.js.map +1 -1
  159. package/dist/navigation-rail-item.js +400 -0
  160. package/dist/navigation-rail-item.js.map +1 -0
  161. package/dist/navigation-rail.js +219 -0
  162. package/dist/navigation-rail.js.map +1 -0
  163. package/dist/notification-manager.js +8 -4
  164. package/dist/notification-manager.js.map +1 -1
  165. package/dist/notification.js +8 -4
  166. package/dist/notification.js.map +1 -1
  167. package/dist/number-counter.js +7 -3
  168. package/dist/number-counter.js.map +1 -1
  169. package/dist/{observe-slot-change-D8Xg-kSS.js → observe-slot-change-DPxaZrZF.js} +3 -4
  170. package/dist/observe-slot-change-DPxaZrZF.js.map +1 -0
  171. package/dist/option.js +121 -0
  172. package/dist/option.js.map +1 -0
  173. package/dist/pagination.js +255 -0
  174. package/dist/pagination.js.map +1 -0
  175. package/dist/pierre-dark-DFWl0m-C.js +4 -0
  176. package/dist/pierre-dark-DFWl0m-C.js.map +1 -0
  177. package/dist/pierre-light-BEkAPImt.js +4 -0
  178. package/dist/pierre-light-BEkAPImt.js.map +1 -0
  179. package/dist/popover-content.js +7 -3
  180. package/dist/popover-content.js.map +1 -1
  181. package/dist/popover.js +175 -3
  182. package/dist/popover.js.map +1 -1
  183. package/dist/postcss-BhbitHaI.js +64 -0
  184. package/dist/postcss-BhbitHaI.js.map +1 -0
  185. package/dist/{property-1psGvXOq.js → property-B49QQ8pS.js} +2 -2
  186. package/dist/{property-1psGvXOq.js.map → property-B49QQ8pS.js.map} +1 -1
  187. package/dist/query-CHb9Ft_d.js +10 -0
  188. package/dist/query-CHb9Ft_d.js.map +1 -0
  189. package/dist/query-assigned-elements-BJaGSqM0.js +10 -0
  190. package/dist/query-assigned-elements-BJaGSqM0.js.map +1 -0
  191. package/dist/radio.js +476 -0
  192. package/dist/radio.js.map +1 -0
  193. package/dist/ripple.js +506 -0
  194. package/dist/ripple.js.map +1 -0
  195. package/dist/search.js +12 -7
  196. package/dist/search.js.map +1 -1
  197. package/dist/segmented-button-group.js +137 -0
  198. package/dist/segmented-button-group.js.map +1 -0
  199. package/dist/segmented-button.js +289 -0
  200. package/dist/segmented-button.js.map +1 -0
  201. package/dist/select-CspawZ18.js +3944 -0
  202. package/dist/select-CspawZ18.js.map +1 -0
  203. package/dist/side-sheet.js +9 -5
  204. package/dist/side-sheet.js.map +1 -1
  205. package/dist/skeleton.js +122 -0
  206. package/dist/skeleton.js.map +1 -0
  207. package/dist/slider.js +346 -0
  208. package/dist/slider.js.map +1 -0
  209. package/dist/snackbar.js +335 -0
  210. package/dist/snackbar.js.map +1 -0
  211. package/dist/spinner.js +100 -0
  212. package/dist/spinner.js.map +1 -0
  213. package/dist/split-button.js +10 -5
  214. package/dist/split-button.js.map +1 -1
  215. package/dist/spread-B5cgadZl.js +32 -0
  216. package/dist/spread-B5cgadZl.js.map +1 -0
  217. package/dist/src/__internal/aria/aria.d.ts +98 -0
  218. package/dist/src/__internal/aria/delegate.d.ts +54 -0
  219. package/dist/src/__internal/events/dispatch-hooks.d.ts +80 -0
  220. package/dist/src/__internal/mixins/element-internals.d.ts +40 -0
  221. package/dist/src/__internal/mixins/form-associated.d.ts +174 -0
  222. package/dist/src/__internal/mixins/form-submitter.d.ts +59 -0
  223. package/dist/src/__internal/mixins/hyperlink.d.ts +42 -0
  224. package/dist/src/__internal/mixins/mixin.d.ts +49 -0
  225. package/dist/src/{__utils → __internal/utils}/observe-slot-change.d.ts +1 -0
  226. package/dist/src/accordion/accordion-item.d.ts +3 -1
  227. package/dist/src/accordion/accordion.d.ts +1 -1
  228. package/dist/src/alert/alert.d.ts +43 -0
  229. package/dist/src/alert/index.d.ts +1 -0
  230. package/dist/src/app-bar/app-bar.d.ts +92 -0
  231. package/dist/src/app-bar/index.d.ts +1 -0
  232. package/dist/src/avatar/avatar.d.ts +2 -0
  233. package/dist/src/bottom-sheet/bottom-sheet.d.ts +1 -1
  234. package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +1 -0
  235. package/dist/src/button/ButtonTypes.d.ts +5 -0
  236. package/dist/src/button/base-button/base-button.d.ts +18 -0
  237. package/dist/src/button/button/button.d.ts +29 -37
  238. package/dist/src/button/button-group/button-group.d.ts +17 -18
  239. package/dist/src/{fab → button/fab}/fab.d.ts +8 -26
  240. package/dist/src/button/icon-button/icon-button.d.ts +20 -27
  241. package/dist/src/button/index.d.ts +1 -0
  242. package/dist/src/calendar/calendar.d.ts +1 -1
  243. package/dist/src/canvas/canvas.d.ts +1 -1
  244. package/dist/src/card/card.d.ts +5 -6
  245. package/dist/src/chart-bar/chart-bar.d.ts +1 -1
  246. package/dist/src/chart-bar/chart-stacked-bar.d.ts +1 -1
  247. package/dist/src/checkbox/checkbox.d.ts +5 -1
  248. package/dist/src/chip/chip/chip.d.ts +9 -8
  249. package/dist/src/code-highlighter/code-highlighter.d.ts +2 -2
  250. package/dist/src/color-picker/color-picker.d.ts +85 -0
  251. package/dist/src/color-picker/index.d.ts +1 -0
  252. package/dist/src/container/container.d.ts +5 -1
  253. package/dist/src/divider/divider.d.ts +2 -0
  254. package/dist/src/empty-state/empty-state.d.ts +1 -0
  255. package/dist/src/field/field.d.ts +19 -1
  256. package/dist/src/focus-ring/focus-ring.d.ts +3 -7
  257. package/dist/src/html-editor/html-editor.d.ts +1 -1
  258. package/dist/src/icon/icon.d.ts +9 -4
  259. package/dist/src/image/image.d.ts +4 -0
  260. package/dist/src/index.d.ts +8 -6
  261. package/dist/src/item/item.d.ts +19 -29
  262. package/dist/src/link/link.d.ts +1 -1
  263. package/dist/src/list/list-item.d.ts +10 -6
  264. package/dist/src/list/list.d.ts +27 -2
  265. package/dist/src/menu/menu/menu.d.ts +14 -0
  266. package/dist/src/menu/menu-item/menu-item.d.ts +11 -4
  267. package/dist/src/modal/modal.d.ts +1 -1
  268. package/dist/src/navigation-rail/navigation-rail-item.d.ts +5 -4
  269. package/dist/src/navigation-rail/navigation-rail.d.ts +1 -1
  270. package/dist/src/radio/radio.d.ts +5 -0
  271. package/dist/src/ripple/ripple.d.ts +10 -1
  272. package/dist/src/search/search.d.ts +1 -1
  273. package/dist/src/segmented-button/segmented-button-group.d.ts +2 -2
  274. package/dist/src/segmented-button/segmented-button.d.ts +2 -0
  275. package/dist/src/side-sheet/side-sheet.d.ts +1 -1
  276. package/dist/src/skeleton/skeleton.d.ts +1 -0
  277. package/dist/src/slider/slider.d.ts +1 -0
  278. package/dist/src/snackbar/snackbar.d.ts +12 -2
  279. package/dist/src/svg/svg.d.ts +5 -0
  280. package/dist/src/table/table.d.ts +5 -0
  281. package/dist/src/tabs/tab.d.ts +2 -7
  282. package/dist/src/toolbar/toolbar.d.ts +2 -2
  283. package/dist/standalone-Ccq0tWwA.js +32 -0
  284. package/dist/standalone-Ccq0tWwA.js.map +1 -0
  285. package/dist/{state-DwbEjqVk.js → state-DkTK9EGF.js} +2 -2
  286. package/dist/{state-DwbEjqVk.js.map → state-DkTK9EGF.js.map} +1 -1
  287. package/dist/{style-map-DVmWOuYy.js → style-map-BQD5Et1D.js} +2 -2
  288. package/dist/{style-map-DVmWOuYy.js.map → style-map-BQD5Et1D.js.map} +1 -1
  289. package/dist/sub-menu.js +246 -0
  290. package/dist/sub-menu.js.map +1 -0
  291. package/dist/svg.js +273 -0
  292. package/dist/svg.js.map +1 -0
  293. package/dist/tab-group.js +188 -0
  294. package/dist/tab-group.js.map +1 -0
  295. package/dist/tab-panel.js +61 -0
  296. package/dist/tab-panel.js.map +1 -0
  297. package/dist/tab.js +658 -0
  298. package/dist/tab.js.map +1 -0
  299. package/dist/table.js +620 -0
  300. package/dist/table.js.map +1 -0
  301. package/dist/tabs.js +240 -0
  302. package/dist/tabs.js.map +1 -0
  303. package/dist/throttle-C7ZAPqtu.js +24 -0
  304. package/dist/throttle-C7ZAPqtu.js.map +1 -0
  305. package/dist/toolbar.js +9 -5
  306. package/dist/toolbar.js.map +1 -1
  307. package/dist/tooltip.js +270 -0
  308. package/dist/tooltip.js.map +1 -0
  309. package/dist/tsconfig.tsbuildinfo +1 -1
  310. package/dist/{unsafe-html-BsGUjx94.js → unsafe-html-Ct0N2_UU.js} +2 -2
  311. package/dist/{unsafe-html-BsGUjx94.js.map → unsafe-html-Ct0N2_UU.js.map} +1 -1
  312. package/dist/when-DEJm_QN9.js +9 -0
  313. package/dist/when-DEJm_QN9.js.map +1 -0
  314. package/package.json +4 -2
  315. package/readme.md +4 -4
  316. package/scss/mixin.scss +9 -6
  317. package/src/__internal/aria/aria.ts +293 -0
  318. package/src/__internal/aria/delegate.ts +206 -0
  319. package/src/__internal/events/dispatch-hooks.ts +182 -0
  320. package/src/__internal/mixins/element-internals.ts +73 -0
  321. package/src/__internal/mixins/form-associated.ts +295 -0
  322. package/src/__internal/mixins/form-submitter.ts +133 -0
  323. package/src/__internal/mixins/hyperlink.ts +71 -0
  324. package/src/__internal/mixins/mixin.ts +58 -0
  325. package/src/{__utils → __internal/utils}/observe-slot-change.ts +2 -5
  326. package/src/accordion/accordion-item.ts +6 -2
  327. package/src/accordion/accordion.ts +4 -2
  328. package/src/accordion/demo/index.html +95 -90
  329. package/src/alert/alert.scss +82 -0
  330. package/src/{banner/banner.ts → alert/alert.ts} +22 -22
  331. package/src/alert/index.ts +1 -0
  332. package/src/app-bar/app-bar-colors.scss +17 -0
  333. package/src/app-bar/app-bar.scss +165 -0
  334. package/src/app-bar/app-bar.ts +155 -0
  335. package/src/app-bar/index.ts +1 -0
  336. package/src/avatar/avatar.ts +4 -0
  337. package/src/badge/badge.ts +2 -0
  338. package/src/bottom-sheet/bottom-sheet.ts +8 -2
  339. package/src/breadcrumb/breadcrumb/breadcrumb.ts +2 -0
  340. package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +3 -0
  341. package/src/button/ButtonTypes.ts +17 -0
  342. package/src/button/base-button/base-button.ts +85 -0
  343. package/src/button/button/button-base.scss +307 -0
  344. package/src/button/button/button-colors.scss +27 -32
  345. package/src/button/button/button-layers.scss +126 -43
  346. package/src/button/button/button-shapes.scss +73 -0
  347. package/src/button/button/button.scss +12 -286
  348. package/src/button/button/button.ts +174 -194
  349. package/src/button/button-group/button-group.scss +43 -36
  350. package/src/button/button-group/button-group.ts +26 -137
  351. package/src/{fab → button/fab}/fab-colors.scss +0 -10
  352. package/src/button/fab/fab-sizes.scss +37 -0
  353. package/src/button/fab/fab.scss +172 -0
  354. package/src/{fab → button/fab}/fab.ts +69 -109
  355. package/src/button/icon-button/icon-button-sizes.scss +18 -3
  356. package/src/button/icon-button/icon-button.scss +5 -0
  357. package/src/button/icon-button/icon-button.ts +111 -141
  358. package/src/button/index.ts +7 -0
  359. package/src/calendar/calendar.ts +2 -2
  360. package/src/canvas/canvas.ts +2 -2
  361. package/src/card/card.scss +21 -8
  362. package/src/card/card.ts +20 -40
  363. package/src/chart-bar/chart-bar.ts +2 -2
  364. package/src/chart-bar/chart-stacked-bar.ts +2 -2
  365. package/src/checkbox/checkbox.ts +12 -4
  366. package/src/chip/chip/chip.scss +1 -1
  367. package/src/chip/chip/chip.ts +35 -55
  368. package/src/chip/demo/index.html +30 -26
  369. package/src/code-editor/code-editor.ts +68 -58
  370. package/src/code-editor/demo/index.html +32 -27
  371. package/src/code-highlighter/code-highlighter.ts +95 -40
  372. package/src/code-highlighter/demo/index.html +24 -21
  373. package/src/color-picker/color-picker.scss +217 -0
  374. package/src/color-picker/color-picker.ts +478 -0
  375. package/src/color-picker/index.ts +1 -0
  376. package/src/container/container.ts +8 -2
  377. package/src/date-picker/date-picker.ts +2 -3
  378. package/src/divider/divider.ts +5 -1
  379. package/src/dropdown-button/demo/index.html +106 -101
  380. package/src/dropdown-button/dropdown-button.ts +1 -1
  381. package/src/elevation/elevation.ts +2 -0
  382. package/src/empty-state/empty-state.ts +3 -0
  383. package/src/field/field.ts +52 -33
  384. package/src/focus-ring/focus-ring.ts +5 -7
  385. package/src/html-editor/html-editor.ts +28 -16
  386. package/src/icon/datasource.ts +1 -1
  387. package/src/icon/icon.ts +27 -15
  388. package/src/image/image.ts +18 -6
  389. package/src/index.ts +25 -6
  390. package/src/input/input.ts +2 -2
  391. package/src/item/item.scss +127 -161
  392. package/src/item/item.ts +69 -323
  393. package/src/link/link.ts +3 -1
  394. package/src/list/list-item.scss +48 -32
  395. package/src/list/list-item.ts +109 -79
  396. package/src/list/list.scss +1 -13
  397. package/src/list/list.ts +170 -5
  398. package/src/{peacock-loader.ts → loader.ts} +95 -79
  399. package/src/menu/menu/menu.scss +15 -26
  400. package/src/menu/menu/menu.ts +20 -9
  401. package/src/menu/menu-item/menu-item.scss +82 -20
  402. package/src/menu/menu-item/menu-item.ts +85 -46
  403. package/src/menu/sub-menu/sub-menu.scss +5 -1
  404. package/src/menu/sub-menu/sub-menu.ts +3 -0
  405. package/src/modal/modal.ts +2 -2
  406. package/src/navigation-rail/navigation-rail-item.scss +25 -8
  407. package/src/navigation-rail/navigation-rail-item.ts +21 -36
  408. package/src/navigation-rail/navigation-rail.scss +25 -21
  409. package/src/navigation-rail/navigation-rail.ts +4 -2
  410. package/src/number-field/number-field.ts +2 -2
  411. package/src/pagination/pagination.ts +2 -0
  412. package/src/popover/popover.ts +3 -3
  413. package/src/radio/radio.ts +13 -5
  414. package/src/ripple/ripple.ts +14 -1
  415. package/src/search/search.ts +3 -3
  416. package/src/segmented-button/segmented-button-group.ts +8 -4
  417. package/src/segmented-button/segmented-button.ts +4 -0
  418. package/src/select/option.ts +2 -0
  419. package/src/side-sheet/side-sheet.ts +3 -3
  420. package/src/sidebar-menu/sidebar-menu-item.scss +12 -6
  421. package/src/sidebar-menu/sidebar-menu-item.ts +3 -2
  422. package/src/skeleton/skeleton.ts +3 -0
  423. package/src/slider/slider.ts +4 -1
  424. package/src/snackbar/snackbar.ts +40 -25
  425. package/src/spinner/spinner.ts +2 -0
  426. package/src/svg/svg.ts +27 -9
  427. package/src/switch/switch.ts +1 -1
  428. package/src/table/table.ts +16 -3
  429. package/src/tabs/demo/index.html +79 -79
  430. package/src/tabs/tab-group.ts +2 -0
  431. package/src/tabs/tab-panel.ts +2 -0
  432. package/src/tabs/tab.scss +4 -4
  433. package/src/tabs/tab.ts +16 -39
  434. package/src/tabs/tabs.ts +2 -0
  435. package/src/textarea/textarea.ts +2 -2
  436. package/src/time-picker/time-picker.ts +2 -2
  437. package/src/toolbar/toolbar.ts +3 -3
  438. package/src/tooltip/tooltip.ts +14 -8
  439. package/src/url-field/url-field.ts +2 -3
  440. package/dist/ButtonConstants-D06bY4uy.js +0 -114
  441. package/dist/ButtonConstants-D06bY4uy.js.map +0 -1
  442. package/dist/NativeHyperlinkMixin-DrYXyfMQ.js.map +0 -1
  443. package/dist/banner.js +0 -186
  444. package/dist/banner.js.map +0 -1
  445. package/dist/button-colors-D7sJyPy8.js +0 -586
  446. package/dist/button-colors-D7sJyPy8.js.map +0 -1
  447. package/dist/icon-CueRR7wx.js +0 -260
  448. package/dist/icon-CueRR7wx.js.map +0 -1
  449. package/dist/icon-button-CAzYr_qr.js +0 -318
  450. package/dist/icon-button-CAzYr_qr.js.map +0 -1
  451. package/dist/navigation-rail-CM_svs5_.js +0 -14184
  452. package/dist/navigation-rail-CM_svs5_.js.map +0 -1
  453. package/dist/observe-slot-change-D8Xg-kSS.js.map +0 -1
  454. package/dist/peacock-loader.js.map +0 -1
  455. package/dist/popover-DUPmMVWS.js.map +0 -1
  456. package/dist/query-QBcUV-L_.js +0 -15
  457. package/dist/query-QBcUV-L_.js.map +0 -1
  458. package/dist/src/banner/banner.d.ts +0 -43
  459. package/dist/src/banner/index.d.ts +0 -1
  460. package/dist/src/button/GroupButtonInterface.d.ts +0 -4
  461. package/src/banner/banner.scss +0 -82
  462. package/src/banner/index.ts +0 -1
  463. package/src/button/GroupButtonInterface.ts +0 -4
  464. package/src/button/button/only-button.scss +0 -13
  465. package/src/fab/fab-sizes.scss +0 -37
  466. package/src/fab/fab.scss +0 -143
  467. /package/dist/src/{__controllers → __internal/controllers}/attachable-controller.d.ts +0 -0
  468. /package/dist/src/{__controllers → __internal/controllers}/floating-controller.d.ts +0 -0
  469. /package/dist/src/{__directive → __internal/directive}/spread.d.ts +0 -0
  470. /package/dist/src/{__mixins → __internal/mixins}/MixinConstructor.d.ts +0 -0
  471. /package/dist/src/{__mixins → __internal/mixins}/NativeButtonMixin.d.ts +0 -0
  472. /package/dist/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.d.ts +0 -0
  473. /package/dist/src/{__utils → __internal/utils}/cache-fetch.d.ts +0 -0
  474. /package/dist/src/{__utils → __internal/utils}/copy-to-clipboard.d.ts +0 -0
  475. /package/dist/src/{__utils → __internal/utils}/dispatch-event-utils.d.ts +0 -0
  476. /package/dist/src/{__utils → __internal/utils}/is-dark-mode.d.ts +0 -0
  477. /package/dist/src/{__utils → __internal/utils}/is-in-viewport.d.ts +0 -0
  478. /package/dist/src/{__utils → __internal/utils}/is-link.d.ts +0 -0
  479. /package/dist/src/{__utils → __internal/utils}/observe-theme-change.d.ts +0 -0
  480. /package/dist/src/{__utils → __internal/utils}/sanitize-svg.d.ts +0 -0
  481. /package/dist/src/{__utils → __internal/utils}/throttle.d.ts +0 -0
  482. /package/dist/src/{fab → button/fab}/index.d.ts +0 -0
  483. /package/dist/src/{peacock-loader.d.ts → loader.d.ts} +0 -0
  484. /package/dist/test/{banner.test.d.ts → alert.test.d.ts} +0 -0
  485. /package/src/{__controllers → __internal/controllers}/attachable-controller.ts +0 -0
  486. /package/src/{__controllers → __internal/controllers}/floating-controller.ts +0 -0
  487. /package/src/{__directive → __internal/directive}/spread.ts +0 -0
  488. /package/src/{__mixins → __internal/mixins}/MixinConstructor.ts +0 -0
  489. /package/src/{__mixins → __internal/mixins}/NativeButtonMixin.ts +0 -0
  490. /package/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.ts +0 -0
  491. /package/src/{__mixins → __internal/mixins}/README.md +0 -0
  492. /package/src/{__utils → __internal/utils}/cache-fetch.ts +0 -0
  493. /package/src/{__utils → __internal/utils}/copy-to-clipboard.ts +0 -0
  494. /package/src/{__utils → __internal/utils}/dispatch-event-utils.ts +0 -0
  495. /package/src/{__utils → __internal/utils}/is-dark-mode.ts +0 -0
  496. /package/src/{__utils → __internal/utils}/is-in-viewport.ts +0 -0
  497. /package/src/{__utils → __internal/utils}/is-link.ts +0 -0
  498. /package/src/{__utils → __internal/utils}/observe-theme-change.ts +0 -0
  499. /package/src/{__utils → __internal/utils}/sanitize-svg.ts +0 -0
  500. /package/src/{__utils → __internal/utils}/throttle.ts +0 -0
  501. /package/src/{fab → button/fab}/index.ts +0 -0
package/dist/assets/components.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss"],"names":[],"mappings":"AACE,EACE,sBAGF,oBACE,wBCEF,cD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,yBDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,oBD0BA,mEACA,+DACA,mEACA,mEACA,yEC1BA,+BDsBA,8EACA,0EACA,8EACA,8EACA,oFC9BA,qBD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,gCDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,oBD0BA,mEACA,+DACA,mEACA,mEACA,yEC1BA,+BDsBA,8EACA,0EACA,8EACA,8EACA,oFC9BA,eD0BA,qEACA,iEACA,qEACA,qEACA,2EC1BA,0BDsBA,gFACA,4EACA,gFACA,gFACA,sFC9BA,qBD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,gCDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,sBD0BA,qEACA,iEACA,qEACA,qEACA,2EC1BA,iCDsBA,gFACA,4EACA,gFACA,gFACA,sFC9BA,qBD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,gCDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,WD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,sBDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,WD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,sBDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,YD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,uBDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,mBD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,8BDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,YD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,uBDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,mBD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,8BDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFCNF,iBACE,8CACA,mDACA,8BACA,8CACA,2BACA,yCAEA,qBACA,eACA,qBACA,sBACA,uBACA,sBD5CA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA","sourcesContent":["@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin reset-button-styles {\n background: transparent;\n border: none;\n appearance: none;\n margin: 0;\n outline: none;\n padding: 0;\n}\n\n@mixin reset-link-styles {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n color: inherit;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n\n\n// Layers\n@mixin layer-background {\n\n}\n\n // NOTE: `apply-container-shape` and `copy-container-shape` were removed.\n// These helpers previously copied container-shape custom properties and\n// applied them as physical border radii. They are intentionally deleted\n// because the loader now manages container shape via CSS custom properties\n// directly. If you need to reintroduce shape helpers, add small, focused\n// utilities instead of the previous macros.\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include mixin.get-typography(#{$value-type});\n }\n\n .text-#{$type}-emphasized {\n @include mixin.get-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n background-color: var(--color-surface-variant);\n text-shadow: 0 1px 1px var(--color-surface-variant);\n color: var(--color-on-surface);\n border-radius: var(--shape-corner-extra-small);\n padding: var(--spacing-050);\n font-family: var(--font-family-monospace);\n\n display: inline-block;\n max-width: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: anywhere;\n vertical-align: middle;\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss"],"names":[],"mappings":"AACE,EACE,sBAGF,oBACE,wBAGF,SACE,wBCFF,cD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,yBD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,oBD+BA,mEACA,+DACA,mEACA,mEACA,yEC/BA,+BD2BA,8EACA,0EACA,8EACA,8EACA,oFCnCA,qBD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,gCD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,oBD+BA,mEACA,+DACA,mEACA,mEACA,yEC/BA,+BD2BA,8EACA,0EACA,8EACA,8EACA,oFCnCA,eD+BA,qEACA,iEACA,qEACA,qEACA,2EC/BA,0BD2BA,gFACA,4EACA,gFACA,gFACA,sFCnCA,qBD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,gCD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,sBD+BA,qEACA,iEACA,qEACA,qEACA,2EC/BA,iCD2BA,gFACA,4EACA,gFACA,gFACA,sFCnCA,qBD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,gCD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,WD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,sBD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,WD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,sBD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,YD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,uBD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,mBD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,8BD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,YD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,uBD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,mBD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,8BD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCXF,iBACE,8CACA,mDACA,8BACA,8CACA,2BACA,yCAEA,qBACA,eACA,qBACA,sBACA,uBACA,sBD5CA,EACE,sBAGF,oBACE,wBAGF,SACE,wBENJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA","sourcesContent":["@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n\n [hidden] {\n display: none !important;\n }\n}\n\n@mixin reset-button-styles {\n background: transparent;\n border: none;\n appearance: none;\n margin: 0;\n outline: none;\n padding: 0;\n}\n\n@mixin reset-link-styles {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n outline: none;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n color: inherit;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color: var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n\n// Layers\n@mixin layer-background {\n}\n\n// NOTE: `apply-container-shape` and `copy-container-shape` were removed.\n// These helpers previously copied container-shape custom properties and\n// applied them as physical border radii. They are intentionally deleted\n// because the loader now manages container shape via CSS custom properties\n// directly. If you need to reintroduce shape helpers, add small, focused\n// utilities instead of the previous macros.\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include mixin.get-typography(#{$value-type});\n }\n\n .text-#{$type}-emphasized {\n @include mixin.get-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n background-color: var(--color-surface-variant);\n text-shadow: 0 1px 1px var(--color-surface-variant);\n color: var(--color-on-surface);\n border-radius: var(--shape-corner-extra-small);\n padding: var(--spacing-050);\n font-family: var(--font-family-monospace);\n\n display: inline-block;\n max-width: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: anywhere;\n vertical-align: middle;\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n"]}
package/dist/assets/styles.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--color-black: #000000;--color-blue: var(--color-blue-40);--color-blue-0: #000000;--color-blue-10: #001550;--color-blue-20: #00277f;--color-blue-30: #003ab2;--color-blue-40: #2352d5;--color-blue-50: #446def;--color-blue-60: #6789ff;--color-blue-70: #90a7ff;--color-blue-80: #b6c4ff;--color-blue-90: #dce1ff;--color-blue-100: #ffffff;--color-blue-container: var(--color-blue-90);--color-error: var(--color-red-40);--color-error-container: var(--color-red-90);--color-green: var(--color-green-40);--color-green-0: #000000;--color-green-10: #00210b;--color-green-20: #003917;--color-green-30: #005225;--color-green-40: #0f6d35;--color-green-50: #31874b;--color-green-60: #4da163;--color-green-70: #68bd7b;--color-green-80: #83d995;--color-green-90: #9ff6af;--color-green-100: #ffffff;--color-green-container: var(--color-green-90);--color-inverse-blue: var(--color-blue-80);--color-inverse-error: var(--color-red-80);--color-inverse-green: var(--color-green-80);--color-inverse-on-surface: var(--color-neutral-95);--color-inverse-orange: var(--color-orange-80);--color-inverse-primary: var(--color-primary-80);--color-inverse-purple: var(--color-purple-80);--color-inverse-red: var(--color-red-80);--color-inverse-secondary: var(--color-secondary-80);--color-inverse-success: var(--color-green-80);--color-inverse-surface: var(--color-neutral-20);--color-inverse-tertiary: var(--color-tertiary-80);--color-inverse-warning: var(--color-yellow-80);--color-inverse-yellow: var(--color-yellow-80);--color-neutral: #79767a;--color-neutral-0: #000000;--color-neutral-4: #0f0e11;--color-neutral-6: #141316;--color-neutral-10: #1c1b1e;--color-neutral-12: #201f23;--color-neutral-17: #2b292d;--color-neutral-20: #313033;--color-neutral-22: #363438;--color-neutral-30: #48464a;--color-neutral-40: #605d62;--color-neutral-50: #79767a;--color-neutral-60: #939094;--color-neutral-70: #aeaaaf;--color-neutral-80: #c9c5ca;--color-neutral-87: #ddd9dd;--color-neutral-90: #e6e1e6;--color-neutral-92: #ebe7ec;--color-neutral-94: #f1ecf1;--color-neutral-95: #f4eff4;--color-neutral-96: #f7f2f7;--color-neutral-98: #fdf8fd;--color-neutral-99: #fffbff;--color-neutral-100: #ffffff;--color-neutral-variant: #79757f;--color-neutral-variant-0: #000000;--color-neutral-variant-4: #0f0d15;--color-neutral-variant-6: #14121a;--color-neutral-variant-10: #1c1a22;--color-neutral-variant-12: #201e27;--color-neutral-variant-17: #2b2931;--color-neutral-variant-20: #312f38;--color-neutral-variant-22: #36333c;--color-neutral-variant-30: #48454e;--color-neutral-variant-40: #605d66;--color-neutral-variant-50: #79757f;--color-neutral-variant-60: #938f99;--color-neutral-variant-70: #aea9b4;--color-neutral-variant-80: #c9c4d0;--color-neutral-variant-87: #ddd8e3;--color-neutral-variant-90: #e6e0ec;--color-neutral-variant-92: #ece6f1;--color-neutral-variant-94: #f1ecf7;--color-neutral-variant-95: #f4eefa;--color-neutral-variant-96: #f7f1fd;--color-neutral-variant-98: #fdf8ff;--color-neutral-variant-99: #fffbff;--color-neutral-variant-100: #ffffff;--color-on-blue: var(--color-blue-100);--color-on-blue-container: var(--color-blue-10);--color-on-error: var(--color-red-100);--color-on-error-container: var(--color-red-10);--color-on-green: var(--color-green-100);--color-on-green-container: var(--color-green-10);--color-on-orange: var(--color-orange-100);--color-on-orange-container: var(--color-orange-10);--color-on-primary: var(--color-primary-100);--color-on-primary-container: var(--color-primary-10);--color-on-purple: var(--color-purple-100);--color-on-purple-container: var(--color-purple-10);--color-on-red: var(--color-red-100);--color-on-red-container: var(--color-red-10);--color-on-secondary: var(--color-secondary-100);--color-on-secondary-container: var(--color-secondary-10);--color-on-success: var(--color-green-100);--color-on-success-container: var(--color-green-10);--color-on-surface: var(--color-neutral-10);--color-on-surface-variant: var(--color-neutral-variant-30);--color-on-tertiary: var(--color-tertiary-100);--color-on-tertiary-container: var(--color-tertiary-10);--color-on-warning: var(--color-yellow-100);--color-on-warning-container: var(--color-yellow-10);--color-on-yellow: var(--color-yellow-100);--color-on-yellow-container: var(--color-yellow-10);--color-orange: var(--color-orange-40);--color-orange-0: #000000;--color-orange-10: #341100;--color-orange-20: #552100;--color-orange-30: #783100;--color-orange-40: #9e4300;--color-orange-50: #c55500;--color-orange-60: #ee6803;--color-orange-70: #ff8d4c;--color-orange-80: #ffb691;--color-orange-90: #ffdbcb;--color-orange-100: #ffffff;--color-orange-container: var(--color-orange-90);--color-outline: var(--color-neutral-variant-50);--color-outline-variant: var(--color-neutral-variant-80);--color-primary: var(--color-primary-40);--color-primary-0: #000000;--color-primary-10: #1d0061;--color-primary-20: #330098;--color-primary-30: #4a21bd;--color-primary-40: #6341d5;--color-primary-50: #7c5df0;--color-primary-60: #967cff;--color-primary-70: #b09dff;--color-primary-80: #cbbeff;--color-primary-90: #e7deff;--color-primary-95: #f4eeff;--color-primary-98: #fdf8ff;--color-primary-100: #ffffff;--color-primary-container: var(--color-primary-90);--color-purple: var(--color-purple-40);--color-purple-0: #000000;--color-purple-10: #3f001c;--color-purple-20: #650032;--color-purple-30: #8e0048;--color-purple-40: #ba0061;--color-purple-50: #e6067a;--color-purple-60: #ff4993;--color-purple-70: #ff84ad;--color-purple-80: #ffb1c7;--color-purple-90: #ffd9e2;--color-purple-100: #ffffff;--color-purple-container: var(--color-purple-90);--color-red: var(--color-red-40);--color-red-0: #000000;--color-red-10: #410001;--color-red-20: #690002;--color-red-30: #930005;--color-red-40: #be0c0e;--color-red-50: #e32e25;--color-red-60: #ff5545;--color-red-70: #ff8a7b;--color-red-80: #ffb4a9;--color-red-90: #ffdad5;--color-red-100: #ffffff;--color-red-container: var(--color-red-90);--color-scrim: var(--color-neutral-0);--color-secondary: var(--color-secondary-40);--color-secondary-0: #000000;--color-secondary-10: #1d192b;--color-secondary-20: #322e41;--color-secondary-30: #484458;--color-secondary-40: #605b71;--color-secondary-50: #79748a;--color-secondary-60: #938da5;--color-secondary-70: #aea8c0;--color-secondary-80: #cac3dc;--color-secondary-90: #e6dff9;--color-secondary-95: #f4eeff;--color-secondary-98: #fdf8ff;--color-secondary-100: #ffffff;--color-secondary-container: var(--color-secondary-90);--color-shadow: var(--color-neutral-0);--color-success: var(--color-green-40);--color-success-container: var(--color-green-90);--color-surface: var(--color-neutral-99);--color-surface-container: var(--color-neutral-94);--color-surface-container-high: var(--color-neutral-92);--color-surface-container-highest: var(--color-neutral-90);--color-surface-container-low: var(--color-neutral-96);--color-surface-container-lowest: var(--color-neutral-100);--color-surface-dim: var(--color-neutral-87);--color-surface-variant: var(--color-neutral-variant-90);--color-tertiary: var(--color-tertiary-40);--color-tertiary-0: #000000;--color-tertiary-10: #30111f;--color-tertiary-20: #492534;--color-tertiary-30: #623b4b;--color-tertiary-40: #7c5263;--color-tertiary-50: #986a7b;--color-tertiary-60: #b48395;--color-tertiary-70: #d09db0;--color-tertiary-80: #eeb8cb;--color-tertiary-90: #ffd9e5;--color-tertiary-95: #ffecf1;--color-tertiary-98: #fff8f8;--color-tertiary-100: #ffffff;--color-tertiary-container: var(--color-tertiary-90);--color-warning: var(--color-yellow-40);--color-warning-container: var(--color-yellow-90);--color-white: #ffffff;--color-yellow: var(--color-yellow-40);--color-yellow-0: #000000;--color-yellow-10: #241a00;--color-yellow-20: #3d2f00;--color-yellow-30: #574400;--color-yellow-40: #745b00;--color-yellow-50: #917400;--color-yellow-60: #b08d00;--color-yellow-70: #d0a600;--color-yellow-80: #f0c100;--color-yellow-90: #ffe089;--color-yellow-100: #ffffff;--color-yellow-container: var(--color-yellow-90);--container-lg: 1056px;--container-max: 1584px;--container-md: 672px;--container-sm: 320px;--container-xl: 1312px;--duration-long1: 450ms;--duration-long2: 500ms;--duration-medium1: 250ms;--duration-medium2: 300ms;--duration-short1: 50ms;--duration-short2: 100ms;--duration-short3: 150ms;--duration-short4: 200ms;--easing-linear: cubic-bezier(0, 0, 1, 1);--easing-standard: cubic-bezier(0.2, 0, 0, 1);--font-family-brand: "Noto Sans", sans-serif;--font-family-monospace: "Noto Sans Mono", monospace;--font-family-sans: "Noto Sans", sans-serif;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-semi-bold: 600;--global-avatar-container-shape: var(--shape-corner-full);--global-badge-color: var(--color-error);--scrollbar-width: 8px;--shape-corner-extra-large: 28px;--shape-corner-extra-small: 4px;--shape-corner-full: 9999px;--shape-corner-large: 16px;--shape-corner-large-increased: 20px;--shape-corner-medium: 12px;--shape-corner-none: 0;--shape-corner-small: 8px;--spacing-000: 0;--spacing-025: 0.125rem;--spacing-050: 0.25rem;--spacing-100: 0.5rem;--spacing-150: 0.75rem;--spacing-200: 1rem;--spacing-300: 1.5rem;--spacing-400: 2rem;--spacing-500: 2.5rem;--spacing-600: 3rem;--spacing-800: 4rem;--spacing-1000: 5rem;--spacing-1200: 6rem;--spacing-2000: 10rem;--spacing-base: 1rem;--typography-body-large-emphasized-font-family: var(--font-family-sans);--typography-body-large-emphasized-font-size: 1rem;--typography-body-large-emphasized-font-weight: var(--font-weight-medium);--typography-body-large-emphasized-letter-spacing: 0.5px;--typography-body-large-emphasized-line-height: 1.5rem;--typography-body-large-font-family: var(--font-family-sans);--typography-body-large-font-size: 1rem;--typography-body-large-font-weight: var(--font-weight-regular);--typography-body-large-letter-spacing: 0.5px;--typography-body-large-line-height: 1.5rem;--typography-body-medium-emphasized-font-family: var(--font-family-sans);--typography-body-medium-emphasized-font-size: 0.875rem;--typography-body-medium-emphasized-font-weight: var(--font-weight-medium);--typography-body-medium-emphasized-letter-spacing: 0.25px;--typography-body-medium-emphasized-line-height: 1.25rem;--typography-body-medium-font-family: var(--font-family-sans);--typography-body-medium-font-size: 0.875rem;--typography-body-medium-font-weight: var(--font-weight-regular);--typography-body-medium-letter-spacing: 0.25px;--typography-body-medium-line-height: 1.25rem;--typography-body-small-emphasized-font-family: var(--font-family-sans);--typography-body-small-emphasized-font-size: 0.75rem;--typography-body-small-emphasized-font-weight: var(--font-weight-medium);--typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;--typography-body-small-emphasized-line-height: 1rem;--typography-body-small-font-family: var(--font-family-sans);--typography-body-small-font-size: 0.75rem;--typography-body-small-font-weight: var(--font-weight-regular);--typography-body-small-letter-spacing: 0.4000000059604645px;--typography-body-small-line-height: 1rem;--typography-code-large-emphasized-font-family: var(--font-family-monospace);--typography-code-large-emphasized-font-size: 1rem;--typography-code-large-emphasized-font-weight: var(--font-weight-medium);--typography-code-large-emphasized-letter-spacing: 0.5px;--typography-code-large-emphasized-line-height: 1.5rem;--typography-code-large-font-family: var(--font-family-monospace);--typography-code-large-font-size: 1rem;--typography-code-large-font-weight: var(--font-weight-regular);--typography-code-large-letter-spacing: 0.5px;--typography-code-large-line-height: 1.5rem;--typography-code-medium-emphasized-font-family: var(--font-family-monospace);--typography-code-medium-emphasized-font-size: 0.875rem;--typography-code-medium-emphasized-font-weight: var(--font-weight-medium);--typography-code-medium-emphasized-letter-spacing: 0.25px;--typography-code-medium-emphasized-line-height: 1.25rem;--typography-code-medium-font-family: var(--font-family-monospace);--typography-code-medium-font-size: 0.875rem;--typography-code-medium-font-weight: var(--font-weight-regular);--typography-code-medium-letter-spacing: 0.25px;--typography-code-medium-line-height: 1.25rem;--typography-code-small-emphasized-font-family: var(--font-family-monospace);--typography-code-small-emphasized-font-size: 0.75rem;--typography-code-small-emphasized-font-weight: var(--font-weight-medium);--typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;--typography-code-small-emphasized-line-height: 1rem;--typography-code-small-font-family: var(--font-family-monospace);--typography-code-small-font-size: 0.75rem;--typography-code-small-font-weight: var(--font-weight-regular);--typography-code-small-letter-spacing: 0.4000000059604645px;--typography-code-small-line-height: 1rem;--typography-display-large-emphasized-font-family: var(--font-family-sans);--typography-display-large-emphasized-font-size: 3.5625rem;--typography-display-large-emphasized-font-weight: var(--font-weight-medium);--typography-display-large-emphasized-letter-spacing: -0.25px;--typography-display-large-emphasized-line-height: 4rem;--typography-display-large-font-family: var(--font-family-sans);--typography-display-large-font-size: 3.5625rem;--typography-display-large-font-weight: var(--font-weight-regular);--typography-display-large-letter-spacing: -0.25px;--typography-display-large-line-height: 4rem;--typography-display-medium-emphasized-font-family: var(--font-family-sans);--typography-display-medium-emphasized-font-size: 2.8125rem;--typography-display-medium-emphasized-font-weight: var(--font-weight-medium);--typography-display-medium-emphasized-letter-spacing: 0;--typography-display-medium-emphasized-line-height: 3.25rem;--typography-display-medium-font-family: var(--font-family-sans);--typography-display-medium-font-size: 2.8125rem;--typography-display-medium-font-weight: var(--font-weight-regular);--typography-display-medium-letter-spacing: 0;--typography-display-medium-line-height: 3.25rem;--typography-display-small-emphasized-font-family: var(--font-family-sans);--typography-display-small-emphasized-font-size: 2.25rem;--typography-display-small-emphasized-font-weight: var(--font-weight-medium);--typography-display-small-emphasized-letter-spacing: 0;--typography-display-small-emphasized-line-height: 2.75rem;--typography-display-small-font-family: var(--font-family-sans);--typography-display-small-font-size: 2.25rem;--typography-display-small-font-weight: var(--font-weight-regular);--typography-display-small-letter-spacing: 0;--typography-display-small-line-height: 2.75rem;--typography-headline-large-emphasized-font-family: var(--font-family-sans);--typography-headline-large-emphasized-font-size: 2rem;--typography-headline-large-emphasized-font-weight: var(--font-weight-medium);--typography-headline-large-emphasized-letter-spacing: 0;--typography-headline-large-emphasized-line-height: 2.5rem;--typography-headline-large-font-family: var(--font-family-sans);--typography-headline-large-font-size: 2rem;--typography-headline-large-font-weight: var(--font-weight-regular);--typography-headline-large-letter-spacing: 0;--typography-headline-large-line-height: 2.5rem;--typography-headline-medium-emphasized-font-family: var(--font-family-sans);--typography-headline-medium-emphasized-font-size: 1.75rem;--typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);--typography-headline-medium-emphasized-letter-spacing: 0;--typography-headline-medium-emphasized-line-height: 2.25rem;--typography-headline-medium-font-family: var(--font-family-sans);--typography-headline-medium-font-size: 1.75rem;--typography-headline-medium-font-weight: var(--font-weight-regular);--typography-headline-medium-letter-spacing: 0;--typography-headline-medium-line-height: 2.25rem;--typography-headline-small-emphasized-font-family: var(--font-family-sans);--typography-headline-small-emphasized-font-size: 1.5rem;--typography-headline-small-emphasized-font-weight: var(--font-weight-medium);--typography-headline-small-emphasized-letter-spacing: 0;--typography-headline-small-emphasized-line-height: 2rem;--typography-headline-small-font-family: var(--font-family-sans);--typography-headline-small-font-size: 1.5rem;--typography-headline-small-font-weight: var(--font-weight-regular);--typography-headline-small-letter-spacing: 0;--typography-headline-small-line-height: 2rem;--typography-label-large-emphasized-font-family: var(--font-family-sans);--typography-label-large-emphasized-font-size: 0.875rem;--typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;--typography-label-large-emphasized-line-height: 1.25rem;--typography-label-large-font-family: var(--font-family-sans);--typography-label-large-font-size: 0.875rem;--typography-label-large-font-weight: var(--font-weight-medium);--typography-label-large-letter-spacing: 0.10000000149011612px;--typography-label-large-line-height: 1.25rem;--typography-label-medium-emphasized-font-family: var(--font-family-sans);--typography-label-medium-emphasized-font-size: 0.75rem;--typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-medium-emphasized-letter-spacing: 0.5px;--typography-label-medium-emphasized-line-height: 1rem;--typography-label-medium-font-family: var(--font-family-sans);--typography-label-medium-font-size: 0.75rem;--typography-label-medium-font-weight: var(--font-weight-medium);--typography-label-medium-letter-spacing: 0.5px;--typography-label-medium-line-height: 1rem;--typography-label-small-emphasized-font-family: var(--font-family-sans);--typography-label-small-emphasized-font-size: 0.6875rem;--typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-small-emphasized-letter-spacing: 0.5px;--typography-label-small-emphasized-line-height: 1rem;--typography-label-small-font-family: var(--font-family-sans);--typography-label-small-font-size: 0.6875rem;--typography-label-small-font-weight: var(--font-weight-medium);--typography-label-small-letter-spacing: 0.5px;--typography-label-small-line-height: 1rem;--typography-title-large-emphasized-font-family: var(--font-family-sans);--typography-title-large-emphasized-font-size: 1.375rem;--typography-title-large-emphasized-font-weight: var(--font-weight-medium);--typography-title-large-emphasized-letter-spacing: 0;--typography-title-large-emphasized-line-height: 1.75rem;--typography-title-large-font-family: var(--font-family-sans);--typography-title-large-font-size: 1.375rem;--typography-title-large-font-weight: var(--font-weight-regular);--typography-title-large-letter-spacing: 0;--typography-title-large-line-height: 1.75rem;--typography-title-medium-emphasized-font-family: var(--font-family-sans);--typography-title-medium-emphasized-font-size: 1rem;--typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);--typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;--typography-title-medium-emphasized-line-height: 1.5rem;--typography-title-medium-font-family: var(--font-family-sans);--typography-title-medium-font-size: 1rem;--typography-title-medium-font-weight: var(--font-weight-medium);--typography-title-medium-letter-spacing: 0.15000000596046448px;--typography-title-medium-line-height: 1.5rem;--typography-title-small-emphasized-font-family: var(--font-family-sans);--typography-title-small-emphasized-font-size: 0.875rem;--typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);--typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;--typography-title-small-emphasized-line-height: 1.25rem;--typography-title-small-font-family: var(--font-family-sans);--typography-title-small-font-size: 0.875rem;--typography-title-small-font-weight: var(--font-weight-medium);--typography-title-small-letter-spacing: 0.10000000149011612px;--typography-title-small-line-height: 1.25rem;--z-index-badge: 10;color-scheme:light dark}[data-theme=dark]{--color-blue: var(--color-blue-80);--color-blue-container: var(--color-blue-30);--color-error: var(--color-red-80);--color-error-container: var(--color-red-30);--color-green: var(--color-green-80);--color-green-container: var(--color-green-30);--color-inverse-blue: var(--color-blue-40);--color-inverse-error: var(--color-red-40);--color-inverse-green: var(--color-green-40);--color-inverse-on-surface: var(--color-neutral-20);--color-inverse-orange: var(--color-orange-40);--color-inverse-primary: var(--color-primary-40);--color-inverse-purple: var(--color-purple-40);--color-inverse-red: var(--color-red-40);--color-inverse-secondary: var(--color-secondary-40);--color-inverse-success: var(--color-green-40);--color-inverse-surface: var(--color-neutral-90);--color-inverse-tertiary: var(--color-tertiary-40);--color-inverse-warning: var(--color-yellow-40);--color-inverse-yellow: var(--color-yellow-40);--color-on-blue: var(--color-blue-20);--color-on-blue-container: var(--color-blue-90);--color-on-error: var(--color-red-20);--color-on-error-container: var(--color-red-90);--color-on-green: var(--color-green-20);--color-on-green-container: var(--color-green-90);--color-on-orange: var(--color-orange-20);--color-on-orange-container: var(--color-orange-90);--color-on-primary: var(--color-primary-20);--color-on-primary-container: var(--color-primary-90);--color-on-purple: var(--color-purple-20);--color-on-purple-container: var(--color-purple-90);--color-on-red: var(--color-red-20);--color-on-red-container: var(--color-red-90);--color-on-secondary: var(--color-secondary-20);--color-on-secondary-container: var(--color-secondary-90);--color-on-success: var(--color-green-20);--color-on-success-container: var(--color-green-90);--color-on-surface: var(--color-neutral-90);--color-on-surface-variant: var(--color-neutral-variant-80);--color-on-tertiary: var(--color-tertiary-20);--color-on-tertiary-container: var(--color-tertiary-90);--color-on-warning: var(--color-yellow-20);--color-on-warning-container: var(--color-yellow-90);--color-on-yellow: var(--color-yellow-20);--color-on-yellow-container: var(--color-yellow-90);--color-orange: var(--color-orange-80);--color-orange-container: var(--color-orange-30);--color-outline: var(--color-neutral-variant-60);--color-outline-variant: var(--color-neutral-variant-30);--color-primary: var(--color-primary-80);--color-primary-container: var(--color-primary-30);--color-purple: var(--color-purple-80);--color-purple-container: var(--color-purple-30);--color-red: var(--color-red-80);--color-red-container: var(--color-red-30);--color-scrim: var(--color-neutral-0);--color-secondary: var(--color-secondary-80);--color-secondary-container: var(--color-secondary-30);--color-shadow: var(--color-neutral-0);--color-success: var(--color-green-80);--color-success-container: var(--color-green-30);--color-surface: var(--color-neutral-10);--color-surface-container: var(--color-neutral-12);--color-surface-container-high: var(--color-neutral-17);--color-surface-container-highest: var(--color-neutral-22);--color-surface-container-low: var(--color-neutral-10);--color-surface-container-lowest: var(--color-neutral-4);--color-surface-dim: var(--color-neutral-6);--color-surface-variant: var(--color-neutral-variant-30);--color-tertiary: var(--color-tertiary-80);--color-tertiary-container: var(--color-tertiary-30);--color-warning: var(--color-yellow-80);--color-warning-container: var(--color-yellow-30);--color-yellow: var(--color-yellow-80);--color-yellow-container: var(--color-yellow-30)}*{box-sizing:border-box}.screen-reader-only{display:none !important}.text-display{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important}.text-display-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important}.text-display-large{font-family:var(--typography-display-large-font-family) !important;font-size:var(--typography-display-large-font-size) !important;font-weight:var(--typography-display-large-font-weight) !important;line-height:var(--typography-display-large-line-height) !important;letter-spacing:var(--typography-display-large-letter-spacing) !important}.text-display-large-emphasized{font-family:var(--typography-display-large-emphasized-font-family) !important;font-size:var(--typography-display-large-emphasized-font-size) !important;font-weight:var(--typography-display-large-emphasized-font-weight) !important;line-height:var(--typography-display-large-emphasized-line-height) !important;letter-spacing:var(--typography-display-large-emphasized-letter-spacing) !important}.text-display-medium{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important}.text-display-medium-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important}.text-display-small{font-family:var(--typography-display-small-font-family) !important;font-size:var(--typography-display-small-font-size) !important;font-weight:var(--typography-display-small-font-weight) !important;line-height:var(--typography-display-small-line-height) !important;letter-spacing:var(--typography-display-small-letter-spacing) !important}.text-display-small-emphasized{font-family:var(--typography-display-small-emphasized-font-family) !important;font-size:var(--typography-display-small-emphasized-font-size) !important;font-weight:var(--typography-display-small-emphasized-font-weight) !important;line-height:var(--typography-display-small-emphasized-line-height) !important;letter-spacing:var(--typography-display-small-emphasized-letter-spacing) !important}.text-headline{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important}.text-headline-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important}.text-headline-large{font-family:var(--typography-headline-large-font-family) !important;font-size:var(--typography-headline-large-font-size) !important;font-weight:var(--typography-headline-large-font-weight) !important;line-height:var(--typography-headline-large-line-height) !important;letter-spacing:var(--typography-headline-large-letter-spacing) !important}.text-headline-large-emphasized{font-family:var(--typography-headline-large-emphasized-font-family) !important;font-size:var(--typography-headline-large-emphasized-font-size) !important;font-weight:var(--typography-headline-large-emphasized-font-weight) !important;line-height:var(--typography-headline-large-emphasized-line-height) !important;letter-spacing:var(--typography-headline-large-emphasized-letter-spacing) !important}.text-headline-medium{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important}.text-headline-medium-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important}.text-headline-small{font-family:var(--typography-headline-small-font-family) !important;font-size:var(--typography-headline-small-font-size) !important;font-weight:var(--typography-headline-small-font-weight) !important;line-height:var(--typography-headline-small-line-height) !important;letter-spacing:var(--typography-headline-small-letter-spacing) !important}.text-headline-small-emphasized{font-family:var(--typography-headline-small-emphasized-font-family) !important;font-size:var(--typography-headline-small-emphasized-font-size) !important;font-weight:var(--typography-headline-small-emphasized-font-weight) !important;line-height:var(--typography-headline-small-emphasized-line-height) !important;letter-spacing:var(--typography-headline-small-emphasized-letter-spacing) !important}.text-body{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important}.text-body-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important}.text-body-large{font-family:var(--typography-body-large-font-family) !important;font-size:var(--typography-body-large-font-size) !important;font-weight:var(--typography-body-large-font-weight) !important;line-height:var(--typography-body-large-line-height) !important;letter-spacing:var(--typography-body-large-letter-spacing) !important}.text-body-large-emphasized{font-family:var(--typography-body-large-emphasized-font-family) !important;font-size:var(--typography-body-large-emphasized-font-size) !important;font-weight:var(--typography-body-large-emphasized-font-weight) !important;line-height:var(--typography-body-large-emphasized-line-height) !important;letter-spacing:var(--typography-body-large-emphasized-letter-spacing) !important}.text-body-medium{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important}.text-body-medium-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important}.text-body-small{font-family:var(--typography-body-small-font-family) !important;font-size:var(--typography-body-small-font-size) !important;font-weight:var(--typography-body-small-font-weight) !important;line-height:var(--typography-body-small-line-height) !important;letter-spacing:var(--typography-body-small-letter-spacing) !important}.text-body-small-emphasized{font-family:var(--typography-body-small-emphasized-font-family) !important;font-size:var(--typography-body-small-emphasized-font-size) !important;font-weight:var(--typography-body-small-emphasized-font-weight) !important;line-height:var(--typography-body-small-emphasized-line-height) !important;letter-spacing:var(--typography-body-small-emphasized-letter-spacing) !important}.text-code{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-large{font-family:var(--typography-code-large-font-family) !important;font-size:var(--typography-code-large-font-size) !important;font-weight:var(--typography-code-large-font-weight) !important;line-height:var(--typography-code-large-line-height) !important;letter-spacing:var(--typography-code-large-letter-spacing) !important}.text-code-large-emphasized{font-family:var(--typography-code-large-emphasized-font-family) !important;font-size:var(--typography-code-large-emphasized-font-size) !important;font-weight:var(--typography-code-large-emphasized-font-weight) !important;line-height:var(--typography-code-large-emphasized-line-height) !important;letter-spacing:var(--typography-code-large-emphasized-letter-spacing) !important}.text-code-medium{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-medium-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-small{font-family:var(--typography-code-small-font-family) !important;font-size:var(--typography-code-small-font-size) !important;font-weight:var(--typography-code-small-font-weight) !important;line-height:var(--typography-code-small-line-height) !important;letter-spacing:var(--typography-code-small-letter-spacing) !important}.text-code-small-emphasized{font-family:var(--typography-code-small-emphasized-font-family) !important;font-size:var(--typography-code-small-emphasized-font-size) !important;font-weight:var(--typography-code-small-emphasized-font-weight) !important;line-height:var(--typography-code-small-emphasized-line-height) !important;letter-spacing:var(--typography-code-small-emphasized-letter-spacing) !important}.text-label{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-large{font-family:var(--typography-label-large-font-family) !important;font-size:var(--typography-label-large-font-size) !important;font-weight:var(--typography-label-large-font-weight) !important;line-height:var(--typography-label-large-line-height) !important;letter-spacing:var(--typography-label-large-letter-spacing) !important}.text-label-large-emphasized{font-family:var(--typography-label-large-emphasized-font-family) !important;font-size:var(--typography-label-large-emphasized-font-size) !important;font-weight:var(--typography-label-large-emphasized-font-weight) !important;line-height:var(--typography-label-large-emphasized-line-height) !important;letter-spacing:var(--typography-label-large-emphasized-letter-spacing) !important}.text-label-medium{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-medium-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-small{font-family:var(--typography-label-small-font-family) !important;font-size:var(--typography-label-small-font-size) !important;font-weight:var(--typography-label-small-font-weight) !important;line-height:var(--typography-label-small-line-height) !important;letter-spacing:var(--typography-label-small-letter-spacing) !important}.text-label-small-emphasized{font-family:var(--typography-label-small-emphasized-font-family) !important;font-size:var(--typography-label-small-emphasized-font-size) !important;font-weight:var(--typography-label-small-emphasized-font-weight) !important;line-height:var(--typography-label-small-emphasized-line-height) !important;letter-spacing:var(--typography-label-small-emphasized-letter-spacing) !important}.text-title{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important}.text-title-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important}.text-title-large{font-family:var(--typography-title-large-font-family) !important;font-size:var(--typography-title-large-font-size) !important;font-weight:var(--typography-title-large-font-weight) !important;line-height:var(--typography-title-large-line-height) !important;letter-spacing:var(--typography-title-large-letter-spacing) !important}.text-title-large-emphasized{font-family:var(--typography-title-large-emphasized-font-family) !important;font-size:var(--typography-title-large-emphasized-font-size) !important;font-weight:var(--typography-title-large-emphasized-font-weight) !important;line-height:var(--typography-title-large-emphasized-line-height) !important;letter-spacing:var(--typography-title-large-emphasized-letter-spacing) !important}.text-title-medium{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important}.text-title-medium-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important}.text-title-small{font-family:var(--typography-title-small-font-family) !important;font-size:var(--typography-title-small-font-size) !important;font-weight:var(--typography-title-small-font-weight) !important;line-height:var(--typography-title-small-line-height) !important;letter-spacing:var(--typography-title-small-letter-spacing) !important}.text-title-small-emphasized{font-family:var(--typography-title-small-emphasized-font-family) !important;font-size:var(--typography-title-small-emphasized-font-size) !important;font-weight:var(--typography-title-small-emphasized-font-weight) !important;line-height:var(--typography-title-small-emphasized-line-height) !important;letter-spacing:var(--typography-title-small-emphasized-letter-spacing) !important}.text-code-block{background-color:var(--color-surface-variant);text-shadow:0 1px 1px var(--color-surface-variant);color:var(--color-on-surface);border-radius:var(--shape-corner-extra-small);padding:var(--spacing-050);font-family:var(--font-family-monospace);display:inline-block;max-width:100%;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;vertical-align:middle}*{box-sizing:border-box}.screen-reader-only{display:none !important}.link{border-radius:inherit;corner-shape:inherit;color:var(--color-primary);--icon-color: currentColor;text-decoration:none}.link:hover,.link:focus-visible{text-decoration:underline}.link.inherit{color:inherit;text-decoration:none !important}.link.with-icon{display:inline-flex;align-items:center;gap:.5em}.surface,.surface-container-high,.surface-container-highest,.surface-container,.surface-container-low,.surface-container-lowest,.surface-dim{color:var(--color-on-surface);--icon-color: var(--color-on-surface);transition:background-color .5s cubic-bezier(0.2, 0, 0, 1),background-image .5s cubic-bezier(0.2, 0, 0, 1),color .5s cubic-bezier(0.2, 0, 0, 1)}.surface{background:var(--color-surface)}.surface-container-high{background:var(--color-surface-container-high)}.surface-container-highest{background:var(--color-surface-container-highest)}.surface-container{background:var(--color-surface-container)}.surface-container-low{background:var(--color-surface-container-low)}.surface-container-lowest{background:var(--color-surface-container-lowest)}.surface-dim{background:var(--color-surface-dim)}.surface-variant{background:var(--color-surface-variant);color:var(--color-on-surface-variant);--icon-color: var(--color-on-surface-variant)}.scrollbar-primary::selection{color:var(--color-surface);background:var(--color-primary)}.scrollbar-primary::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:var(--scrollbar-width)}.scrollbar-primary::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:calc(var(--scrollbar-width)/2)}
1
+ :root{--color-black: #000000;--color-blue: var(--color-blue-40);--color-blue-0: #000000;--color-blue-10: #001550;--color-blue-20: #00277f;--color-blue-30: #003ab2;--color-blue-40: #2352d5;--color-blue-50: #446def;--color-blue-60: #6789ff;--color-blue-70: #90a7ff;--color-blue-80: #b6c4ff;--color-blue-90: #dce1ff;--color-blue-100: #ffffff;--color-blue-container: var(--color-blue-90);--color-error: var(--color-red-40);--color-error-container: var(--color-red-90);--color-green: var(--color-green-40);--color-green-0: #000000;--color-green-10: #00210b;--color-green-20: #003917;--color-green-30: #005225;--color-green-40: #0f6d35;--color-green-50: #31874b;--color-green-60: #4da163;--color-green-70: #68bd7b;--color-green-80: #83d995;--color-green-90: #9ff6af;--color-green-100: #ffffff;--color-green-container: var(--color-green-90);--color-inverse-blue: var(--color-blue-80);--color-inverse-error: var(--color-red-80);--color-inverse-green: var(--color-green-80);--color-inverse-on-surface: var(--color-neutral-95);--color-inverse-orange: var(--color-orange-80);--color-inverse-primary: var(--color-primary-80);--color-inverse-purple: var(--color-purple-80);--color-inverse-red: var(--color-red-80);--color-inverse-secondary: var(--color-secondary-80);--color-inverse-success: var(--color-green-80);--color-inverse-surface: var(--color-neutral-20);--color-inverse-tertiary: var(--color-tertiary-80);--color-inverse-warning: var(--color-yellow-80);--color-inverse-yellow: var(--color-yellow-80);--color-neutral: #79767a;--color-neutral-0: #000000;--color-neutral-4: #0f0e11;--color-neutral-6: #141316;--color-neutral-10: #1c1b1e;--color-neutral-12: #201f23;--color-neutral-17: #2b292d;--color-neutral-20: #313033;--color-neutral-22: #363438;--color-neutral-30: #48464a;--color-neutral-40: #605d62;--color-neutral-50: #79767a;--color-neutral-60: #939094;--color-neutral-70: #aeaaaf;--color-neutral-80: #c9c5ca;--color-neutral-87: #ddd9dd;--color-neutral-90: #e6e1e6;--color-neutral-92: #ebe7ec;--color-neutral-94: #f1ecf1;--color-neutral-95: #f4eff4;--color-neutral-96: #f7f2f7;--color-neutral-98: #fdf8fd;--color-neutral-99: #fffbff;--color-neutral-100: #ffffff;--color-neutral-variant: #79757f;--color-neutral-variant-0: #000000;--color-neutral-variant-4: #0f0d15;--color-neutral-variant-6: #14121a;--color-neutral-variant-10: #1c1a22;--color-neutral-variant-12: #201e27;--color-neutral-variant-17: #2b2931;--color-neutral-variant-20: #312f38;--color-neutral-variant-22: #36333c;--color-neutral-variant-30: #48454e;--color-neutral-variant-40: #605d66;--color-neutral-variant-50: #79757f;--color-neutral-variant-60: #938f99;--color-neutral-variant-70: #aea9b4;--color-neutral-variant-80: #c9c4d0;--color-neutral-variant-87: #ddd8e3;--color-neutral-variant-90: #e6e0ec;--color-neutral-variant-92: #ece6f1;--color-neutral-variant-94: #f1ecf7;--color-neutral-variant-95: #f4eefa;--color-neutral-variant-96: #f7f1fd;--color-neutral-variant-98: #fdf8ff;--color-neutral-variant-99: #fffbff;--color-neutral-variant-100: #ffffff;--color-on-blue: var(--color-blue-100);--color-on-blue-container: var(--color-blue-10);--color-on-error: var(--color-red-100);--color-on-error-container: var(--color-red-10);--color-on-green: var(--color-green-100);--color-on-green-container: var(--color-green-10);--color-on-orange: var(--color-orange-100);--color-on-orange-container: var(--color-orange-10);--color-on-primary: var(--color-primary-100);--color-on-primary-container: var(--color-primary-10);--color-on-purple: var(--color-purple-100);--color-on-purple-container: var(--color-purple-10);--color-on-red: var(--color-red-100);--color-on-red-container: var(--color-red-10);--color-on-secondary: var(--color-secondary-100);--color-on-secondary-container: var(--color-secondary-10);--color-on-success: var(--color-green-100);--color-on-success-container: var(--color-green-10);--color-on-surface: var(--color-neutral-10);--color-on-surface-variant: var(--color-neutral-variant-30);--color-on-tertiary: var(--color-tertiary-100);--color-on-tertiary-container: var(--color-tertiary-10);--color-on-warning: var(--color-yellow-100);--color-on-warning-container: var(--color-yellow-10);--color-on-yellow: var(--color-yellow-100);--color-on-yellow-container: var(--color-yellow-10);--color-orange: var(--color-orange-40);--color-orange-0: #000000;--color-orange-10: #341100;--color-orange-20: #552100;--color-orange-30: #783100;--color-orange-40: #9e4300;--color-orange-50: #c55500;--color-orange-60: #ee6803;--color-orange-70: #ff8d4c;--color-orange-80: #ffb691;--color-orange-90: #ffdbcb;--color-orange-100: #ffffff;--color-orange-container: var(--color-orange-90);--color-outline: var(--color-neutral-variant-50);--color-outline-variant: var(--color-neutral-variant-80);--color-primary: var(--color-primary-40);--color-primary-0: #000000;--color-primary-10: #1d0061;--color-primary-20: #330098;--color-primary-30: #4a21bd;--color-primary-40: #6341d5;--color-primary-50: #7c5df0;--color-primary-60: #967cff;--color-primary-70: #b09dff;--color-primary-80: #cbbeff;--color-primary-90: #e7deff;--color-primary-95: #f4eeff;--color-primary-98: #fdf8ff;--color-primary-100: #ffffff;--color-primary-container: var(--color-primary-90);--color-purple: var(--color-purple-40);--color-purple-0: #000000;--color-purple-10: #3f001c;--color-purple-20: #650032;--color-purple-30: #8e0048;--color-purple-40: #ba0061;--color-purple-50: #e6067a;--color-purple-60: #ff4993;--color-purple-70: #ff84ad;--color-purple-80: #ffb1c7;--color-purple-90: #ffd9e2;--color-purple-100: #ffffff;--color-purple-container: var(--color-purple-90);--color-red: var(--color-red-40);--color-red-0: #000000;--color-red-10: #410001;--color-red-20: #690002;--color-red-30: #930005;--color-red-40: #be0c0e;--color-red-50: #e32e25;--color-red-60: #ff5545;--color-red-70: #ff8a7b;--color-red-80: #ffb4a9;--color-red-90: #ffdad5;--color-red-100: #ffffff;--color-red-container: var(--color-red-90);--color-scrim: var(--color-neutral-0);--color-secondary: var(--color-secondary-40);--color-secondary-0: #000000;--color-secondary-10: #1d192b;--color-secondary-20: #322e41;--color-secondary-30: #484458;--color-secondary-40: #605b71;--color-secondary-50: #79748a;--color-secondary-60: #938da5;--color-secondary-70: #aea8c0;--color-secondary-80: #cac3dc;--color-secondary-90: #e6dff9;--color-secondary-95: #f4eeff;--color-secondary-98: #fdf8ff;--color-secondary-100: #ffffff;--color-secondary-container: var(--color-secondary-90);--color-shadow: var(--color-neutral-0);--color-success: var(--color-green-40);--color-success-container: var(--color-green-90);--color-surface: var(--color-neutral-99);--color-surface-container: var(--color-neutral-94);--color-surface-container-high: var(--color-neutral-92);--color-surface-container-highest: var(--color-neutral-90);--color-surface-container-low: var(--color-neutral-96);--color-surface-container-lowest: var(--color-neutral-100);--color-surface-dim: var(--color-neutral-87);--color-surface-variant: var(--color-neutral-variant-90);--color-tertiary: var(--color-tertiary-40);--color-tertiary-0: #000000;--color-tertiary-10: #30111f;--color-tertiary-20: #492534;--color-tertiary-30: #623b4b;--color-tertiary-40: #7c5263;--color-tertiary-50: #986a7b;--color-tertiary-60: #b48395;--color-tertiary-70: #d09db0;--color-tertiary-80: #eeb8cb;--color-tertiary-90: #ffd9e5;--color-tertiary-95: #ffecf1;--color-tertiary-98: #fff8f8;--color-tertiary-100: #ffffff;--color-tertiary-container: var(--color-tertiary-90);--color-warning: var(--color-yellow-40);--color-warning-container: var(--color-yellow-90);--color-white: #ffffff;--color-yellow: var(--color-yellow-40);--color-yellow-0: #000000;--color-yellow-10: #241a00;--color-yellow-20: #3d2f00;--color-yellow-30: #574400;--color-yellow-40: #745b00;--color-yellow-50: #917400;--color-yellow-60: #b08d00;--color-yellow-70: #d0a600;--color-yellow-80: #f0c100;--color-yellow-90: #ffe089;--color-yellow-100: #ffffff;--color-yellow-container: var(--color-yellow-90);--container-lg: 1056px;--container-max: 1584px;--container-md: 672px;--container-sm: 320px;--container-xl: 1312px;--duration-long1: 450ms;--duration-long2: 500ms;--duration-medium1: 250ms;--duration-medium2: 300ms;--duration-short1: 50ms;--duration-short2: 100ms;--duration-short3: 150ms;--duration-short4: 200ms;--easing-linear: cubic-bezier(0, 0, 1, 1);--easing-standard: cubic-bezier(0.2, 0, 0, 1);--font-family-brand: "Noto Sans", sans-serif;--font-family-monospace: "Noto Sans Mono", monospace;--font-family-sans: "Noto Sans", sans-serif;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-semi-bold: 600;--global-avatar-container-shape: var(--shape-corner-full);--global-badge-color: var(--color-error);--scrollbar-width: 8px;--shape-corner-extra-large: 28px;--shape-corner-extra-small: 4px;--shape-corner-full: 9999px;--shape-corner-large: 16px;--shape-corner-large-increased: 20px;--shape-corner-medium: 12px;--shape-corner-none: 0;--shape-corner-small: 8px;--spacing-000: 0;--spacing-025: 0.125rem;--spacing-050: 0.25rem;--spacing-100: 0.5rem;--spacing-150: 0.75rem;--spacing-200: 1rem;--spacing-300: 1.5rem;--spacing-400: 2rem;--spacing-500: 2.5rem;--spacing-600: 3rem;--spacing-800: 4rem;--spacing-1000: 5rem;--spacing-1200: 6rem;--spacing-2000: 10rem;--spacing-base: 1rem;--typography-body-large-emphasized-font-family: var(--font-family-sans);--typography-body-large-emphasized-font-size: 1rem;--typography-body-large-emphasized-font-weight: var(--font-weight-medium);--typography-body-large-emphasized-letter-spacing: 0.5px;--typography-body-large-emphasized-line-height: 1.5rem;--typography-body-large-font-family: var(--font-family-sans);--typography-body-large-font-size: 1rem;--typography-body-large-font-weight: var(--font-weight-regular);--typography-body-large-letter-spacing: 0.5px;--typography-body-large-line-height: 1.5rem;--typography-body-medium-emphasized-font-family: var(--font-family-sans);--typography-body-medium-emphasized-font-size: 0.875rem;--typography-body-medium-emphasized-font-weight: var(--font-weight-medium);--typography-body-medium-emphasized-letter-spacing: 0.25px;--typography-body-medium-emphasized-line-height: 1.25rem;--typography-body-medium-font-family: var(--font-family-sans);--typography-body-medium-font-size: 0.875rem;--typography-body-medium-font-weight: var(--font-weight-regular);--typography-body-medium-letter-spacing: 0.25px;--typography-body-medium-line-height: 1.25rem;--typography-body-small-emphasized-font-family: var(--font-family-sans);--typography-body-small-emphasized-font-size: 0.75rem;--typography-body-small-emphasized-font-weight: var(--font-weight-medium);--typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;--typography-body-small-emphasized-line-height: 1rem;--typography-body-small-font-family: var(--font-family-sans);--typography-body-small-font-size: 0.75rem;--typography-body-small-font-weight: var(--font-weight-regular);--typography-body-small-letter-spacing: 0.4000000059604645px;--typography-body-small-line-height: 1rem;--typography-code-large-emphasized-font-family: var(--font-family-monospace);--typography-code-large-emphasized-font-size: 1rem;--typography-code-large-emphasized-font-weight: var(--font-weight-medium);--typography-code-large-emphasized-letter-spacing: 0.5px;--typography-code-large-emphasized-line-height: 1.5rem;--typography-code-large-font-family: var(--font-family-monospace);--typography-code-large-font-size: 1rem;--typography-code-large-font-weight: var(--font-weight-regular);--typography-code-large-letter-spacing: 0.5px;--typography-code-large-line-height: 1.5rem;--typography-code-medium-emphasized-font-family: var(--font-family-monospace);--typography-code-medium-emphasized-font-size: 0.875rem;--typography-code-medium-emphasized-font-weight: var(--font-weight-medium);--typography-code-medium-emphasized-letter-spacing: 0.25px;--typography-code-medium-emphasized-line-height: 1.25rem;--typography-code-medium-font-family: var(--font-family-monospace);--typography-code-medium-font-size: 0.875rem;--typography-code-medium-font-weight: var(--font-weight-regular);--typography-code-medium-letter-spacing: 0.25px;--typography-code-medium-line-height: 1.25rem;--typography-code-small-emphasized-font-family: var(--font-family-monospace);--typography-code-small-emphasized-font-size: 0.75rem;--typography-code-small-emphasized-font-weight: var(--font-weight-medium);--typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;--typography-code-small-emphasized-line-height: 1rem;--typography-code-small-font-family: var(--font-family-monospace);--typography-code-small-font-size: 0.75rem;--typography-code-small-font-weight: var(--font-weight-regular);--typography-code-small-letter-spacing: 0.4000000059604645px;--typography-code-small-line-height: 1rem;--typography-display-large-emphasized-font-family: var(--font-family-sans);--typography-display-large-emphasized-font-size: 3.5625rem;--typography-display-large-emphasized-font-weight: var(--font-weight-medium);--typography-display-large-emphasized-letter-spacing: -0.25px;--typography-display-large-emphasized-line-height: 4rem;--typography-display-large-font-family: var(--font-family-sans);--typography-display-large-font-size: 3.5625rem;--typography-display-large-font-weight: var(--font-weight-regular);--typography-display-large-letter-spacing: -0.25px;--typography-display-large-line-height: 4rem;--typography-display-medium-emphasized-font-family: var(--font-family-sans);--typography-display-medium-emphasized-font-size: 2.8125rem;--typography-display-medium-emphasized-font-weight: var(--font-weight-medium);--typography-display-medium-emphasized-letter-spacing: 0;--typography-display-medium-emphasized-line-height: 3.25rem;--typography-display-medium-font-family: var(--font-family-sans);--typography-display-medium-font-size: 2.8125rem;--typography-display-medium-font-weight: var(--font-weight-regular);--typography-display-medium-letter-spacing: 0;--typography-display-medium-line-height: 3.25rem;--typography-display-small-emphasized-font-family: var(--font-family-sans);--typography-display-small-emphasized-font-size: 2.25rem;--typography-display-small-emphasized-font-weight: var(--font-weight-medium);--typography-display-small-emphasized-letter-spacing: 0;--typography-display-small-emphasized-line-height: 2.75rem;--typography-display-small-font-family: var(--font-family-sans);--typography-display-small-font-size: 2.25rem;--typography-display-small-font-weight: var(--font-weight-regular);--typography-display-small-letter-spacing: 0;--typography-display-small-line-height: 2.75rem;--typography-headline-large-emphasized-font-family: var(--font-family-sans);--typography-headline-large-emphasized-font-size: 2rem;--typography-headline-large-emphasized-font-weight: var(--font-weight-medium);--typography-headline-large-emphasized-letter-spacing: 0;--typography-headline-large-emphasized-line-height: 2.5rem;--typography-headline-large-font-family: var(--font-family-sans);--typography-headline-large-font-size: 2rem;--typography-headline-large-font-weight: var(--font-weight-regular);--typography-headline-large-letter-spacing: 0;--typography-headline-large-line-height: 2.5rem;--typography-headline-medium-emphasized-font-family: var(--font-family-sans);--typography-headline-medium-emphasized-font-size: 1.75rem;--typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);--typography-headline-medium-emphasized-letter-spacing: 0;--typography-headline-medium-emphasized-line-height: 2.25rem;--typography-headline-medium-font-family: var(--font-family-sans);--typography-headline-medium-font-size: 1.75rem;--typography-headline-medium-font-weight: var(--font-weight-regular);--typography-headline-medium-letter-spacing: 0;--typography-headline-medium-line-height: 2.25rem;--typography-headline-small-emphasized-font-family: var(--font-family-sans);--typography-headline-small-emphasized-font-size: 1.5rem;--typography-headline-small-emphasized-font-weight: var(--font-weight-medium);--typography-headline-small-emphasized-letter-spacing: 0;--typography-headline-small-emphasized-line-height: 2rem;--typography-headline-small-font-family: var(--font-family-sans);--typography-headline-small-font-size: 1.5rem;--typography-headline-small-font-weight: var(--font-weight-regular);--typography-headline-small-letter-spacing: 0;--typography-headline-small-line-height: 2rem;--typography-label-large-emphasized-font-family: var(--font-family-sans);--typography-label-large-emphasized-font-size: 0.875rem;--typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;--typography-label-large-emphasized-line-height: 1.25rem;--typography-label-large-font-family: var(--font-family-sans);--typography-label-large-font-size: 0.875rem;--typography-label-large-font-weight: var(--font-weight-medium);--typography-label-large-letter-spacing: 0.10000000149011612px;--typography-label-large-line-height: 1.25rem;--typography-label-medium-emphasized-font-family: var(--font-family-sans);--typography-label-medium-emphasized-font-size: 0.75rem;--typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-medium-emphasized-letter-spacing: 0.5px;--typography-label-medium-emphasized-line-height: 1rem;--typography-label-medium-font-family: var(--font-family-sans);--typography-label-medium-font-size: 0.75rem;--typography-label-medium-font-weight: var(--font-weight-medium);--typography-label-medium-letter-spacing: 0.5px;--typography-label-medium-line-height: 1rem;--typography-label-small-emphasized-font-family: var(--font-family-sans);--typography-label-small-emphasized-font-size: 0.6875rem;--typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-small-emphasized-letter-spacing: 0.5px;--typography-label-small-emphasized-line-height: 1rem;--typography-label-small-font-family: var(--font-family-sans);--typography-label-small-font-size: 0.6875rem;--typography-label-small-font-weight: var(--font-weight-medium);--typography-label-small-letter-spacing: 0.5px;--typography-label-small-line-height: 1rem;--typography-title-large-emphasized-font-family: var(--font-family-sans);--typography-title-large-emphasized-font-size: 1.375rem;--typography-title-large-emphasized-font-weight: var(--font-weight-medium);--typography-title-large-emphasized-letter-spacing: 0;--typography-title-large-emphasized-line-height: 1.75rem;--typography-title-large-font-family: var(--font-family-sans);--typography-title-large-font-size: 1.375rem;--typography-title-large-font-weight: var(--font-weight-regular);--typography-title-large-letter-spacing: 0;--typography-title-large-line-height: 1.75rem;--typography-title-medium-emphasized-font-family: var(--font-family-sans);--typography-title-medium-emphasized-font-size: 1rem;--typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);--typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;--typography-title-medium-emphasized-line-height: 1.5rem;--typography-title-medium-font-family: var(--font-family-sans);--typography-title-medium-font-size: 1rem;--typography-title-medium-font-weight: var(--font-weight-medium);--typography-title-medium-letter-spacing: 0.15000000596046448px;--typography-title-medium-line-height: 1.5rem;--typography-title-small-emphasized-font-family: var(--font-family-sans);--typography-title-small-emphasized-font-size: 0.875rem;--typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);--typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;--typography-title-small-emphasized-line-height: 1.25rem;--typography-title-small-font-family: var(--font-family-sans);--typography-title-small-font-size: 0.875rem;--typography-title-small-font-weight: var(--font-weight-medium);--typography-title-small-letter-spacing: 0.10000000149011612px;--typography-title-small-line-height: 1.25rem;--z-index-badge: 10;color-scheme:light dark}[data-theme=dark]{--color-blue: var(--color-blue-80);--color-blue-container: var(--color-blue-30);--color-error: var(--color-red-80);--color-error-container: var(--color-red-30);--color-green: var(--color-green-80);--color-green-container: var(--color-green-30);--color-inverse-blue: var(--color-blue-40);--color-inverse-error: var(--color-red-40);--color-inverse-green: var(--color-green-40);--color-inverse-on-surface: var(--color-neutral-20);--color-inverse-orange: var(--color-orange-40);--color-inverse-primary: var(--color-primary-40);--color-inverse-purple: var(--color-purple-40);--color-inverse-red: var(--color-red-40);--color-inverse-secondary: var(--color-secondary-40);--color-inverse-success: var(--color-green-40);--color-inverse-surface: var(--color-neutral-90);--color-inverse-tertiary: var(--color-tertiary-40);--color-inverse-warning: var(--color-yellow-40);--color-inverse-yellow: var(--color-yellow-40);--color-on-blue: var(--color-blue-20);--color-on-blue-container: var(--color-blue-90);--color-on-error: var(--color-red-20);--color-on-error-container: var(--color-red-90);--color-on-green: var(--color-green-20);--color-on-green-container: var(--color-green-90);--color-on-orange: var(--color-orange-20);--color-on-orange-container: var(--color-orange-90);--color-on-primary: var(--color-primary-20);--color-on-primary-container: var(--color-primary-90);--color-on-purple: var(--color-purple-20);--color-on-purple-container: var(--color-purple-90);--color-on-red: var(--color-red-20);--color-on-red-container: var(--color-red-90);--color-on-secondary: var(--color-secondary-20);--color-on-secondary-container: var(--color-secondary-90);--color-on-success: var(--color-green-20);--color-on-success-container: var(--color-green-90);--color-on-surface: var(--color-neutral-90);--color-on-surface-variant: var(--color-neutral-variant-80);--color-on-tertiary: var(--color-tertiary-20);--color-on-tertiary-container: var(--color-tertiary-90);--color-on-warning: var(--color-yellow-20);--color-on-warning-container: var(--color-yellow-90);--color-on-yellow: var(--color-yellow-20);--color-on-yellow-container: var(--color-yellow-90);--color-orange: var(--color-orange-80);--color-orange-container: var(--color-orange-30);--color-outline: var(--color-neutral-variant-60);--color-outline-variant: var(--color-neutral-variant-30);--color-primary: var(--color-primary-80);--color-primary-container: var(--color-primary-30);--color-purple: var(--color-purple-80);--color-purple-container: var(--color-purple-30);--color-red: var(--color-red-80);--color-red-container: var(--color-red-30);--color-scrim: var(--color-neutral-0);--color-secondary: var(--color-secondary-80);--color-secondary-container: var(--color-secondary-30);--color-shadow: var(--color-neutral-0);--color-success: var(--color-green-80);--color-success-container: var(--color-green-30);--color-surface: var(--color-neutral-10);--color-surface-container: var(--color-neutral-12);--color-surface-container-high: var(--color-neutral-17);--color-surface-container-highest: var(--color-neutral-22);--color-surface-container-low: var(--color-neutral-10);--color-surface-container-lowest: var(--color-neutral-4);--color-surface-dim: var(--color-neutral-6);--color-surface-variant: var(--color-neutral-variant-30);--color-tertiary: var(--color-tertiary-80);--color-tertiary-container: var(--color-tertiary-30);--color-warning: var(--color-yellow-80);--color-warning-container: var(--color-yellow-30);--color-yellow: var(--color-yellow-80);--color-yellow-container: var(--color-yellow-30)}*{box-sizing:border-box}.screen-reader-only{display:none !important}[hidden]{display:none !important}.text-display{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important}.text-display-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important}.text-display-large{font-family:var(--typography-display-large-font-family) !important;font-size:var(--typography-display-large-font-size) !important;font-weight:var(--typography-display-large-font-weight) !important;line-height:var(--typography-display-large-line-height) !important;letter-spacing:var(--typography-display-large-letter-spacing) !important}.text-display-large-emphasized{font-family:var(--typography-display-large-emphasized-font-family) !important;font-size:var(--typography-display-large-emphasized-font-size) !important;font-weight:var(--typography-display-large-emphasized-font-weight) !important;line-height:var(--typography-display-large-emphasized-line-height) !important;letter-spacing:var(--typography-display-large-emphasized-letter-spacing) !important}.text-display-medium{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important}.text-display-medium-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important}.text-display-small{font-family:var(--typography-display-small-font-family) !important;font-size:var(--typography-display-small-font-size) !important;font-weight:var(--typography-display-small-font-weight) !important;line-height:var(--typography-display-small-line-height) !important;letter-spacing:var(--typography-display-small-letter-spacing) !important}.text-display-small-emphasized{font-family:var(--typography-display-small-emphasized-font-family) !important;font-size:var(--typography-display-small-emphasized-font-size) !important;font-weight:var(--typography-display-small-emphasized-font-weight) !important;line-height:var(--typography-display-small-emphasized-line-height) !important;letter-spacing:var(--typography-display-small-emphasized-letter-spacing) !important}.text-headline{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important}.text-headline-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important}.text-headline-large{font-family:var(--typography-headline-large-font-family) !important;font-size:var(--typography-headline-large-font-size) !important;font-weight:var(--typography-headline-large-font-weight) !important;line-height:var(--typography-headline-large-line-height) !important;letter-spacing:var(--typography-headline-large-letter-spacing) !important}.text-headline-large-emphasized{font-family:var(--typography-headline-large-emphasized-font-family) !important;font-size:var(--typography-headline-large-emphasized-font-size) !important;font-weight:var(--typography-headline-large-emphasized-font-weight) !important;line-height:var(--typography-headline-large-emphasized-line-height) !important;letter-spacing:var(--typography-headline-large-emphasized-letter-spacing) !important}.text-headline-medium{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important}.text-headline-medium-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important}.text-headline-small{font-family:var(--typography-headline-small-font-family) !important;font-size:var(--typography-headline-small-font-size) !important;font-weight:var(--typography-headline-small-font-weight) !important;line-height:var(--typography-headline-small-line-height) !important;letter-spacing:var(--typography-headline-small-letter-spacing) !important}.text-headline-small-emphasized{font-family:var(--typography-headline-small-emphasized-font-family) !important;font-size:var(--typography-headline-small-emphasized-font-size) !important;font-weight:var(--typography-headline-small-emphasized-font-weight) !important;line-height:var(--typography-headline-small-emphasized-line-height) !important;letter-spacing:var(--typography-headline-small-emphasized-letter-spacing) !important}.text-body{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important}.text-body-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important}.text-body-large{font-family:var(--typography-body-large-font-family) !important;font-size:var(--typography-body-large-font-size) !important;font-weight:var(--typography-body-large-font-weight) !important;line-height:var(--typography-body-large-line-height) !important;letter-spacing:var(--typography-body-large-letter-spacing) !important}.text-body-large-emphasized{font-family:var(--typography-body-large-emphasized-font-family) !important;font-size:var(--typography-body-large-emphasized-font-size) !important;font-weight:var(--typography-body-large-emphasized-font-weight) !important;line-height:var(--typography-body-large-emphasized-line-height) !important;letter-spacing:var(--typography-body-large-emphasized-letter-spacing) !important}.text-body-medium{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important}.text-body-medium-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important}.text-body-small{font-family:var(--typography-body-small-font-family) !important;font-size:var(--typography-body-small-font-size) !important;font-weight:var(--typography-body-small-font-weight) !important;line-height:var(--typography-body-small-line-height) !important;letter-spacing:var(--typography-body-small-letter-spacing) !important}.text-body-small-emphasized{font-family:var(--typography-body-small-emphasized-font-family) !important;font-size:var(--typography-body-small-emphasized-font-size) !important;font-weight:var(--typography-body-small-emphasized-font-weight) !important;line-height:var(--typography-body-small-emphasized-line-height) !important;letter-spacing:var(--typography-body-small-emphasized-letter-spacing) !important}.text-code{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-large{font-family:var(--typography-code-large-font-family) !important;font-size:var(--typography-code-large-font-size) !important;font-weight:var(--typography-code-large-font-weight) !important;line-height:var(--typography-code-large-line-height) !important;letter-spacing:var(--typography-code-large-letter-spacing) !important}.text-code-large-emphasized{font-family:var(--typography-code-large-emphasized-font-family) !important;font-size:var(--typography-code-large-emphasized-font-size) !important;font-weight:var(--typography-code-large-emphasized-font-weight) !important;line-height:var(--typography-code-large-emphasized-line-height) !important;letter-spacing:var(--typography-code-large-emphasized-letter-spacing) !important}.text-code-medium{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-medium-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-small{font-family:var(--typography-code-small-font-family) !important;font-size:var(--typography-code-small-font-size) !important;font-weight:var(--typography-code-small-font-weight) !important;line-height:var(--typography-code-small-line-height) !important;letter-spacing:var(--typography-code-small-letter-spacing) !important}.text-code-small-emphasized{font-family:var(--typography-code-small-emphasized-font-family) !important;font-size:var(--typography-code-small-emphasized-font-size) !important;font-weight:var(--typography-code-small-emphasized-font-weight) !important;line-height:var(--typography-code-small-emphasized-line-height) !important;letter-spacing:var(--typography-code-small-emphasized-letter-spacing) !important}.text-label{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-large{font-family:var(--typography-label-large-font-family) !important;font-size:var(--typography-label-large-font-size) !important;font-weight:var(--typography-label-large-font-weight) !important;line-height:var(--typography-label-large-line-height) !important;letter-spacing:var(--typography-label-large-letter-spacing) !important}.text-label-large-emphasized{font-family:var(--typography-label-large-emphasized-font-family) !important;font-size:var(--typography-label-large-emphasized-font-size) !important;font-weight:var(--typography-label-large-emphasized-font-weight) !important;line-height:var(--typography-label-large-emphasized-line-height) !important;letter-spacing:var(--typography-label-large-emphasized-letter-spacing) !important}.text-label-medium{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-medium-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-small{font-family:var(--typography-label-small-font-family) !important;font-size:var(--typography-label-small-font-size) !important;font-weight:var(--typography-label-small-font-weight) !important;line-height:var(--typography-label-small-line-height) !important;letter-spacing:var(--typography-label-small-letter-spacing) !important}.text-label-small-emphasized{font-family:var(--typography-label-small-emphasized-font-family) !important;font-size:var(--typography-label-small-emphasized-font-size) !important;font-weight:var(--typography-label-small-emphasized-font-weight) !important;line-height:var(--typography-label-small-emphasized-line-height) !important;letter-spacing:var(--typography-label-small-emphasized-letter-spacing) !important}.text-title{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important}.text-title-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important}.text-title-large{font-family:var(--typography-title-large-font-family) !important;font-size:var(--typography-title-large-font-size) !important;font-weight:var(--typography-title-large-font-weight) !important;line-height:var(--typography-title-large-line-height) !important;letter-spacing:var(--typography-title-large-letter-spacing) !important}.text-title-large-emphasized{font-family:var(--typography-title-large-emphasized-font-family) !important;font-size:var(--typography-title-large-emphasized-font-size) !important;font-weight:var(--typography-title-large-emphasized-font-weight) !important;line-height:var(--typography-title-large-emphasized-line-height) !important;letter-spacing:var(--typography-title-large-emphasized-letter-spacing) !important}.text-title-medium{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important}.text-title-medium-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important}.text-title-small{font-family:var(--typography-title-small-font-family) !important;font-size:var(--typography-title-small-font-size) !important;font-weight:var(--typography-title-small-font-weight) !important;line-height:var(--typography-title-small-line-height) !important;letter-spacing:var(--typography-title-small-letter-spacing) !important}.text-title-small-emphasized{font-family:var(--typography-title-small-emphasized-font-family) !important;font-size:var(--typography-title-small-emphasized-font-size) !important;font-weight:var(--typography-title-small-emphasized-font-weight) !important;line-height:var(--typography-title-small-emphasized-line-height) !important;letter-spacing:var(--typography-title-small-emphasized-letter-spacing) !important}.text-code-block{background-color:var(--color-surface-variant);text-shadow:0 1px 1px var(--color-surface-variant);color:var(--color-on-surface);border-radius:var(--shape-corner-extra-small);padding:var(--spacing-050);font-family:var(--font-family-monospace);display:inline-block;max-width:100%;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;vertical-align:middle}*{box-sizing:border-box}.screen-reader-only{display:none !important}[hidden]{display:none !important}.link{border-radius:inherit;corner-shape:inherit;color:var(--color-primary);--icon-color: currentColor;text-decoration:none}.link:hover,.link:focus-visible{text-decoration:underline}.link.inherit{color:inherit;text-decoration:none !important}.link.with-icon{display:inline-flex;align-items:center;gap:.5em}.surface,.surface-container-high,.surface-container-highest,.surface-container,.surface-container-low,.surface-container-lowest,.surface-dim{color:var(--color-on-surface);--icon-color: var(--color-on-surface);transition:background-color .5s cubic-bezier(0.2, 0, 0, 1),background-image .5s cubic-bezier(0.2, 0, 0, 1),color .5s cubic-bezier(0.2, 0, 0, 1)}.surface{background:var(--color-surface)}.surface-container-high{background:var(--color-surface-container-high)}.surface-container-highest{background:var(--color-surface-container-highest)}.surface-container{background:var(--color-surface-container)}.surface-container-low{background:var(--color-surface-container-low)}.surface-container-lowest{background:var(--color-surface-container-lowest)}.surface-dim{background:var(--color-surface-dim)}.surface-variant{background:var(--color-surface-variant);color:var(--color-on-surface-variant);--icon-color: var(--color-on-surface-variant)}.scrollbar-primary::selection{color:var(--color-surface);background:var(--color-primary)}.scrollbar-primary::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:var(--scrollbar-width)}.scrollbar-primary::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:calc(var(--scrollbar-width)/2)}
2
2
  /*# sourceMappingURL=styles.css.map */
package/dist/assets/styles.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css","file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/scss/styles.scss"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,0DACA,yCACA,uBACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA,iDC/hBA,EACE,sBAGF,oBACE,wBCEF,cD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,yBDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,oBD0BA,mEACA,+DACA,mEACA,mEACA,yEC1BA,+BDsBA,8EACA,0EACA,8EACA,8EACA,oFC9BA,qBD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,gCDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,oBD0BA,mEACA,+DACA,mEACA,mEACA,yEC1BA,+BDsBA,8EACA,0EACA,8EACA,8EACA,oFC9BA,eD0BA,qEACA,iEACA,qEACA,qEACA,2EC1BA,0BDsBA,gFACA,4EACA,gFACA,gFACA,sFC9BA,qBD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,gCDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,sBD0BA,qEACA,iEACA,qEACA,qEACA,2EC1BA,iCDsBA,gFACA,4EACA,gFACA,gFACA,sFC9BA,qBD0BA,oEACA,gEACA,oEACA,oEACA,0EC1BA,gCDsBA,+EACA,2EACA,+EACA,+EACA,qFC9BA,WD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,sBDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,WD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,sBDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,iBD0BA,gEACA,4DACA,gEACA,gEACA,sEC1BA,4BDsBA,2EACA,uEACA,2EACA,2EACA,iFC9BA,YD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,uBDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,mBD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,8BDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,YD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,uBDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFC9BA,mBD0BA,kEACA,8DACA,kEACA,kEACA,wEC1BA,8BDsBA,6EACA,yEACA,6EACA,6EACA,mFC9BA,kBD0BA,iEACA,6DACA,iEACA,iEACA,uEC1BA,6BDsBA,4EACA,wEACA,4EACA,4EACA,kFCNF,iBACE,8CACA,mDACA,8BACA,8CACA,2BACA,yCAEA,qBACA,eACA,qBACA,sBACA,uBACA,sBD5CA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SClBJ,6IACE,8BACA,sCACA,gJAGF,SACE,gCAGF,wBACE,+CAGF,2BACE,kDAGF,mBACE,0CAGF,uBACE,8CAGF,0BACE,iDAGF,aACE,oCAGF,iBACE,wCACA,sCACA,8CAGF,8BACE,2BACA,gCAIF,sCACI,+BACA,6BAIJ,4CACE,sCACA","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */\n --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */\n --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */\n --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */\n --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */\n --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */\n --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */\n --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; /* The font family used for brand headings and titles. */\n --font-family-monospace: \"Noto Sans Mono\", monospace; /* The font family used for code snippets and monospaced text. */\n --font-family-sans: \"Noto Sans\", sans-serif; /* The primary font family used for body text and general content. */\n --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */\n --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */\n --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */\n --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */\n --global-avatar-container-shape: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --scrollbar-width: 8px;\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; /* No spacing (base × 0). */\n --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */\n --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */\n --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */\n --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */\n --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */\n --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */\n --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */\n --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */\n --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */\n --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */\n --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */\n --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */\n --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */\n --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n","@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin reset-button-styles {\n background: transparent;\n border: none;\n appearance: none;\n margin: 0;\n outline: none;\n padding: 0;\n}\n\n@mixin reset-link-styles {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n color: inherit;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n\n\n// Layers\n@mixin layer-background {\n\n}\n\n // NOTE: `apply-container-shape` and `copy-container-shape` were removed.\n// These helpers previously copied container-shape custom properties and\n// applied them as physical border radii. They are intentionally deleted\n// because the loader now manages container shape via CSS custom properties\n// directly. If you need to reintroduce shape helpers, add small, focused\n// utilities instead of the previous macros.\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include mixin.get-typography(#{$value-type});\n }\n\n .text-#{$type}-emphasized {\n @include mixin.get-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n background-color: var(--color-surface-variant);\n text-shadow: 0 1px 1px var(--color-surface-variant);\n color: var(--color-on-surface);\n border-radius: var(--shape-corner-extra-small);\n padding: var(--spacing-050);\n font-family: var(--font-family-monospace);\n\n display: inline-block;\n max-width: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: anywhere;\n vertical-align: middle;\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use 'tokens.css';\n@use '../src/text/text.css-component.scss';\n@use '../src/link/link.css-component.scss';\n\n\n\n.surface, .surface-container-high, .surface-container-highest, .surface-container, .surface-container-low, .surface-container-lowest, .surface-dim {\n color: var(--color-on-surface);\n --icon-color: var(--color-on-surface);\n transition: background-color .5s cubic-bezier(.2,0,0,1),background-image .5s cubic-bezier(.2,0,0,1), color .5s cubic-bezier(.2,0,0,1);\n}\n\n.surface {\n background: var(--color-surface);\n}\n\n.surface-container-high {\n background: var(--color-surface-container-high);\n}\n\n.surface-container-highest {\n background: var(--color-surface-container-highest);\n}\n\n.surface-container {\n background: var(--color-surface-container);\n}\n\n.surface-container-low {\n background: var(--color-surface-container-low);\n}\n\n.surface-container-lowest {\n background: var(--color-surface-container-lowest);\n}\n\n.surface-dim {\n background: var(--color-surface-dim);\n}\n\n.surface-variant {\n background: var(--color-surface-variant);\n color: var(--color-on-surface-variant);\n --icon-color: var(--color-on-surface-variant);\n}\n\n.scrollbar-primary::selection {\n color: var(--color-surface);\n background: var(--color-primary);\n}\n\n/* width */\n.scrollbar-primary::-webkit-scrollbar {\n background-color: transparent;\n width: var(--scrollbar-width);\n}\n\n/* Handle */\n.scrollbar-primary::-webkit-scrollbar-thumb {\n background-color: var(--color-primary);\n border-radius: calc(var(--scrollbar-width) / 2);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css","file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/scss/styles.scss"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,0DACA,yCACA,uBACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA,iDC/hBA,EACE,sBAGF,oBACE,wBAGF,SACE,wBCFF,cD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,yBD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,oBD+BA,mEACA,+DACA,mEACA,mEACA,yEC/BA,+BD2BA,8EACA,0EACA,8EACA,8EACA,oFCnCA,qBD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,gCD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,oBD+BA,mEACA,+DACA,mEACA,mEACA,yEC/BA,+BD2BA,8EACA,0EACA,8EACA,8EACA,oFCnCA,eD+BA,qEACA,iEACA,qEACA,qEACA,2EC/BA,0BD2BA,gFACA,4EACA,gFACA,gFACA,sFCnCA,qBD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,gCD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,sBD+BA,qEACA,iEACA,qEACA,qEACA,2EC/BA,iCD2BA,gFACA,4EACA,gFACA,gFACA,sFCnCA,qBD+BA,oEACA,gEACA,oEACA,oEACA,0EC/BA,gCD2BA,+EACA,2EACA,+EACA,+EACA,qFCnCA,WD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,sBD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,WD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,sBD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,iBD+BA,gEACA,4DACA,gEACA,gEACA,sEC/BA,4BD2BA,2EACA,uEACA,2EACA,2EACA,iFCnCA,YD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,uBD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,mBD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,8BD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,YD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,uBD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCnCA,mBD+BA,kEACA,8DACA,kEACA,kEACA,wEC/BA,8BD2BA,6EACA,yEACA,6EACA,6EACA,mFCnCA,kBD+BA,iEACA,6DACA,iEACA,iEACA,uEC/BA,6BD2BA,4EACA,wEACA,4EACA,4EACA,kFCXF,iBACE,8CACA,mDACA,8BACA,8CACA,2BACA,yCAEA,qBACA,eACA,qBACA,sBACA,uBACA,sBD5CA,EACE,sBAGF,oBACE,wBAGF,SACE,wBENJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SClBJ,6IACE,8BACA,sCACA,gJAGF,SACE,gCAGF,wBACE,+CAGF,2BACE,kDAGF,mBACE,0CAGF,uBACE,8CAGF,0BACE,iDAGF,aACE,oCAGF,iBACE,wCACA,sCACA,8CAGF,8BACE,2BACA,gCAIF,sCACI,+BACA,6BAIJ,4CACE,sCACA","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */\n --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */\n --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */\n --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */\n --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */\n --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */\n --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */\n --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; /* The font family used for brand headings and titles. */\n --font-family-monospace: \"Noto Sans Mono\", monospace; /* The font family used for code snippets and monospaced text. */\n --font-family-sans: \"Noto Sans\", sans-serif; /* The primary font family used for body text and general content. */\n --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */\n --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */\n --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */\n --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */\n --global-avatar-container-shape: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --scrollbar-width: 8px;\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; /* No spacing (base × 0). */\n --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */\n --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */\n --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */\n --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */\n --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */\n --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */\n --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */\n --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */\n --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */\n --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */\n --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */\n --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */\n --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */\n --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n","@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n\n [hidden] {\n display: none !important;\n }\n}\n\n@mixin reset-button-styles {\n background: transparent;\n border: none;\n appearance: none;\n margin: 0;\n outline: none;\n padding: 0;\n}\n\n@mixin reset-link-styles {\n text-decoration: none;\n color: inherit;\n cursor: pointer;\n outline: none;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n color: inherit;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color: var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n\n// Layers\n@mixin layer-background {\n}\n\n// NOTE: `apply-container-shape` and `copy-container-shape` were removed.\n// These helpers previously copied container-shape custom properties and\n// applied them as physical border radii. They are intentionally deleted\n// because the loader now manages container shape via CSS custom properties\n// directly. If you need to reintroduce shape helpers, add small, focused\n// utilities instead of the previous macros.\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include mixin.get-typography(#{$value-type});\n }\n\n .text-#{$type}-emphasized {\n @include mixin.get-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n background-color: var(--color-surface-variant);\n text-shadow: 0 1px 1px var(--color-surface-variant);\n color: var(--color-on-surface);\n border-radius: var(--shape-corner-extra-small);\n padding: var(--spacing-050);\n font-family: var(--font-family-monospace);\n\n display: inline-block;\n max-width: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: anywhere;\n vertical-align: middle;\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use 'tokens.css';\n@use '../src/text/text.css-component.scss';\n@use '../src/link/link.css-component.scss';\n\n\n\n.surface, .surface-container-high, .surface-container-highest, .surface-container, .surface-container-low, .surface-container-lowest, .surface-dim {\n color: var(--color-on-surface);\n --icon-color: var(--color-on-surface);\n transition: background-color .5s cubic-bezier(.2,0,0,1),background-image .5s cubic-bezier(.2,0,0,1), color .5s cubic-bezier(.2,0,0,1);\n}\n\n.surface {\n background: var(--color-surface);\n}\n\n.surface-container-high {\n background: var(--color-surface-container-high);\n}\n\n.surface-container-highest {\n background: var(--color-surface-container-highest);\n}\n\n.surface-container {\n background: var(--color-surface-container);\n}\n\n.surface-container-low {\n background: var(--color-surface-container-low);\n}\n\n.surface-container-lowest {\n background: var(--color-surface-container-lowest);\n}\n\n.surface-dim {\n background: var(--color-surface-dim);\n}\n\n.surface-variant {\n background: var(--color-surface-variant);\n color: var(--color-on-surface-variant);\n --icon-color: var(--color-on-surface-variant);\n}\n\n.scrollbar-primary::selection {\n color: var(--color-surface);\n background: var(--color-primary);\n}\n\n/* width */\n.scrollbar-primary::-webkit-scrollbar {\n background-color: transparent;\n width: var(--scrollbar-width);\n}\n\n/* Handle */\n.scrollbar-primary::-webkit-scrollbar-thumb {\n background-color: var(--color-primary);\n border-radius: calc(var(--scrollbar-width) / 2);\n}\n"]}
package/dist/attachable-controller-CAKVrfcG.js ADDED
@@ -0,0 +1,119 @@
1
+ import './IndividualComponent-Bdwyrvd6.js';
2
+
3
+ /**
4
+ * A key to retrieve an `Attachable` element's `AttachableController` from a
5
+ * global `MutationObserver`.
6
+ */
7
+ const ATTACHABLE_CONTROLLER = Symbol('attachableController');
8
+ let FOR_ATTRIBUTE_OBSERVER;
9
+ {
10
+ /**
11
+ * A global `MutationObserver` that reacts to `for` attribute changes on
12
+ * `Attachable` elements. If the `for` attribute changes, the controller will
13
+ * re-attach to the new referenced element.
14
+ */
15
+ FOR_ATTRIBUTE_OBSERVER = new MutationObserver(records => {
16
+ for (const record of records) {
17
+ // When a control's `for` attribute changes, inform its
18
+ // `AttachableController` to update to a new control.
19
+ record.target[ATTACHABLE_CONTROLLER]?.hostConnected();
20
+ }
21
+ });
22
+ }
23
+ /**
24
+ * A controller that provides an implementation for `Attachable` elements.
25
+ *
26
+ * @example
27
+ * ```ts
28
+ * class MyElement extends LitElement implements Attachable {
29
+ * get control() { return this.attachableController.control; }
30
+ *
31
+ * private readonly attachableController = new AttachableController(
32
+ * this,
33
+ * (previousControl, newControl) => {
34
+ * previousControl?.removeEventListener('click', this.handleClick);
35
+ * newControl?.addEventListener('click', this.handleClick);
36
+ * }
37
+ * );
38
+ *
39
+ * // Implement remaining `Attachable` properties/methods that call the
40
+ * // controller's properties/methods.
41
+ * }
42
+ * ```
43
+ */
44
+ class AttachableController {
45
+ get htmlFor() {
46
+ return this.host.getAttribute('for');
47
+ }
48
+ set htmlFor(htmlFor) {
49
+ if (htmlFor === null) {
50
+ this.host.removeAttribute('for');
51
+ }
52
+ else {
53
+ this.host.setAttribute('for', htmlFor);
54
+ }
55
+ }
56
+ get control() {
57
+ if (this.host.hasAttribute('for')) {
58
+ if (!this.htmlFor || !this.host.isConnected) {
59
+ return null;
60
+ }
61
+ return this.host.getRootNode().querySelector(`#${this.htmlFor}`);
62
+ }
63
+ return this.currentControl || this.host.parentElement;
64
+ }
65
+ set control(control) {
66
+ if (control) {
67
+ this.attach(control);
68
+ }
69
+ else {
70
+ this.detach();
71
+ }
72
+ }
73
+ /**
74
+ * Creates a new controller for an `Attachable` element.
75
+ *
76
+ * @param host The `Attachable` element.
77
+ * @param onControlChange A callback with two parameters for the previous and
78
+ * next control. An `Attachable` element may perform setup or teardown
79
+ * logic whenever the control changes.
80
+ */
81
+ constructor(host, onControlChange) {
82
+ this.host = host;
83
+ this.onControlChange = onControlChange;
84
+ this.currentControl = null;
85
+ host.addController(this);
86
+ host[ATTACHABLE_CONTROLLER] = this;
87
+ FOR_ATTRIBUTE_OBSERVER?.observe(host, { attributeFilter: ['for'] });
88
+ }
89
+ attach(control) {
90
+ if (control === this.currentControl) {
91
+ return;
92
+ }
93
+ this.setCurrentControl(control);
94
+ // When imperatively attaching, remove the `for` attribute so
95
+ // that the attached control is used instead of a referenced one.
96
+ this.host.removeAttribute('for');
97
+ }
98
+ detach() {
99
+ this.setCurrentControl(null);
100
+ // When imperatively detaching, add an empty `for=""` attribute. This will
101
+ // ensure the control is `null` rather than the `parentElement`.
102
+ this.host.setAttribute('for', '');
103
+ }
104
+ /** @private */
105
+ hostConnected() {
106
+ this.setCurrentControl(this.control);
107
+ }
108
+ /** @private */
109
+ hostDisconnected() {
110
+ this.setCurrentControl(null);
111
+ }
112
+ setCurrentControl(control) {
113
+ this.onControlChange(this.currentControl, control);
114
+ this.currentControl = control;
115
+ }
116
+ }
117
+
118
+ export { AttachableController as A };
119
+ //# sourceMappingURL=attachable-controller-CAKVrfcG.js.map
package/dist/attachable-controller-CAKVrfcG.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"attachable-controller-CAKVrfcG.js","sources":["../../src/__internal/controllers/attachable-controller.ts"],"sourcesContent":["import { isServer, ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * An element that can be attached to an associated controlling element.\n */\nexport interface Attachable {\n /**\n * Reflects the value of the `for` attribute, which is the ID of the element's\n * associated control.\n *\n * Use this when the elements's associated control is not its parent.\n *\n * To manually control an element, set its `for` attribute to `\"\"`.\n *\n * @example\n * ```html\n * <div class=\"container\">\n * <md-attachable for=\"interactive\"></md-attachable>\n * <button id=\"interactive\">Action</button>\n * </div>\n * ```\n *\n * @example\n * ```html\n * <button class=\"manually-controlled\">\n * <md-attachable for=\"\"></md-attachable>\n * </button>\n * ```\n */\n htmlFor: string | null;\n\n /**\n * Gets or sets the element that controls the visibility of the attachable\n * element. It is one of:\n *\n * - The control referenced by the `for` attribute.\n * - The control provided to `element.attach(control)`\n * - The element's parent.\n * - `null` if the element is not controlled.\n */\n control: HTMLElement | null;\n\n /**\n * Attaches the element to an interactive control.\n *\n * @param control The element that controls the attachable element.\n */\n attach(control: HTMLElement): void;\n\n /**\n * Detaches the element from its current control.\n */\n detach(): void;\n}\n\n/**\n * A key to retrieve an `Attachable` element's `AttachableController` from a\n * global `MutationObserver`.\n */\nconst ATTACHABLE_CONTROLLER = Symbol('attachableController');\n\n/**\n * The host of an `AttachableController`. The controller will add itself to\n * the host so it can be retrieved in a global `MutationObserver`.\n */\ninterface AttachableControllerHost extends ReactiveControllerHost, HTMLElement {\n [ATTACHABLE_CONTROLLER]?: AttachableController;\n}\n\nlet FOR_ATTRIBUTE_OBSERVER: MutationObserver | undefined;\n\nif (!isServer) {\n /**\n * A global `MutationObserver` that reacts to `for` attribute changes on\n * `Attachable` elements. If the `for` attribute changes, the controller will\n * re-attach to the new referenced element.\n */\n FOR_ATTRIBUTE_OBSERVER = new MutationObserver(records => {\n for (const record of records) {\n // When a control's `for` attribute changes, inform its\n // `AttachableController` to update to a new control.\n (record.target as AttachableControllerHost)[\n ATTACHABLE_CONTROLLER\n ]?.hostConnected();\n }\n });\n}\n\n/**\n * A controller that provides an implementation for `Attachable` elements.\n *\n * @example\n * ```ts\n * class MyElement extends LitElement implements Attachable {\n * get control() { return this.attachableController.control; }\n *\n * private readonly attachableController = new AttachableController(\n * this,\n * (previousControl, newControl) => {\n * previousControl?.removeEventListener('click', this.handleClick);\n * newControl?.addEventListener('click', this.handleClick);\n * }\n * );\n *\n * // Implement remaining `Attachable` properties/methods that call the\n * // controller's properties/methods.\n * }\n * ```\n */\nexport class AttachableController implements ReactiveController, Attachable {\n get htmlFor() {\n return this.host.getAttribute('for');\n }\n\n set htmlFor(htmlFor: string | null) {\n if (htmlFor === null) {\n this.host.removeAttribute('for');\n } else {\n this.host.setAttribute('for', htmlFor);\n }\n }\n\n get control() {\n if (this.host.hasAttribute('for')) {\n if (!this.htmlFor || !this.host.isConnected) {\n return null;\n }\n\n return (\n this.host.getRootNode() as Document | ShadowRoot\n ).querySelector<HTMLElement>(`#${this.htmlFor}`);\n }\n\n return this.currentControl || this.host.parentElement;\n }\n set control(control: HTMLElement | null) {\n if (control) {\n this.attach(control);\n } else {\n this.detach();\n }\n }\n\n private currentControl: HTMLElement | null = null;\n\n /**\n * Creates a new controller for an `Attachable` element.\n *\n * @param host The `Attachable` element.\n * @param onControlChange A callback with two parameters for the previous and\n * next control. An `Attachable` element may perform setup or teardown\n * logic whenever the control changes.\n */\n constructor(\n private readonly host: AttachableControllerHost,\n private readonly onControlChange: (\n prev: HTMLElement | null,\n next: HTMLElement | null,\n ) => void,\n ) {\n host.addController(this);\n host[ATTACHABLE_CONTROLLER] = this;\n FOR_ATTRIBUTE_OBSERVER?.observe(host, { attributeFilter: ['for'] });\n }\n\n attach(control: HTMLElement) {\n if (control === this.currentControl) {\n return;\n }\n\n this.setCurrentControl(control);\n // When imperatively attaching, remove the `for` attribute so\n // that the attached control is used instead of a referenced one.\n this.host.removeAttribute('for');\n }\n\n detach() {\n this.setCurrentControl(null);\n // When imperatively detaching, add an empty `for=\"\"` attribute. This will\n // ensure the control is `null` rather than the `parentElement`.\n this.host.setAttribute('for', '');\n }\n\n /** @private */\n hostConnected() {\n this.setCurrentControl(this.control);\n }\n\n /** @private */\n hostDisconnected() {\n this.setCurrentControl(null);\n }\n\n private setCurrentControl(control: HTMLElement | null) {\n this.onControlChange(this.currentControl, control);\n this.currentControl = control;\n }\n}\n"],"names":[],"mappings":";;AAuDA;;;AAGG;AACH,MAAM,qBAAqB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AAU5D,IAAI,sBAAoD;AAEzC;AACb;;;;AAIG;AACH,IAAA,sBAAsB,GAAG,IAAI,gBAAgB,CAAC,OAAO,IAAG;AACtD,QAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;;;YAG3B,MAAM,CAAC,MAAmC,CACzC,qBAAqB,CACtB,EAAE,aAAa,EAAE;QACpB;AACF,IAAA,CAAC,CAAC;AACJ;AAEA;;;;;;;;;;;;;;;;;;;;AAoBG;MACU,oBAAoB,CAAA;AAC/B,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IACtC;IAEA,IAAI,OAAO,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;QAClC;aAAO;YACL,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC;QACxC;IACF;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AAC3C,gBAAA,OAAO,IAAI;YACb;AAEA,YAAA,OACE,IAAI,CAAC,IAAI,CAAC,WAAW,EACtB,CAAC,aAAa,CAAc,IAAI,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC;QAClD;QAEA,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa;IACvD;IACA,IAAI,OAAO,CAAC,OAA2B,EAAA;QACrC,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QACtB;aAAO;YACL,IAAI,CAAC,MAAM,EAAE;QACf;IACF;AAIA;;;;;;;AAOG;IACH,WAAA,CACmB,IAA8B,EAC9B,eAGR,EAAA;QAJQ,IAAA,CAAA,IAAI,GAAJ,IAAI;QACJ,IAAA,CAAA,eAAe,GAAf,eAAe;QAZ1B,IAAA,CAAA,cAAc,GAAuB,IAAI;AAiB/C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,IAAI;AAClC,QAAA,sBAAsB,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;IACrE;AAEA,IAAA,MAAM,CAAC,OAAoB,EAAA;AACzB,QAAA,IAAI,OAAO,KAAK,IAAI,CAAC,cAAc,EAAE;YACnC;QACF;AAEA,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;;;AAG/B,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;IAClC;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;;;QAG5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC;IACnC;;IAGA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;IACtC;;IAGA,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;IAC9B;AAEQ,IAAA,iBAAiB,CAAC,OAA2B,EAAA;QACnD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;AAClD,QAAA,IAAI,CAAC,cAAc,GAAG,OAAO;IAC/B;AACD;;;;"}