@zanichelli/albe-web-components 6.6.9 → 6.6.10-test

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 (602) hide show
  1. package/CHANGELOG.md +2209 -0
  2. package/dist/types/components/inputs/z-combobox/index.d.ts +2 -0
  3. package/dist/types/components.d.ts +8 -0
  4. package/dist/web-components-library/_commonjsHelpers-8fe71198.js +44 -0
  5. package/dist/web-components-library/app-globals-0f993ce5.js +3 -0
  6. package/dist/{esm → web-components-library}/breakpoints-c386984e.js +0 -0
  7. package/dist/web-components-library/css-shim-b3f2ee8d.js +4 -0
  8. package/dist/web-components-library/dom-665d6011.js +73 -0
  9. package/dist/{esm/hammer-c3266b17.js → web-components-library/hammer-782a2043.js} +3 -2
  10. package/dist/{esm → web-components-library}/icons-85e529a3.js +0 -0
  11. package/dist/{cjs/index-e3299e0a.js → web-components-library/index-291c96fb.js} +1473 -521
  12. package/dist/{esm → web-components-library}/index-968a240f.js +0 -0
  13. package/dist/web-components-library/index.esm.js +9 -1
  14. package/dist/web-components-library/shadow-css-b18e99d7.js +387 -0
  15. package/dist/{esm/utils-6cf7efe2.js → web-components-library/utils-b96780be.js} +18 -0
  16. package/dist/{esm/utils-151f0ab4.js → web-components-library/utils-d783f6be.js} +26 -4
  17. package/dist/web-components-library/web-components-library.css +1636 -1
  18. package/dist/web-components-library/web-components-library.esm.js +129 -1
  19. package/dist/{esm → web-components-library}/z-alert.entry.js +1 -1
  20. package/dist/{esm → web-components-library}/z-anchor-navigation.entry.js +1 -1
  21. package/dist/web-components-library/z-app-header.entry.js +129 -0
  22. package/dist/{esm → web-components-library}/z-app-switcher.entry.js +1 -1
  23. package/dist/{esm → web-components-library}/z-aria-alert.entry.js +1 -1
  24. package/dist/{esm → web-components-library}/z-avatar.entry.js +1 -1
  25. package/dist/web-components-library/z-body.entry.js +14 -0
  26. package/dist/{esm → web-components-library}/z-button-sort.entry.js +1 -1
  27. package/dist/{esm → web-components-library}/z-button.entry.js +1 -1
  28. package/dist/{esm → web-components-library}/z-card.entry.js +1 -1
  29. package/dist/{esm → web-components-library}/z-carousel.entry.js +1 -1
  30. package/dist/{esm → web-components-library}/z-chip.entry.js +2 -2
  31. package/dist/{esm → web-components-library}/z-combobox.entry.js +6 -4
  32. package/dist/{esm → web-components-library}/z-contextual-menu.entry.js +1 -1
  33. package/dist/{esm → web-components-library}/z-cover-hero.entry.js +1 -1
  34. package/dist/{esm → web-components-library}/z-date-picker.entry.js +12 -6
  35. package/dist/{esm → web-components-library}/z-divider.entry.js +1 -1
  36. package/dist/web-components-library/z-dragdrop-area.entry.js +33 -0
  37. package/dist/{esm → web-components-library}/z-file-upload.entry.js +2 -2
  38. package/dist/{esm → web-components-library}/z-file.entry.js +2 -2
  39. package/dist/{esm → web-components-library}/z-ghost-loading.entry.js +1 -1
  40. package/dist/web-components-library/z-heading.entry.js +14 -0
  41. package/dist/web-components-library/z-icon.entry.js +22 -0
  42. package/dist/{esm → web-components-library}/z-info-box.entry.js +1 -1
  43. package/dist/{esm → web-components-library}/z-info-reveal.entry.js +1 -1
  44. package/dist/web-components-library/z-input-message.entry.js +20 -0
  45. package/dist/web-components-library/z-input.entry.js +231 -0
  46. package/dist/{esm → web-components-library}/z-link.entry.js +1 -1
  47. package/dist/web-components-library/z-list-element.entry.js +173 -0
  48. package/dist/web-components-library/z-list-group.entry.js +56 -0
  49. package/dist/web-components-library/z-list.entry.js +36 -0
  50. package/dist/{esm → web-components-library}/z-logo.entry.js +1 -1
  51. package/dist/{esm → web-components-library}/z-menu-section.entry.js +1 -1
  52. package/dist/{esm → web-components-library}/z-menu.entry.js +1 -1
  53. package/dist/{esm → web-components-library}/z-messages-pocket.entry.js +1 -1
  54. package/dist/{esm/z-dragdrop-area_3.entry.js → web-components-library/z-modal.entry.js} +2 -43
  55. package/dist/{esm → web-components-library}/z-myz-card-alert.entry.js +1 -1
  56. package/dist/web-components-library/z-myz-card-body.entry.js +15 -0
  57. package/dist/web-components-library/z-myz-card-cover.entry.js +18 -0
  58. package/dist/{esm → web-components-library}/z-myz-card-dictionary.entry.js +1 -1
  59. package/dist/{esm → web-components-library}/z-myz-card-footer-sections.entry.js +1 -1
  60. package/dist/{esm → web-components-library}/z-myz-card-footer.entry.js +1 -1
  61. package/dist/web-components-library/z-myz-card-header.entry.js +36 -0
  62. package/dist/{esm → web-components-library}/z-myz-card-icon.entry.js +1 -1
  63. package/dist/{esm → web-components-library}/z-myz-card-info.entry.js +2 -2
  64. package/dist/{esm → web-components-library}/z-myz-card-list.entry.js +1 -1
  65. package/dist/web-components-library/z-myz-card.entry.js +42 -0
  66. package/dist/{esm → web-components-library}/z-myz-list-item.entry.js +2 -2
  67. package/dist/{esm → web-components-library}/z-myz-list.entry.js +1 -1
  68. package/dist/{esm → web-components-library}/z-navigation-tab-link.entry.js +1 -1
  69. package/dist/{esm → web-components-library}/z-navigation-tab.entry.js +1 -1
  70. package/dist/{esm → web-components-library}/z-navigation-tabs.entry.js +1 -1
  71. package/dist/{esm → web-components-library}/z-notification.entry.js +1 -1
  72. package/dist/{esm → web-components-library}/z-offcanvas.entry.js +1 -1
  73. package/dist/{esm → web-components-library}/z-otp.entry.js +1 -1
  74. package/dist/{esm → web-components-library}/z-pagination.entry.js +1 -1
  75. package/dist/{esm → web-components-library}/z-panel-elem.entry.js +1 -1
  76. package/dist/web-components-library/z-pocket-body.entry.js +23 -0
  77. package/dist/web-components-library/z-pocket-header.entry.js +36 -0
  78. package/dist/{esm → web-components-library}/z-pocket-message.entry.js +1 -1
  79. package/dist/web-components-library/z-pocket.entry.js +68 -0
  80. package/dist/{esm → web-components-library}/z-popover.entry.js +1 -1
  81. package/dist/{esm → web-components-library}/z-range-picker.entry.js +3 -3
  82. package/dist/{esm → web-components-library}/z-searchbar.entry.js +3 -3
  83. package/dist/{esm → web-components-library}/z-section-title.entry.js +1 -1
  84. package/dist/{esm → web-components-library}/z-select.entry.js +2 -2
  85. package/dist/{esm → web-components-library}/z-skip-to-content.entry.js +2 -2
  86. package/dist/{esm → web-components-library}/z-slideshow.entry.js +2 -2
  87. package/dist/{esm → web-components-library}/z-stepper-item.entry.js +1 -1
  88. package/dist/{esm → web-components-library}/z-stepper.entry.js +1 -1
  89. package/dist/{esm → web-components-library}/z-table-body.entry.js +1 -1
  90. package/dist/{esm → web-components-library}/z-table-cell.entry.js +1 -1
  91. package/dist/{esm → web-components-library}/z-table-empty-box.entry.js +1 -1
  92. package/dist/{esm → web-components-library}/z-table-expanded-row.entry.js +1 -1
  93. package/dist/{esm → web-components-library}/z-table-footer.entry.js +1 -1
  94. package/dist/{esm → web-components-library}/z-table-head.entry.js +1 -1
  95. package/dist/{esm → web-components-library}/z-table-header-row.entry.js +1 -1
  96. package/dist/{esm → web-components-library}/z-table-header.entry.js +2 -2
  97. package/dist/{esm → web-components-library}/z-table-row.entry.js +1 -1
  98. package/dist/{esm → web-components-library}/z-table-sticky-footer.entry.js +1 -1
  99. package/dist/{esm → web-components-library}/z-table.entry.js +2 -2
  100. package/dist/{esm → web-components-library}/z-tag.entry.js +1 -1
  101. package/dist/{esm → web-components-library}/z-toast-notification-list.entry.js +1 -1
  102. package/dist/{esm → web-components-library}/z-toast-notification.entry.js +3 -3
  103. package/dist/{esm → web-components-library}/z-toggle-button.entry.js +1 -1
  104. package/dist/{esm → web-components-library}/z-toggle-switch.entry.js +2 -2
  105. package/dist/{esm → web-components-library}/z-tooltip.entry.js +1 -1
  106. package/dist/{esm/z-body_2.entry.js → web-components-library/z-typography.entry.js} +2 -13
  107. package/dist/{esm → web-components-library}/z-visually-hidden.entry.js +1 -1
  108. package/package.json +1 -1
  109. package/react/components.d.ts +22 -1
  110. package/react/components.js +25 -3
  111. package/react/components.js.map +1 -1
  112. package/src-react/index.ts +1 -0
  113. package/www/build/_commonjsHelpers-8fe71198.js +44 -0
  114. package/www/build/app-globals-0f993ce5.js +3 -0
  115. package/{dist/collection/constants/breakpoints.js → www/build/breakpoints-c386984e.js} +2 -1
  116. package/www/build/css-shim-b3f2ee8d.js +4 -0
  117. package/www/build/dom-665d6011.js +73 -0
  118. package/{dist/cjs/hammer-4f20813e.js → www/build/hammer-782a2043.js} +5 -6
  119. package/{dist/cjs/icons-9e555ff7.js → www/build/icons-85e529a3.js} +1 -3
  120. package/{dist/esm/index-a2ca4b97.js → www/build/index-291c96fb.js} +1472 -492
  121. package/{dist/collection/beans/index.js → www/build/index-968a240f.js} +49 -47
  122. package/www/build/index.esm.js +9 -1
  123. package/www/build/shadow-css-b18e99d7.js +387 -0
  124. package/{dist/collection/utils/utils.js → www/build/utils-b96780be.js} +16 -13
  125. package/{dist/cjs/utils-8bc9056f.js → www/build/utils-d783f6be.js} +38 -22
  126. package/www/build/web-components-library.css +1636 -1
  127. package/www/build/web-components-library.esm.js +129 -1
  128. package/{dist/cjs/z-alert.cjs.entry.js → www/build/z-alert.entry.js} +4 -8
  129. package/{dist/cjs/z-anchor-navigation.cjs.entry.js → www/build/z-anchor-navigation.entry.js} +5 -9
  130. package/www/build/z-app-header.entry.js +129 -0
  131. package/{dist/cjs/z-app-switcher.cjs.entry.js → www/build/z-app-switcher.entry.js} +7 -11
  132. package/www/build/z-aria-alert.entry.js +15 -0
  133. package/{dist/cjs/z-avatar.cjs.entry.js → www/build/z-avatar.entry.js} +10 -14
  134. package/www/build/z-body.entry.js +14 -0
  135. package/{dist/cjs/z-button-sort.cjs.entry.js → www/build/z-button-sort.entry.js} +7 -11
  136. package/{dist/cjs/z-button.cjs.entry.js → www/build/z-button.entry.js} +10 -14
  137. package/{dist/cjs/z-card.cjs.entry.js → www/build/z-card.entry.js} +17 -21
  138. package/{dist/cjs/z-carousel.cjs.entry.js → www/build/z-carousel.entry.js} +11 -15
  139. package/{dist/cjs/z-chip.cjs.entry.js → www/build/z-chip.entry.js} +12 -16
  140. package/{dist/cjs/z-combobox.cjs.entry.js → www/build/z-combobox.entry.js} +26 -28
  141. package/{dist/cjs/z-contextual-menu.cjs.entry.js → www/build/z-contextual-menu.entry.js} +7 -11
  142. package/{dist/cjs/z-cover-hero.cjs.entry.js → www/build/z-cover-hero.entry.js} +12 -16
  143. package/{dist/cjs/z-date-picker.cjs.entry.js → www/build/z-date-picker.entry.js} +41 -39
  144. package/{dist/cjs/z-divider.cjs.entry.js → www/build/z-divider.entry.js} +7 -11
  145. package/www/build/z-dragdrop-area.entry.js +33 -0
  146. package/{dist/cjs/z-file-upload.cjs.entry.js → www/build/z-file-upload.entry.js} +23 -27
  147. package/{dist/cjs/z-file.cjs.entry.js → www/build/z-file.entry.js} +9 -13
  148. package/{dist/cjs/z-ghost-loading.cjs.entry.js → www/build/z-ghost-loading.entry.js} +4 -8
  149. package/www/build/z-heading.entry.js +14 -0
  150. package/www/build/z-icon.entry.js +22 -0
  151. package/{dist/cjs/z-info-box.cjs.entry.js → www/build/z-info-box.entry.js} +5 -9
  152. package/{dist/cjs/z-info-reveal.cjs.entry.js → www/build/z-info-reveal.entry.js} +7 -11
  153. package/www/build/z-input-message.entry.js +20 -0
  154. package/www/build/z-input.entry.js +231 -0
  155. package/{dist/cjs/z-link.cjs.entry.js → www/build/z-link.entry.js} +8 -12
  156. package/www/build/z-list-element.entry.js +173 -0
  157. package/www/build/z-list-group.entry.js +56 -0
  158. package/www/build/z-list.entry.js +36 -0
  159. package/{dist/cjs/z-logo.cjs.entry.js → www/build/z-logo.entry.js} +4 -8
  160. package/{dist/cjs/z-menu-section.cjs.entry.js → www/build/z-menu-section.entry.js} +7 -11
  161. package/{dist/cjs/z-menu.cjs.entry.js → www/build/z-menu.entry.js} +10 -14
  162. package/{dist/cjs/z-messages-pocket.cjs.entry.js → www/build/z-messages-pocket.entry.js} +13 -17
  163. package/www/build/z-modal.entry.js +29 -0
  164. package/{dist/cjs/z-myz-card-alert.cjs.entry.js → www/build/z-myz-card-alert.entry.js} +8 -12
  165. package/www/build/z-myz-card-body.entry.js +15 -0
  166. package/www/build/z-myz-card-cover.entry.js +18 -0
  167. package/{dist/cjs/z-myz-card-dictionary.cjs.entry.js → www/build/z-myz-card-dictionary.entry.js} +6 -10
  168. package/{dist/cjs/z-myz-card-footer-sections.cjs.entry.js → www/build/z-myz-card-footer-sections.entry.js} +4 -8
  169. package/{dist/cjs/z-myz-card-footer.cjs.entry.js → www/build/z-myz-card-footer.entry.js} +8 -12
  170. package/www/build/z-myz-card-header.entry.js +36 -0
  171. package/{dist/cjs/z-myz-card-icon.cjs.entry.js → www/build/z-myz-card-icon.entry.js} +4 -8
  172. package/{dist/cjs/z-myz-card-info.cjs.entry.js → www/build/z-myz-card-info.entry.js} +19 -23
  173. package/{dist/cjs/z-myz-card-list.cjs.entry.js → www/build/z-myz-card-list.entry.js} +7 -11
  174. package/www/build/z-myz-card.entry.js +42 -0
  175. package/{dist/cjs/z-myz-list-item.cjs.entry.js → www/build/z-myz-list-item.entry.js} +9 -13
  176. package/{dist/cjs/z-myz-list.cjs.entry.js → www/build/z-myz-list.entry.js} +5 -9
  177. package/{dist/cjs/z-navigation-tab-link.cjs.entry.js → www/build/z-navigation-tab-link.entry.js} +12 -16
  178. package/{dist/cjs/z-navigation-tab.cjs.entry.js → www/build/z-navigation-tab.entry.js} +12 -16
  179. package/{dist/cjs/z-navigation-tabs.cjs.entry.js → www/build/z-navigation-tabs.entry.js} +13 -17
  180. package/{dist/cjs/z-notification.cjs.entry.js → www/build/z-notification.entry.js} +6 -10
  181. package/{dist/cjs/z-offcanvas.cjs.entry.js → www/build/z-offcanvas.entry.js} +12 -16
  182. package/{dist/cjs/z-otp.cjs.entry.js → www/build/z-otp.entry.js} +7 -11
  183. package/{dist/cjs/z-pagination.cjs.entry.js → www/build/z-pagination.entry.js} +19 -23
  184. package/www/build/z-panel-elem.entry.js +26 -0
  185. package/www/build/z-pocket-body.entry.js +23 -0
  186. package/www/build/z-pocket-header.entry.js +36 -0
  187. package/{dist/cjs/z-pocket-message.cjs.entry.js → www/build/z-pocket-message.entry.js} +4 -8
  188. package/www/build/z-pocket.entry.js +68 -0
  189. package/{dist/cjs/z-popover.cjs.entry.js → www/build/z-popover.entry.js} +29 -33
  190. package/{dist/cjs/z-range-picker.cjs.entry.js → www/build/z-range-picker.entry.js} +28 -32
  191. package/{dist/cjs/z-searchbar.cjs.entry.js → www/build/z-searchbar.entry.js} +23 -27
  192. package/{dist/cjs/z-section-title.cjs.entry.js → www/build/z-section-title.entry.js} +7 -11
  193. package/{dist/cjs/z-select.cjs.entry.js → www/build/z-select.entry.js} +25 -29
  194. package/{dist/cjs/z-skip-to-content.cjs.entry.js → www/build/z-skip-to-content.entry.js} +10 -14
  195. package/{dist/cjs/z-slideshow.cjs.entry.js → www/build/z-slideshow.entry.js} +19 -23
  196. package/{dist/cjs/z-stepper-item.cjs.entry.js → www/build/z-stepper-item.entry.js} +5 -9
  197. package/{dist/cjs/z-stepper.cjs.entry.js → www/build/z-stepper.entry.js} +4 -8
  198. package/{dist/cjs/z-table-body.cjs.entry.js → www/build/z-table-body.entry.js} +5 -9
  199. package/{dist/cjs/z-table-cell.cjs.entry.js → www/build/z-table-cell.entry.js} +9 -13
  200. package/{dist/cjs/z-table-empty-box.cjs.entry.js → www/build/z-table-empty-box.entry.js} +6 -10
  201. package/www/build/z-table-expanded-row.entry.js +15 -0
  202. package/{dist/cjs/z-table-footer.cjs.entry.js → www/build/z-table-footer.entry.js} +5 -9
  203. package/{dist/cjs/z-table-head.cjs.entry.js → www/build/z-table-head.entry.js} +5 -9
  204. package/{dist/cjs/z-table-header-row.cjs.entry.js → www/build/z-table-header-row.entry.js} +5 -9
  205. package/{dist/cjs/z-table-header.cjs.entry.js → www/build/z-table-header.entry.js} +22 -26
  206. package/{dist/cjs/z-table-row.cjs.entry.js → www/build/z-table-row.entry.js} +12 -16
  207. package/{dist/cjs/z-table-sticky-footer.cjs.entry.js → www/build/z-table-sticky-footer.entry.js} +4 -8
  208. package/{dist/cjs/z-table.cjs.entry.js → www/build/z-table.entry.js} +16 -20
  209. package/{dist/cjs/z-tag.cjs.entry.js → www/build/z-tag.entry.js} +5 -9
  210. package/{dist/cjs/z-toast-notification-list.cjs.entry.js → www/build/z-toast-notification-list.entry.js} +7 -11
  211. package/{dist/cjs/z-toast-notification.cjs.entry.js → www/build/z-toast-notification.entry.js} +30 -34
  212. package/{dist/cjs/z-toggle-button.cjs.entry.js → www/build/z-toggle-button.entry.js} +6 -10
  213. package/{dist/cjs/z-toggle-switch.cjs.entry.js → www/build/z-toggle-switch.entry.js} +12 -16
  214. package/{dist/cjs/z-tooltip.cjs.entry.js → www/build/z-tooltip.entry.js} +6 -10
  215. package/{dist/cjs/z-body_2.cjs.entry.js → www/build/z-typography.entry.js} +5 -21
  216. package/{dist/cjs/z-visually-hidden.cjs.entry.js → www/build/z-visually-hidden.entry.js} +4 -8
  217. package/www/index.html +10 -1
  218. package/dist/cjs/_commonjsHelpers-537d719a.js +0 -20
  219. package/dist/cjs/breakpoints-88c4fd6c.js +0 -7
  220. package/dist/cjs/index-fa110f37.js +0 -311
  221. package/dist/cjs/index.cjs.js +0 -295
  222. package/dist/cjs/loader.cjs.js +0 -21
  223. package/dist/cjs/utils-600bad93.js +0 -100
  224. package/dist/cjs/web-components-library.cjs.js +0 -19
  225. package/dist/cjs/z-app-header_2.cjs.entry.js +0 -153
  226. package/dist/cjs/z-aria-alert.cjs.entry.js +0 -19
  227. package/dist/cjs/z-dragdrop-area_3.cjs.entry.js +0 -76
  228. package/dist/cjs/z-input_2.cjs.entry.js +0 -253
  229. package/dist/cjs/z-list_3.cjs.entry.js +0 -261
  230. package/dist/cjs/z-myz-card_4.cjs.entry.js +0 -108
  231. package/dist/cjs/z-panel-elem.cjs.entry.js +0 -30
  232. package/dist/cjs/z-pocket_3.cjs.entry.js +0 -125
  233. package/dist/cjs/z-table-expanded-row.cjs.entry.js +0 -19
  234. package/dist/collection/collection-manifest.json +0 -100
  235. package/dist/collection/components/buttons/z-button/index.js +0 -241
  236. package/dist/collection/components/buttons/z-button/styles.css +0 -149
  237. package/dist/collection/components/buttons/z-button-sort/index.js +0 -220
  238. package/dist/collection/components/buttons/z-button-sort/styles.css +0 -101
  239. package/dist/collection/components/buttons/z-chip/index.js +0 -133
  240. package/dist/collection/components/buttons/z-chip/styles.css +0 -131
  241. package/dist/collection/components/buttons/z-toggle-button/index.js +0 -126
  242. package/dist/collection/components/buttons/z-toggle-button/styles.css +0 -62
  243. package/dist/collection/components/buttons/z-toggle-switch/index.js +0 -144
  244. package/dist/collection/components/buttons/z-toggle-switch/styles.css +0 -104
  245. package/dist/collection/components/date-picker/styles.css +0 -565
  246. package/dist/collection/components/date-picker/utils.js +0 -76
  247. package/dist/collection/components/date-picker/z-date-picker/index.js +0 -295
  248. package/dist/collection/components/date-picker/z-range-picker/index.js +0 -499
  249. package/dist/collection/components/file-upload/z-dragdrop-area/index.js +0 -53
  250. package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +0 -51
  251. package/dist/collection/components/file-upload/z-file/index.js +0 -131
  252. package/dist/collection/components/file-upload/z-file/styles.css +0 -23
  253. package/dist/collection/components/file-upload/z-file-upload/index.js +0 -363
  254. package/dist/collection/components/file-upload/z-file-upload/styles.css +0 -84
  255. package/dist/collection/components/icons/icons.js +0 -747
  256. package/dist/collection/components/icons/z-icon/index.js +0 -114
  257. package/dist/collection/components/icons/z-icon/styles.css +0 -14
  258. package/dist/collection/components/index.js +0 -8
  259. package/dist/collection/components/indicators/z-stepper/index.js +0 -21
  260. package/dist/collection/components/indicators/z-stepper/styles.css +0 -19
  261. package/dist/collection/components/indicators/z-stepper-item/index.js +0 -93
  262. package/dist/collection/components/indicators/z-stepper-item/styles.css +0 -114
  263. package/dist/collection/components/inputs/z-combobox/index.js +0 -525
  264. package/dist/collection/components/inputs/z-combobox/styles.css +0 -142
  265. package/dist/collection/components/inputs/z-input/index.js +0 -731
  266. package/dist/collection/components/inputs/z-input/styles.css +0 -327
  267. package/dist/collection/components/inputs/z-input-message/index.js +0 -68
  268. package/dist/collection/components/inputs/z-input-message/styles.css +0 -33
  269. package/dist/collection/components/inputs/z-searchbar/index.js +0 -516
  270. package/dist/collection/components/inputs/z-searchbar/styles.css +0 -211
  271. package/dist/collection/components/inputs/z-select/index.js +0 -633
  272. package/dist/collection/components/inputs/z-select/styles.css +0 -88
  273. package/dist/collection/components/list/z-list/index.js +0 -91
  274. package/dist/collection/components/list/z-list/styles.css +0 -6
  275. package/dist/collection/components/list/z-list-element/index.js +0 -508
  276. package/dist/collection/components/list/z-list-element/styles.css +0 -121
  277. package/dist/collection/components/list/z-list-group/index.js +0 -175
  278. package/dist/collection/components/list/z-list-group/styles.css +0 -21
  279. package/dist/collection/components/list/z-toast-notification-list/index.js +0 -105
  280. package/dist/collection/components/list/z-toast-notification-list/styles.css +0 -100
  281. package/dist/collection/components/logo/z-logo/index.js +0 -131
  282. package/dist/collection/components/logo/z-logo/styles.css +0 -29
  283. package/dist/collection/components/modal/z-modal/index.js +0 -156
  284. package/dist/collection/components/modal/z-modal/styles.css +0 -179
  285. package/dist/collection/components/navigation/tabs/navigation-tab.css +0 -136
  286. package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +0 -242
  287. package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +0 -264
  288. package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +0 -200
  289. package/dist/collection/components/navigation/tabs/z-navigation-tabs/styles.css +0 -104
  290. package/dist/collection/components/navigation/z-app-header/index.js +0 -306
  291. package/dist/collection/components/navigation/z-app-header/styles.css +0 -420
  292. package/dist/collection/components/navigation/z-app-switcher/index.js +0 -79
  293. package/dist/collection/components/navigation/z-app-switcher/styles.css +0 -23
  294. package/dist/collection/components/navigation/z-link/index.js +0 -317
  295. package/dist/collection/components/navigation/z-link/styles.css +0 -167
  296. package/dist/collection/components/navigation/z-menu/index.js +0 -225
  297. package/dist/collection/components/navigation/z-menu/styles.css +0 -146
  298. package/dist/collection/components/navigation/z-menu-section/index.js +0 -116
  299. package/dist/collection/components/navigation/z-menu-section/styles.css +0 -91
  300. package/dist/collection/components/notification/z-info-box/index.js +0 -85
  301. package/dist/collection/components/notification/z-info-box/styles.css +0 -23
  302. package/dist/collection/components/notification/z-notification/index.js +0 -195
  303. package/dist/collection/components/notification/z-notification/styles.css +0 -114
  304. package/dist/collection/components/notification/z-toast-notification/index.js +0 -399
  305. package/dist/collection/components/notification/z-toast-notification/styles.css +0 -254
  306. package/dist/collection/components/notification/z-tooltip/index.js +0 -133
  307. package/dist/collection/components/notification/z-tooltip/styles.css +0 -16
  308. package/dist/collection/components/panel/z-panel-elem/index.js +0 -193
  309. package/dist/collection/components/panel/z-panel-elem/styles.css +0 -39
  310. package/dist/collection/components/typography/z-body/index.js +0 -68
  311. package/dist/collection/components/typography/z-heading/index.js +0 -68
  312. package/dist/collection/components/typography/z-typography/index.js +0 -91
  313. package/dist/collection/components/typography/z-typography/styles.css +0 -65
  314. package/dist/collection/components/z-anchor-navigation/index.js +0 -95
  315. package/dist/collection/components/z-anchor-navigation/styles.css +0 -129
  316. package/dist/collection/components/z-aria-alert/index.js +0 -39
  317. package/dist/collection/components/z-avatar/index.js +0 -142
  318. package/dist/collection/components/z-avatar/styles.css +0 -32
  319. package/dist/collection/components/z-card/index.js +0 -177
  320. package/dist/collection/components/z-card/styles.css +0 -206
  321. package/dist/collection/components/z-carousel/index.js +0 -300
  322. package/dist/collection/components/z-carousel/styles.css +0 -129
  323. package/dist/collection/components/z-contextual-menu/index.js +0 -126
  324. package/dist/collection/components/z-contextual-menu/styles.css +0 -60
  325. package/dist/collection/components/z-cover-hero/index.js +0 -103
  326. package/dist/collection/components/z-cover-hero/styles.css +0 -78
  327. package/dist/collection/components/z-divider/index.js +0 -95
  328. package/dist/collection/components/z-divider/styles.css +0 -37
  329. package/dist/collection/components/z-ghost-loading/index.js +0 -18
  330. package/dist/collection/components/z-ghost-loading/styles.css +0 -34
  331. package/dist/collection/components/z-info-reveal/index.js +0 -147
  332. package/dist/collection/components/z-info-reveal/styles.css +0 -103
  333. package/dist/collection/components/z-offcanvas/index.js +0 -162
  334. package/dist/collection/components/z-offcanvas/styles.css +0 -191
  335. package/dist/collection/components/z-pagination/index.js +0 -435
  336. package/dist/collection/components/z-pagination/styles.css +0 -199
  337. package/dist/collection/components/z-popover/index.js +0 -512
  338. package/dist/collection/components/z-popover/styles.css +0 -147
  339. package/dist/collection/components/z-section-title/index.js +0 -88
  340. package/dist/collection/components/z-section-title/styles.css +0 -44
  341. package/dist/collection/components/z-skip-to-content/index.js +0 -139
  342. package/dist/collection/components/z-skip-to-content/styles.css +0 -80
  343. package/dist/collection/components/z-table/z-table/index.js +0 -352
  344. package/dist/collection/components/z-table/z-table/styles.css +0 -115
  345. package/dist/collection/components/z-table/z-table-body/index.js +0 -23
  346. package/dist/collection/components/z-table/z-table-body/styles.css +0 -9
  347. package/dist/collection/components/z-table/z-table-cell/index.js +0 -86
  348. package/dist/collection/components/z-table/z-table-cell/styles.css +0 -58
  349. package/dist/collection/components/z-table/z-table-empty-box/index.js +0 -72
  350. package/dist/collection/components/z-table/z-table-empty-box/styles.css +0 -38
  351. package/dist/collection/components/z-table/z-table-expanded-row/index.js +0 -39
  352. package/dist/collection/components/z-table/z-table-expanded-row/styles.css +0 -9
  353. package/dist/collection/components/z-table/z-table-footer/index.js +0 -22
  354. package/dist/collection/components/z-table/z-table-footer/styles.css +0 -5
  355. package/dist/collection/components/z-table/z-table-head/index.js +0 -22
  356. package/dist/collection/components/z-table/z-table-head/styles.css +0 -5
  357. package/dist/collection/components/z-table/z-table-header/index.js +0 -238
  358. package/dist/collection/components/z-table/z-table-header/styles.css +0 -71
  359. package/dist/collection/components/z-table/z-table-header-row/index.js +0 -41
  360. package/dist/collection/components/z-table/z-table-header-row/styles.css +0 -13
  361. package/dist/collection/components/z-table/z-table-row/index.js +0 -92
  362. package/dist/collection/components/z-table/z-table-row/styles.css +0 -45
  363. package/dist/collection/components/z-table/z-table-sticky-footer/index.js +0 -21
  364. package/dist/collection/components/z-table/z-table-sticky-footer/styles.css +0 -11
  365. package/dist/collection/components/z-tag/index.js +0 -65
  366. package/dist/collection/components/z-tag/styles.css +0 -46
  367. package/dist/collection/components/z-visually-hidden/index.js +0 -18
  368. package/dist/collection/components/z-visually-hidden/styles.css +0 -12
  369. package/dist/collection/constants/icons.js +0 -6
  370. package/dist/collection/index.js +0 -7
  371. package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +0 -129
  372. package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +0 -44
  373. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +0 -151
  374. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +0 -62
  375. package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +0 -22
  376. package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +0 -13
  377. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +0 -93
  378. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +0 -11
  379. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +0 -177
  380. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +0 -72
  381. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +0 -207
  382. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +0 -182
  383. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +0 -22
  384. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +0 -20
  385. package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +0 -109
  386. package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +0 -47
  387. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +0 -81
  388. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +0 -69
  389. package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +0 -199
  390. package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +0 -93
  391. package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +0 -60
  392. package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +0 -41
  393. package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +0 -78
  394. package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +0 -4
  395. package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +0 -192
  396. package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +0 -47
  397. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +0 -120
  398. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +0 -102
  399. package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +0 -191
  400. package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +0 -44
  401. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +0 -84
  402. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +0 -41
  403. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +0 -93
  404. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +0 -27
  405. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +0 -22
  406. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +0 -44
  407. package/dist/collection/snowflakes/myz/z-alert/index.js +0 -47
  408. package/dist/collection/snowflakes/myz/z-alert/styles.css +0 -28
  409. package/dist/collection/snowflakes/myz/z-otp/index.js +0 -120
  410. package/dist/collection/snowflakes/myz/z-otp/styles.css +0 -47
  411. package/dist/collection/snowflakes/myz/z-slideshow/index.js +0 -180
  412. package/dist/collection/snowflakes/myz/z-slideshow/styles.css +0 -127
  413. package/dist/collection/utils/storybook-utils.js +0 -51
  414. package/dist/esm/_commonjsHelpers-9943807e.js +0 -17
  415. package/dist/esm/index.js +0 -9
  416. package/dist/esm/loader.js +0 -17
  417. package/dist/esm/polyfills/core-js.js +0 -11
  418. package/dist/esm/polyfills/css-shim.js +0 -1
  419. package/dist/esm/polyfills/dom.js +0 -79
  420. package/dist/esm/polyfills/es5-html-element.js +0 -1
  421. package/dist/esm/polyfills/index.js +0 -34
  422. package/dist/esm/polyfills/system.js +0 -6
  423. package/dist/esm/web-components-library.js +0 -17
  424. package/dist/esm/z-app-header_2.entry.js +0 -148
  425. package/dist/esm/z-input_2.entry.js +0 -248
  426. package/dist/esm/z-list_3.entry.js +0 -255
  427. package/dist/esm/z-myz-card_4.entry.js +0 -101
  428. package/dist/esm/z-pocket_3.entry.js +0 -119
  429. package/dist/index.cjs.js +0 -1
  430. package/dist/index.js +0 -1
  431. package/dist/web-components-library/p-009c9f67.entry.js +0 -1
  432. package/dist/web-components-library/p-01f001fd.entry.js +0 -1
  433. package/dist/web-components-library/p-05ced71c.entry.js +0 -1
  434. package/dist/web-components-library/p-074ea569.entry.js +0 -1
  435. package/dist/web-components-library/p-07e18572.entry.js +0 -1
  436. package/dist/web-components-library/p-0843b0e7.entry.js +0 -1
  437. package/dist/web-components-library/p-0fa4b50b.entry.js +0 -1
  438. package/dist/web-components-library/p-112455b1.js +0 -1
  439. package/dist/web-components-library/p-1d66b265.entry.js +0 -1
  440. package/dist/web-components-library/p-214b6cee.entry.js +0 -1
  441. package/dist/web-components-library/p-26033729.entry.js +0 -1
  442. package/dist/web-components-library/p-26f834e5.entry.js +0 -1
  443. package/dist/web-components-library/p-2acd6a51.entry.js +0 -1
  444. package/dist/web-components-library/p-2d1b6c3c.entry.js +0 -1
  445. package/dist/web-components-library/p-2efedcf4.entry.js +0 -1
  446. package/dist/web-components-library/p-32509af7.entry.js +0 -1
  447. package/dist/web-components-library/p-33352f9e.entry.js +0 -1
  448. package/dist/web-components-library/p-344e7ae7.entry.js +0 -1
  449. package/dist/web-components-library/p-34c26207.entry.js +0 -1
  450. package/dist/web-components-library/p-37e050bd.entry.js +0 -1
  451. package/dist/web-components-library/p-38a3cf3b.entry.js +0 -1
  452. package/dist/web-components-library/p-3a468aa9.entry.js +0 -1
  453. package/dist/web-components-library/p-3be171d0.entry.js +0 -1
  454. package/dist/web-components-library/p-3eb60c95.entry.js +0 -1
  455. package/dist/web-components-library/p-3f55dce6.entry.js +0 -1
  456. package/dist/web-components-library/p-4423b00c.entry.js +0 -1
  457. package/dist/web-components-library/p-475ca461.entry.js +0 -1
  458. package/dist/web-components-library/p-51e308ca.entry.js +0 -1
  459. package/dist/web-components-library/p-53065788.entry.js +0 -1
  460. package/dist/web-components-library/p-540c7d73.entry.js +0 -1
  461. package/dist/web-components-library/p-5624a127.entry.js +0 -1
  462. package/dist/web-components-library/p-56d2b76d.entry.js +0 -1
  463. package/dist/web-components-library/p-59cfee8d.entry.js +0 -1
  464. package/dist/web-components-library/p-5c62387a.entry.js +0 -1
  465. package/dist/web-components-library/p-5dd9a2c6.entry.js +0 -1
  466. package/dist/web-components-library/p-61424b8a.entry.js +0 -1
  467. package/dist/web-components-library/p-6289c4bd.entry.js +0 -1
  468. package/dist/web-components-library/p-6b1a5309.entry.js +0 -1
  469. package/dist/web-components-library/p-6c163539.entry.js +0 -1
  470. package/dist/web-components-library/p-735bdfa3.entry.js +0 -1
  471. package/dist/web-components-library/p-73c91de3.entry.js +0 -1
  472. package/dist/web-components-library/p-7b3b99ee.entry.js +0 -1
  473. package/dist/web-components-library/p-7ea553e9.entry.js +0 -1
  474. package/dist/web-components-library/p-810bd730.entry.js +0 -1
  475. package/dist/web-components-library/p-8b15b30c.entry.js +0 -1
  476. package/dist/web-components-library/p-8c105bd1.entry.js +0 -1
  477. package/dist/web-components-library/p-8ebe4adf.js +0 -1
  478. package/dist/web-components-library/p-91a74348.entry.js +0 -1
  479. package/dist/web-components-library/p-93142fac.entry.js +0 -1
  480. package/dist/web-components-library/p-95b8f109.entry.js +0 -1
  481. package/dist/web-components-library/p-9c28b8fc.entry.js +0 -1
  482. package/dist/web-components-library/p-9c338aeb.entry.js +0 -1
  483. package/dist/web-components-library/p-9d03a7d6.entry.js +0 -1
  484. package/dist/web-components-library/p-9d57a84c.entry.js +0 -1
  485. package/dist/web-components-library/p-9f543b6a.entry.js +0 -1
  486. package/dist/web-components-library/p-a05ce0a6.entry.js +0 -1
  487. package/dist/web-components-library/p-a0e2715e.entry.js +0 -1
  488. package/dist/web-components-library/p-a23e9115.js +0 -1
  489. package/dist/web-components-library/p-a6c0f149.entry.js +0 -1
  490. package/dist/web-components-library/p-a79d1412.entry.js +0 -1
  491. package/dist/web-components-library/p-a82ea410.entry.js +0 -1
  492. package/dist/web-components-library/p-ae6197f4.entry.js +0 -1
  493. package/dist/web-components-library/p-ae79573a.entry.js +0 -1
  494. package/dist/web-components-library/p-af4d1987.entry.js +0 -1
  495. package/dist/web-components-library/p-b33f5e6a.entry.js +0 -1
  496. package/dist/web-components-library/p-b3c29822.js +0 -1
  497. package/dist/web-components-library/p-b6f36170.entry.js +0 -16
  498. package/dist/web-components-library/p-bb0fe7bc.entry.js +0 -1
  499. package/dist/web-components-library/p-bdefe224.entry.js +0 -1
  500. package/dist/web-components-library/p-beba3e67.entry.js +0 -1
  501. package/dist/web-components-library/p-c4417a91.entry.js +0 -1
  502. package/dist/web-components-library/p-ce83ce18.entry.js +0 -1
  503. package/dist/web-components-library/p-d17ebc2f.js +0 -2
  504. package/dist/web-components-library/p-d2127d84.entry.js +0 -1
  505. package/dist/web-components-library/p-d69e14fb.js +0 -1
  506. package/dist/web-components-library/p-de55c171.entry.js +0 -1
  507. package/dist/web-components-library/p-e40b16fa.entry.js +0 -1
  508. package/dist/web-components-library/p-e43e61ac.js +0 -7
  509. package/dist/web-components-library/p-eaa4eba8.entry.js +0 -1
  510. package/dist/web-components-library/p-ede9fbf5.entry.js +0 -1
  511. package/dist/web-components-library/p-f0653e72.entry.js +0 -1
  512. package/dist/web-components-library/p-f158d205.entry.js +0 -1
  513. package/dist/web-components-library/p-f425f188.js +0 -1
  514. package/dist/web-components-library/p-f54f63e1.entry.js +0 -1
  515. package/dist/web-components-library/p-f95cc914.entry.js +0 -1
  516. package/www/build/p-009c9f67.entry.js +0 -1
  517. package/www/build/p-01f001fd.entry.js +0 -1
  518. package/www/build/p-05ced71c.entry.js +0 -1
  519. package/www/build/p-074ea569.entry.js +0 -1
  520. package/www/build/p-07e18572.entry.js +0 -1
  521. package/www/build/p-0843b0e7.entry.js +0 -1
  522. package/www/build/p-0fa4b50b.entry.js +0 -1
  523. package/www/build/p-112455b1.js +0 -1
  524. package/www/build/p-1d66b265.entry.js +0 -1
  525. package/www/build/p-214b6cee.entry.js +0 -1
  526. package/www/build/p-26033729.entry.js +0 -1
  527. package/www/build/p-26f834e5.entry.js +0 -1
  528. package/www/build/p-275801c6.css +0 -1
  529. package/www/build/p-2acd6a51.entry.js +0 -1
  530. package/www/build/p-2d1b6c3c.entry.js +0 -1
  531. package/www/build/p-2efedcf4.entry.js +0 -1
  532. package/www/build/p-32509af7.entry.js +0 -1
  533. package/www/build/p-33352f9e.entry.js +0 -1
  534. package/www/build/p-344e7ae7.entry.js +0 -1
  535. package/www/build/p-34c26207.entry.js +0 -1
  536. package/www/build/p-35ae6f4d.js +0 -1
  537. package/www/build/p-37e050bd.entry.js +0 -1
  538. package/www/build/p-38a3cf3b.entry.js +0 -1
  539. package/www/build/p-3a468aa9.entry.js +0 -1
  540. package/www/build/p-3be171d0.entry.js +0 -1
  541. package/www/build/p-3eb60c95.entry.js +0 -1
  542. package/www/build/p-3f55dce6.entry.js +0 -1
  543. package/www/build/p-4423b00c.entry.js +0 -1
  544. package/www/build/p-475ca461.entry.js +0 -1
  545. package/www/build/p-51e308ca.entry.js +0 -1
  546. package/www/build/p-53065788.entry.js +0 -1
  547. package/www/build/p-540c7d73.entry.js +0 -1
  548. package/www/build/p-5624a127.entry.js +0 -1
  549. package/www/build/p-56d2b76d.entry.js +0 -1
  550. package/www/build/p-59cfee8d.entry.js +0 -1
  551. package/www/build/p-5c62387a.entry.js +0 -1
  552. package/www/build/p-5dd9a2c6.entry.js +0 -1
  553. package/www/build/p-61424b8a.entry.js +0 -1
  554. package/www/build/p-6289c4bd.entry.js +0 -1
  555. package/www/build/p-6b1a5309.entry.js +0 -1
  556. package/www/build/p-6c163539.entry.js +0 -1
  557. package/www/build/p-735bdfa3.entry.js +0 -1
  558. package/www/build/p-73c91de3.entry.js +0 -1
  559. package/www/build/p-7b3b99ee.entry.js +0 -1
  560. package/www/build/p-7ea553e9.entry.js +0 -1
  561. package/www/build/p-810bd730.entry.js +0 -1
  562. package/www/build/p-8b15b30c.entry.js +0 -1
  563. package/www/build/p-8c105bd1.entry.js +0 -1
  564. package/www/build/p-8ebe4adf.js +0 -1
  565. package/www/build/p-91a74348.entry.js +0 -1
  566. package/www/build/p-93142fac.entry.js +0 -1
  567. package/www/build/p-95b8f109.entry.js +0 -1
  568. package/www/build/p-9c28b8fc.entry.js +0 -1
  569. package/www/build/p-9c338aeb.entry.js +0 -1
  570. package/www/build/p-9d03a7d6.entry.js +0 -1
  571. package/www/build/p-9d57a84c.entry.js +0 -1
  572. package/www/build/p-9f543b6a.entry.js +0 -1
  573. package/www/build/p-a05ce0a6.entry.js +0 -1
  574. package/www/build/p-a0e2715e.entry.js +0 -1
  575. package/www/build/p-a23e9115.js +0 -1
  576. package/www/build/p-a6c0f149.entry.js +0 -1
  577. package/www/build/p-a79d1412.entry.js +0 -1
  578. package/www/build/p-a82ea410.entry.js +0 -1
  579. package/www/build/p-ae6197f4.entry.js +0 -1
  580. package/www/build/p-ae79573a.entry.js +0 -1
  581. package/www/build/p-af4d1987.entry.js +0 -1
  582. package/www/build/p-b33f5e6a.entry.js +0 -1
  583. package/www/build/p-b3c29822.js +0 -1
  584. package/www/build/p-b6f36170.entry.js +0 -16
  585. package/www/build/p-bb0fe7bc.entry.js +0 -1
  586. package/www/build/p-bdefe224.entry.js +0 -1
  587. package/www/build/p-beba3e67.entry.js +0 -1
  588. package/www/build/p-c4417a91.entry.js +0 -1
  589. package/www/build/p-ce83ce18.entry.js +0 -1
  590. package/www/build/p-d17ebc2f.js +0 -2
  591. package/www/build/p-d2127d84.entry.js +0 -1
  592. package/www/build/p-d69e14fb.js +0 -1
  593. package/www/build/p-de55c171.entry.js +0 -1
  594. package/www/build/p-e40b16fa.entry.js +0 -1
  595. package/www/build/p-e43e61ac.js +0 -7
  596. package/www/build/p-eaa4eba8.entry.js +0 -1
  597. package/www/build/p-ede9fbf5.entry.js +0 -1
  598. package/www/build/p-f0653e72.entry.js +0 -1
  599. package/www/build/p-f158d205.entry.js +0 -1
  600. package/www/build/p-f425f188.js +0 -1
  601. package/www/build/p-f54f63e1.entry.js +0 -1
  602. package/www/build/p-f95cc914.entry.js +0 -1
package/www/build/web-components-library.css CHANGED
@@ -1 +1,1636 @@
1
- @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,700;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap"); :root{--myz-blue:#0056c1;--myz-blue-dark:#003476;--myz-blue-light:#1973e1;--myz-blue-lighter:#e1f0ff;--myz-red:#e2001a;--myz-red-dark:#80000f;--myz-red-light:#ff808e;--accent:#add2ff;--accent-dark:#78b5ff;--accent-light:#d0e9ff;--accent-lighter:#ebf4ff;--bg-grey-050:#f6f6f6;--bg-grey-200:#e6e6e6;--bg-grey-700:#676b6f;--bg-grey-800:#424548;--bg-grey-900:#333333;--bg-white:#ffffff;--bg-neutral-100:#e8ebee;--bg-neutral-150:#d9dee3;--bg-neutral-200:#cad1d8;--bg-neutral-300:#aeb8c2;--bg-neutral-400:#919eac;--bg-neutral-500:#738596;--bg-neutral-600:#5c6b7a;--bg-neutral-700:#46525d;--bg-neutral-800:#303840;--status-error-red:#dc3122;--status-error-red-dark:#7e0a00;--status-error-red-light:#ff9c9c;--status-error-red-lighter:#fdefee;--status-warning-yellow:#f6bb3b;--status-warning-yellow-dark:#85641a;--status-warning-yellow-light:#fee17f;--status-warning-yellow-lighter:#fbf4e6;--status-success-green:#417505;--status-success-green-dark:#233a00;--status-success-green-light:#95d150;--status-success-green-lighter:#effce0;--text-grey-800:#424548;--text-grey-700:#676b6f;--text-grey-200:#e6e6e6;--text-grey-050:#f6f6f6;--text-white:#ffffff}:root{--border-base:2px;--border-size-small:1px;--radius-base:4px;--border-radius-base:4px;--border-radius-min:0;--border-radius-max:100%}:root{--shadow-inset-2:inset 0 2px 4px 0 rgba(66, 69, 72, 0.35);--shadow-inset-4:inset 0 4px 8px 0 rgba(66, 69, 72, 0.35);--shadow-0:0 0 0 0 rgba(66, 69, 72, 0.40);--shadow-1:0 1px 2px 0 rgba(66, 69, 72, 0.40);--shadow-2:0 2px 4px 0 rgba(66, 69, 72, 0.40);--shadow-3:0 3px 6px 0 rgba(66, 69, 72, 0.40);--shadow-4:0 4px 8px 0 rgba(66, 69, 72, 0.40);--shadow-6:0 6px 12px 0 rgba(66, 69, 72, 0.40);--shadow-8:0 8px 16px 0 rgba(66, 69, 72, 0.40);--shadow-12:0 12px 24px 0 rgba(66, 69, 72, 0.35);--shadow-16:0 16px 32px 0 rgba(66, 69, 72, 0.35);--shadow-24:0 24px 48px 0 rgba(66, 69, 72, 0.35)}:root{--basex1:var(--space-unit);--basex2:calc(var(--space-unit) * 2);--basex3:calc(var(--space-unit) * 3);--basex4:calc(var(--space-unit) * 4);--basex5:calc(var(--space-unit) * 5);--basex6:calc(var(--space-unit) * 6);--basex7:calc(var(--space-unit) * 7);--basex8:calc(var(--space-unit) * 8);--half-x1:calc(var(--space-unit) * .5);--half-x3:calc(var(--space-unit) * 1.5);--half-x5:calc(var(--space-unit) * 2.5);--half-x7:calc(var(--space-unit) * 3.5);--half-x9:calc(var(--space-unit) * 4.5);--half-x11:calc(var(--space-unit) * 5.5);--half-x13:calc(var(--space-unit) * 6.5);--half-x14:calc(var(--space-unit) * 7.5)}:root{--gray950:#121212;--gray900:#292929;--gray800:#3D3D3D;--gray700:#525252;--gray600:#666666;--gray500:#9B9B9B;--gray400:#ADADAD;--gray300:#C2C2C2;--gray200:#D6D6D6;--gray100:#EBEBEB;--gray50:#F6F6F6}:root{--blue950:#001229;--blue900:#001F46;--blue800:#002C63;--blue700:#003981;--blue600:#0047A0;--blue500:#0056C1;--blue400:#2E76CE;--blue300:#5893DB;--blue200:#82B0E7;--blue100:#ACCDF3;--blue50:#D6EAFF}:root{--green950:#19200A;--green900:#22330A;--green800:#2B4808;--green700:#355D06;--green600:#407305;--green500:#568818;--green400:#6F9D2F;--green300:#8AB14A;--green200:#A6C66B;--green100:#C3DA92;--green50:#EFFCE0}:root{--yellow950:#33280F;--yellow900:#5C4615;--yellow800:#85641A;--yellow700:#AB8125;--yellow600:#D09E30;--yellow500:#F6BB3B;--yellow400:#F9C852;--yellow300:#FBD468;--yellow200:#FEE17F;--yellow150:#ffde72;--yellow100:#FFEA91;--yellow50:#FBF4E6}:root{--red950:#2A0005;--red900:#4C0009;--red800:#6F000D;--red700:#940111;--red600:#BA0115;--red500:#E2011A;--red400:#EB4F60;--red300:#EB4F60;--red200:#F49DA7;--red100:#F49DA7;--red50:#FDEFEE}:root{--avatar-C01:#99005B;--avatar-C02:#B01300;--avatar-C03:#E62200;--avatar-C04:#7C4000;--avatar-C05:#C25600;--avatar-C06:#6E6D6D;--avatar-C07:#667D00;--avatar-C08:#008741;--avatar-C09:#00612F;--avatar-C10:#007D8A;--avatar-C11:#007DB3;--avatar-C12:#00548C;--avatar-C13:#0028B1;--avatar-C14:#00019C;--avatar-C15:#6400EE;--avatar-C16:#5F3FFF;--avatar-C17:#8B00A5;--avatar-C18:#B200FF;--avatar-C19:#C700D6}:root{--color-error-default:#DC3122;--color-success-default:#417505;--color-warning-default:#F6BB3B;--color-black:#000000;--color-white:#FFFFFF}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--dashboard-font:var(--font-family-sans)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25;letter-spacing:0}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28;letter-spacing:0}@media (max-width: 1151px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);line-height:1.33}}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0.32px}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0.32px}.helper,.helper-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);font-style:italic;line-height:1.33;letter-spacing:0.32px}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}:root{--space-unit:8px}:root{--shadow-color-base:rgba(66, 69, 72, 0.35);--shadow-inset-2:inset 0 2px 4px 0 var(--shadow-color-base);--shadow-inset-4:inset 0 4px 8px 0 var(--shadow-color-base);--shadow-0:0 0 0 0 var(--shadow-color-base);--shadow-1:0 1px 2px 0 var(--shadow-color-base);--shadow-2:0 2px 4px 0 var(--shadow-color-base);--shadow-3:0 3px 6px 0 var(--shadow-color-base);--shadow-4:0 4px 8px 0 var(--shadow-color-base);--shadow-6:0 6px 12px 0 var(--shadow-color-base);--shadow-8:0 8px 16px 0 var(--shadow-color-base);--shadow-12:0 12px 24px 0 var(--shadow-color-base);--shadow-16:0 16px 32px 0 var(--shadow-color-base);--shadow-24:0 24px 48px 0 var(--shadow-color-base)}:root{--border-no-radius:0;--border-size-small:1px;--border-size-medium:2px;--border-size-large:4px;--border-radius-small:2px;--border-radius:4px}.t-weight-lt{font-weight:var(--font-lt)}.t-weight-rg{font-weight:var(--font-rg)}.t-weight-sb{font-weight:var(--font-sb)}.t-align-center{text-align:center}.t-color-light{color:var(--text-grey-medium);fill:var(--text-grey-medium)}.caption-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-1);line-height:16px}.helper-text-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-style:italic;font-size:var(--font-size-1);line-height:16px}.body-short-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-2);line-height:20px}.body-short-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);line-height:24px}.body-long-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-2);line-height:20px}.body-long-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:24px}.heading-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-2);line-height:20px}.heading-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:24px}.heading-03{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-5);line-height:24px}.heading-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-7);line-height:36px}.heading-05{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-8);line-height:40px}.expressive-heading-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.expressive-heading-04{font-size:var(--font-size-7);line-height:36px}}.expressive-heading-05{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-11);line-height:56px}@media only screen and (max-width: 1024px){.expressive-heading-05{font-size:36px;line-height:44px}}@media only screen and (max-width: 767px){.expressive-heading-05{font-size:var(--font-size-8);line-height:40px}}.expressive-paragraph-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.expressive-paragraph-01{font-size:var(--font-size-6);line-height:32px}}.quotation-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.quotation-01{font-size:var(--font-size-5);line-height:28px}}.quotation-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-13);line-height:72px}@media only screen and (max-width: 1024px){.quotation-02{font-size:36px;line-height:44px}}@media only screen and (max-width: 767px){.quotation-02{font-size:var(--font-size-8);line-height:40px}}.display-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-15);line-height:88px}@media only screen and (max-width: 767px){.display-01{font-size:var(--font-size-10);line-height:52px}}.display-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-15);line-height:88px}@media only screen and (max-width: 767px){.display-02{font-size:var(--font-size-10);line-height:52px}}.display-03{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:156px;line-height:164px}@media only screen and (max-width: 1024px){.display-03{font-size:var(--font-size-14);line-height:80px}}@media only screen and (max-width: 767px){.display-03{font-size:var(--font-size-10);line-height:52px}}.display-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:156px;line-height:164px}@media only screen and (max-width: 1024px){.display-04{font-size:var(--font-size-14);line-height:80px}}@media only screen and (max-width: 767px){.display-04{font-size:var(--font-size-10);line-height:52px}}:root{--grid-mobile-viewport:768px;--grid-mobile-column:4;--grid-mobile-margin:16px;--grid-mobile-gutter:16px;--grid-tablet-viewport:768px;--grid-tablet-column:8;--grid-tablet-margin:24px;--grid-tablet-gutter:24px;--grid-desktop-viewport:1152px;--grid-desktop-column:12;--grid-desktop-margin:24px;--grid-desktop-gutter:24px;--grid-wide-viewport:1366px;--grid-wide-column:12;--grid-wide-margin:32px;--grid-wide-gutter:32px;--page-max-width:1366px;--grid-margin:var(--grid-mobile-margin);--grid-gutter:var(--grid-mobile-gutter);--grid-columns:var(--grid-mobile-column)}@media (min-width: 768px) and (max-width: 1151px){:root{--grid-margin:var(--grid-tablet-margin);--grid-gutter:var(--grid-tablet-gutter);--grid-columns:var(--grid-tablet-column)}}@media (min-width: 1152px) and (max-width: 1365px){:root{--grid-margin:var(--grid-desktop-margin);--grid-gutter:var(--grid-desktop-gutter);--grid-columns:var(--grid-desktop-column)}}@media (min-width: 1366px){:root{--grid-margin:var(--grid-wide-margin);--grid-gutter:var(--grid-wide-gutter);--grid-columns:var(--grid-wide-column)}}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);width:100%;column-gap:var(--grid-gutter)}.col-full{grid-column:1/-1}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 4}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4,.col-start-5,.col-start-6,.col-start-7,.col-start-8,.col-start-9,.col-start-10,.col-start-11,.col-start-12{grid-column-start:4}.-col-start-2{grid-column-start:-2}.-col-start-3{grid-column-start:-3}.-col-start-4{grid-column-start:-4}.-col-start-5,.-col-start-6,.-col-start-7,.-col-start-8,.-col-start-9,.-col-start-10,.-col-start-11,.-col-start-12,.-col-start-13{grid-column-start:-5}.col-end-last{grid-column-end:-1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5,.col-end-6,.col-end-7,.col-end-8,.col-end-9,.col-end-10,.col-end-11,.col-end-12,.col-end-13{grid-column-end:5}.-col-end-1{grid-column-end:-1}.-col-end-2{grid-column-end:-2}.-col-end-3{grid-column-end:-3}.-col-end-4,.-col-end-5,.-col-end-6,.-col-end-7,.-col-end-8,.-col-end-9,.-col-end-10,.-col-end-11,.-col-end-12{grid-column-end:-4}@media (max-width: 767px){.mobile-col-full{grid-column:1/-1}.mobile-col-1{grid-column:span 1}.mobile-col-2{grid-column:span 2}.mobile-col-3{grid-column:span 3}.mobile-col-4{grid-column:span 4}}@media (min-width: 768px){.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 8}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8,.col-start-9,.col-start-10,.col-start-11,.col-start-12{grid-column-start:8}.-col-start-6{grid-column-start:-6}.-col-start-7{grid-column-start:-7}.-col-start-8{grid-column-start:-8}.-col-start-9,.-col-start-10,.-col-start-11,.-col-start-12,.-col-start-13{grid-column-start:-9}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9,.col-end-10,.col-end-11,.col-end-12,.col-end-13{grid-column-end:9}.-col-end-5{grid-column-end:-5}.-col-end-6{grid-column-end:-6}.-col-end-7{grid-column-end:-7}.-col-end-8,.-col-end-9,.-col-end-10,.-col-end-11,.-col-end-12{grid-column-end:-8}}@media (min-width: 768px) and (max-width: 1151px){.tablet-col-full{grid-column:1/-1}.tablet-col-1{grid-column:span 1}.tablet-col-2{grid-column:span 2}.tablet-col-3{grid-column:span 3}.tablet-col-4{grid-column:span 4}.tablet-col-5{grid-column:span 5}.tablet-col-6{grid-column:span 6}.tablet-col-7{grid-column:span 7}.tablet-col-8{grid-column:span 8}.tablet-col-start-1{grid-column-start:1}.tablet-col-start-2{grid-column-start:2}.tablet-col-start-3{grid-column-start:3}.tablet-col-start-4{grid-column-start:4}.tablet-col-start-5{grid-column-start:5}.tablet-col-start-6{grid-column-start:6}.tablet-col-start-7{grid-column-start:7}.tablet-col-start-8{grid-column-start:8}.-tablet-col-start-2{grid-column-start:-2}.-tablet-col-start-3{grid-column-start:-3}.-tablet-col-start-4{grid-column-start:-4}.-tablet-col-start-5{grid-column-start:-5}.-tablet-col-start-6{grid-column-start:-6}.-tablet-col-start-7{grid-column-start:-7}.-tablet-col-start-8{grid-column-start:-8}.tablet-col-end-2{grid-column-end:2}.tablet-col-end-3{grid-column-end:3}.tablet-col-end-4{grid-column-end:4}.tablet-col-end-6{grid-column-end:6}.tablet-col-end-7{grid-column-end:7}.tablet-col-end-8{grid-column-end:8}.tablet-col-end-last{grid-column-end:-1}.-tablet-col-end-1{grid-column-end:-1}.-tablet-col-end-2{grid-column-end:-2}.-tablet-col-end-3{grid-column-end:-3}.-tablet-col-end-4{grid-column-end:-4}.-tablet-col-end-5{grid-column-end:-5}.-tablet-col-end-6{grid-column-end:-6}.-tablet-col-end-7{grid-column-end:-7}.-tablet-col-end-8{grid-column-end:-8}}@media (min-width: 1152px){.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.-col-start-10{grid-column-start:-10}.-col-start-11{grid-column-start:-11}.-col-start-12{grid-column-start:-12}.-col-start-13{grid-column-start:-13}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.-col-end-9{grid-column-end:-9}.-col-end-10{grid-column-end:-10}.-col-end-11{grid-column-end:-11}.-col-end-12{grid-column-end:-12}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-col-full{grid-column:1/-1}.desktop-col-1{grid-column:span 1}.desktop-col-2{grid-column:span 2}.desktop-col-3{grid-column:span 3}.desktop-col-4{grid-column:span 4}.desktop-col-5{grid-column:span 5}.desktop-col-6{grid-column:span 6}.desktop-col-7{grid-column:span 7}.desktop-col-8{grid-column:span 8}.desktop-col-9{grid-column:span 9}.desktop-col-10{grid-column:span 10}.desktop-col-11{grid-column:span 11}.desktop-col-12{grid-column:span 12}.desktop-col-start-1{grid-column-start:1}.desktop-col-start-2{grid-column-start:2}.desktop-col-start-3{grid-column-start:3}.desktop-col-start-4{grid-column-start:4}.desktop-col-start-5{grid-column-start:5}.desktop-col-start-6{grid-column-start:6}.desktop-col-start-7{grid-column-start:7}.desktop-col-start-8{grid-column-start:8}.desktop-col-start-9{grid-column-start:9}.desktop-col-start-10{grid-column-start:10}.desktop-col-start-11{grid-column-start:11}.desktop-col-start-12{grid-column-start:12}.-desktop-col-start-2{grid-column-start:-2}.-desktop-col-start-3{grid-column-start:-3}.-desktop-col-start-4{grid-column-start:-4}.-desktop-col-start-5{grid-column-start:-5}.-desktop-col-start-6{grid-column-start:-6}.-desktop-col-start-7{grid-column-start:-7}.-desktop-col-start-8{grid-column-start:-8}.-desktop-col-start-9{grid-column-start:-9}.-desktop-col-start-10{grid-column-start:-10}.-desktop-col-start-11{grid-column-start:-11}.-desktop-col-start-12{grid-column-start:-12}.desktop-col-end-2{grid-column-end:2}.desktop-col-end-3{grid-column-end:3}.desktop-col-end-4{grid-column-end:4}.desktop-col-end-6{grid-column-end:6}.desktop-col-end-7{grid-column-end:7}.desktop-col-end-8{grid-column-end:8}.desktop-col-end-9{grid-column-end:9}.desktop-col-end-10{grid-column-end:10}.desktop-col-end-11{grid-column-end:11}.desktop-col-end-12{grid-column-end:12}.desktop-col-end-last{grid-column-end:-1}.-desktop-col-end-1{grid-column-end:-1}.-desktop-col-end-2{grid-column-end:-2}.-desktop-col-end-3{grid-column-end:-3}.-desktop-col-end-4{grid-column-end:-4}.-desktop-col-end-5{grid-column-end:-5}.-desktop-col-end-6{grid-column-end:-6}.-desktop-col-end-7{grid-column-end:-7}.-desktop-col-end-8{grid-column-end:-8}.-desktop-col-end-9{grid-column-end:-9}.-desktop-col-end-10{grid-column-end:-10}.-desktop-col-end-11{grid-column-end:-11}.-desktop-col-end-12{grid-column-end:-12}}@media (min-width: 1366px){.wide-col-full{grid-column:1/-1}.wide-col-1{grid-column:span 1}.wide-col-2{grid-column:span 2}.wide-col-3{grid-column:span 3}.wide-col-4{grid-column:span 4}.wide-col-5{grid-column:span 5}.wide-col-6{grid-column:span 6}.wide-col-7{grid-column:span 7}.wide-col-8{grid-column:span 8}.wide-col-9{grid-column:span 9}.wide-col-10{grid-column:span 10}.wide-col-11{grid-column:span 11}.wide-col-12{grid-column:span 12}.wide-col-start-1{grid-column-start:1}.wide-col-start-2{grid-column-start:2}.wide-col-start-3{grid-column-start:3}.wide-col-start-4{grid-column-start:4}.wide-col-start-5{grid-column-start:5}.wide-col-start-6{grid-column-start:6}.wide-col-start-7{grid-column-start:7}.wide-col-start-8{grid-column-start:8}.wide-col-start-9{grid-column-start:9}.wide-col-start-10{grid-column-start:10}.wide-col-start-11{grid-column-start:11}.wide-col-start-12{grid-column-start:12}.-wide-col-start-2{grid-column-start:-2}.-wide-col-start-3{grid-column-start:-3}.-wide-col-start-4{grid-column-start:-4}.-wide-col-start-5{grid-column-start:-5}.-wide-col-start-6{grid-column-start:-6}.-wide-col-start-7{grid-column-start:-7}.-wide-col-start-8{grid-column-start:-8}.-wide-col-start-9{grid-column-start:-9}.-wide-col-start-10{grid-column-start:-10}.-wide-col-start-11{grid-column-start:-11}.-wide-col-start-12{grid-column-start:-12}.wide-col-end-2{grid-column-end:2}.wide-col-end-3{grid-column-end:3}.wide-col-end-4{grid-column-end:4}.wide-col-end-6{grid-column-end:6}.wide-col-end-7{grid-column-end:7}.wide-col-end-8{grid-column-end:8}.wide-col-end-9{grid-column-end:9}.wide-col-end-10{grid-column-end:10}.wide-col-end-11{grid-column-end:11}.wide-col-end-12{grid-column-end:12}.wide-col-end-last{grid-column-end:-1}.-wide-col-end-1{grid-column-end:-1}.-wide-col-end-2{grid-column-end:-2}.-wide-col-end-3{grid-column-end:-3}.-wide-col-end-4{grid-column-end:-4}.-wide-col-end-5{grid-column-end:-5}.-wide-col-end-6{grid-column-end:-6}.-wide-col-end-7{grid-column-end:-7}.-wide-col-end-8{grid-column-end:-8}.-wide-col-end-9{grid-column-end:-9}.-wide-col-end-10{grid-column-end:-10}.-wide-col-end-11{grid-column-end:-11}.-wide-col-end-12{grid-column-end:-12}}:root{--color-background:var(--gray50);--color-primary01:var(--blue500);--color-primary02:var(--blue500);--color-primary03:var(--blue50);--color-secondary01:var(--blue500);--color-secondary02:var(--red500);--color-secondary03:var(--red500);--color-danger01:var(--color-error-default);--color-danger02:var(--color-error-default);--color-error01:var(--color-error-default);--color-error02:var(--red800);--color-error-inverse:var(--red50);--color-text-error:var(--color-error-default);--color-success01:var(--color-success-default);--color-success02:var(--green800);--color-text-success:var(--color-success-default);--color-success-inverse:var(--green50);--color-warning01:var(--color-warning-default);--color-warning02:var(--yellow800);--color-text-warning:var(--color-warning-default);--color-warning-inverse:var(--yellow50);--color-surface01:var(--color-white);--color-surface02:var(--gray50);--color-surface03:var(--gray200);--color-surface04:var(--gray700);--color-surface05:var(--gray800);--color-text01:var(--gray800);--color-text02:var(--gray800);--color-text03:var(--gray300);--color-text04:var(--color-white);--color-text05:var(--gray600);--color-text-inverse:var(--color-white);--color-icon01:var(--blue500);--color-icon02:var(--gray800);--color-icon03:var(--color-white);--color-input-field01:var(--color-white);--color-input-field02:var(--color-white);--color-hover-primary:var(--blue800);--color-hover-primary-text:var(--color-black);--color-hover-secondary:var(--blue800);--color-hover-tertiary:var(--blue800);--color-hover-surface:var(--gray50);--color-hover-light:var(--blue400);--color-hover-danger:var(--red800);--color-active-primary:var(--blue800);--color-active-secondary:var(--blue800);--color-active-tertiary:var(--blue800);--color-active-surface:var(--gray300);--color-active-light:var(--blue400);--color-pressed-primary:var(--blue400);--color-pressed-secondary:var(--red400);--color-selected-surface:var(--gray300);--color-selected-light:var(--gray300);--color-highlight:var(--blue100);--color-ghost01:var(--gray300);--color-ghost02:var(--gray500);--color-disabled01:var(--gray200);--color-disabled02:var(--gray700);--color-disabled03:var(--gray500);--shadow-focus-primary:0 0 2px 2px var(--color-highlight);--color-link-primary:var(--blue500);--color-hover-link:var(--blue800);--color-active-link:var(--blue800);--color-pressed-link:var(--blue400);--color-visited-link:var(--blue800);--color-inverse-link:var(--color-white);--color-inverse-hover-link:var(--color-white);--color-inverse-active-link:var(--color-white);--color-inverse-pressed-link:var(--color-white);--color-inverse-visited-link:var(--gray300)}.theme-black-yellow{--color-primary01:var(--gray950);--color-primary02:var(--gray950);--color-primary03:var(--gray100);--color-secondary01:var(--yellow500);--color-secondary02:var(--yellow500);--color-secondary03:var(--yellow500);--color-text01:var(--gray950);--color-text-inverse:var(--color-white);--color-icon01:var(--gray950);--color-active-primary:var(--gray800);--color-pressed-primary:var(--gray800);--color-hover-primary:var(--gray800);--color-hover-secondary:var(--gray950);--color-hover-tertiary:var(--gray950);--color-hover-primary-text:var(--gray950);--color-hover-light:var(--yellow500);--color-background:var(--color-white);--color-hover-surface:var(--gray50)}.theme-dark{--color-surface01:var(--gray800);--color-primary01:var(--color-white);--color-primary02:var(--gray800);--color-hover-primary:var(--color-primary01);--color-pressed-primary:var(--color-primary01);--color-text02:var(--color-white);--color-text-inverse:var(--gray800);--color-link-primary:var(--color-white);--color-hover-link:var(--color-link-primary);--color-active-link:var(--color-link-primary);--color-pressed-link:var(--color-link-primary);--color-visited-link:var(--color-link-primary);--color-error02:#ffc1bd;--color-text-error:#ffc1bd;--color-success02:#a8e168;--color-text-success:#a8e168;--color-warning02:#f7ca6a;--color-text-warning:#f7ca6a;background:var(--color-surface01)}
1
+ /* stylelint-disable-next-line import-notation */
2
+ @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,700;1,700&display=swap");
3
+ @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap");
4
+ :root {
5
+ --myz-blue: #0056c1;
6
+ --myz-blue-dark: #003476;
7
+ --myz-blue-light: #1973e1;
8
+ --myz-blue-lighter: #e1f0ff;
9
+ --myz-red: #e2001a;
10
+ --myz-red-dark: #80000f;
11
+ --myz-red-light: #ff808e;
12
+ --accent: #add2ff;
13
+ --accent-dark: #78b5ff;
14
+ --accent-light: #d0e9ff;
15
+ --accent-lighter: #ebf4ff;
16
+ --bg-grey-050: #f6f6f6;
17
+ --bg-grey-200: #e6e6e6;
18
+ --bg-grey-700: #676b6f;
19
+ --bg-grey-800: #424548;
20
+ --bg-grey-900: #333333;
21
+ --bg-white: #ffffff;
22
+ --bg-neutral-100: #e8ebee;
23
+ --bg-neutral-150: #d9dee3;
24
+ --bg-neutral-200: #cad1d8;
25
+ --bg-neutral-300: #aeb8c2;
26
+ --bg-neutral-400: #919eac;
27
+ --bg-neutral-500: #738596;
28
+ --bg-neutral-600: #5c6b7a;
29
+ --bg-neutral-700: #46525d;
30
+ --bg-neutral-800: #303840;
31
+ --status-error-red: #dc3122;
32
+ --status-error-red-dark: #7e0a00;
33
+ --status-error-red-light: #ff9c9c;
34
+ --status-error-red-lighter: #fdefee;
35
+ --status-warning-yellow: #f6bb3b;
36
+ --status-warning-yellow-dark: #85641a;
37
+ --status-warning-yellow-light: #fee17f;
38
+ --status-warning-yellow-lighter: #fbf4e6;
39
+ --status-success-green: #417505;
40
+ --status-success-green-dark: #233a00;
41
+ --status-success-green-light: #95d150;
42
+ --status-success-green-lighter: #effce0;
43
+ --text-grey-800: #424548;
44
+ --text-grey-700: #676b6f;
45
+ --text-grey-200: #e6e6e6;
46
+ --text-grey-050: #f6f6f6;
47
+ --text-white: #ffffff;
48
+ }
49
+
50
+ :root {
51
+ --border-base: 2px;
52
+ --border-size-small: 1px;
53
+ --radius-base: 4px;
54
+ --border-radius-base: 4px;
55
+ --border-radius-min: 0;
56
+ --border-radius-max: 100%;
57
+ }
58
+
59
+ :root {
60
+ --shadow-inset-2: inset 0 2px 4px 0 rgba(66, 69, 72, 0.35);
61
+ --shadow-inset-4: inset 0 4px 8px 0 rgba(66, 69, 72, 0.35);
62
+ --shadow-0: 0 0 0 0 rgba(66, 69, 72, 0.40);
63
+ --shadow-1: 0 1px 2px 0 rgba(66, 69, 72, 0.40);
64
+ --shadow-2: 0 2px 4px 0 rgba(66, 69, 72, 0.40);
65
+ --shadow-3: 0 3px 6px 0 rgba(66, 69, 72, 0.40);
66
+ --shadow-4: 0 4px 8px 0 rgba(66, 69, 72, 0.40);
67
+ --shadow-6: 0 6px 12px 0 rgba(66, 69, 72, 0.40);
68
+ --shadow-8: 0 8px 16px 0 rgba(66, 69, 72, 0.40);
69
+ --shadow-12: 0 12px 24px 0 rgba(66, 69, 72, 0.35);
70
+ --shadow-16: 0 16px 32px 0 rgba(66, 69, 72, 0.35);
71
+ --shadow-24: 0 24px 48px 0 rgba(66, 69, 72, 0.35);
72
+ }
73
+
74
+ :root {
75
+ --basex1: var(--space-unit);
76
+ --basex2: calc(var(--space-unit) * 2);
77
+ --basex3: calc(var(--space-unit) * 3);
78
+ --basex4: calc(var(--space-unit) * 4);
79
+ --basex5: calc(var(--space-unit) * 5);
80
+ --basex6: calc(var(--space-unit) * 6);
81
+ --basex7: calc(var(--space-unit) * 7);
82
+ --basex8: calc(var(--space-unit) * 8);
83
+ --half-x1: calc(var(--space-unit) * .5);
84
+ --half-x3: calc(var(--space-unit) * 1.5);
85
+ --half-x5: calc(var(--space-unit) * 2.5);
86
+ --half-x7: calc(var(--space-unit) * 3.5);
87
+ --half-x9: calc(var(--space-unit) * 4.5);
88
+ --half-x11: calc(var(--space-unit) * 5.5);
89
+ --half-x13: calc(var(--space-unit) * 6.5);
90
+ --half-x14: calc(var(--space-unit) * 7.5);
91
+ }
92
+
93
+ :root {
94
+ --gray950: #121212;
95
+ --gray900: #292929;
96
+ --gray800: #3D3D3D;
97
+ --gray700: #525252;
98
+ --gray600: #666666;
99
+ --gray500: #9B9B9B;
100
+ --gray400: #ADADAD;
101
+ --gray300: #C2C2C2;
102
+ --gray200: #D6D6D6;
103
+ --gray100: #EBEBEB;
104
+ --gray50: #F6F6F6;
105
+ }
106
+
107
+ :root {
108
+ --blue950: #001229;
109
+ --blue900: #001F46;
110
+ --blue800: #002C63;
111
+ --blue700: #003981;
112
+ --blue600: #0047A0;
113
+ --blue500: #0056C1;
114
+ --blue400: #2E76CE;
115
+ --blue300: #5893DB;
116
+ --blue200: #82B0E7;
117
+ --blue100: #ACCDF3;
118
+ --blue50: #D6EAFF;
119
+ }
120
+
121
+ :root {
122
+ --green950: #19200A;
123
+ --green900: #22330A;
124
+ --green800: #2B4808;
125
+ --green700: #355D06;
126
+ --green600: #407305;
127
+ --green500: #568818;
128
+ --green400: #6F9D2F;
129
+ --green300: #8AB14A;
130
+ --green200: #A6C66B;
131
+ --green100: #C3DA92;
132
+ --green50: #EFFCE0;
133
+ }
134
+
135
+ :root {
136
+ --yellow950: #33280F;
137
+ --yellow900: #5C4615;
138
+ --yellow800: #85641A;
139
+ --yellow700: #AB8125;
140
+ --yellow600: #D09E30;
141
+ --yellow500: #F6BB3B;
142
+ --yellow400: #F9C852;
143
+ --yellow300: #FBD468;
144
+ --yellow200: #FEE17F;
145
+ --yellow150: #ffde72;
146
+ --yellow100: #FFEA91;
147
+ --yellow50: #FBF4E6;
148
+ }
149
+
150
+ :root {
151
+ --red950: #2A0005;
152
+ --red900: #4C0009;
153
+ --red800: #6F000D;
154
+ --red700: #940111;
155
+ --red600: #BA0115;
156
+ --red500: #E2011A;
157
+ --red400: #EB4F60;
158
+ --red300: #EB4F60;
159
+ --red200: #F49DA7;
160
+ --red100: #F49DA7;
161
+ --red50: #FDEFEE;
162
+ }
163
+
164
+ :root {
165
+ --avatar-C01: #99005B;
166
+ --avatar-C02: #B01300;
167
+ --avatar-C03: #E62200;
168
+ --avatar-C04: #7C4000;
169
+ --avatar-C05: #C25600;
170
+ --avatar-C06: #6E6D6D;
171
+ --avatar-C07: #667D00;
172
+ --avatar-C08: #008741;
173
+ --avatar-C09: #00612F;
174
+ --avatar-C10: #007D8A;
175
+ --avatar-C11: #007DB3;
176
+ --avatar-C12: #00548C;
177
+ --avatar-C13: #0028B1;
178
+ --avatar-C14: #00019C;
179
+ --avatar-C15: #6400EE;
180
+ --avatar-C16: #5F3FFF;
181
+ --avatar-C17: #8B00A5;
182
+ --avatar-C18: #B200FF;
183
+ --avatar-C19: #C700D6;
184
+ }
185
+
186
+ :root {
187
+ --color-error-default: #DC3122;
188
+ --color-success-default: #417505;
189
+ --color-warning-default: #F6BB3B;
190
+ --color-black: #000000;
191
+ --color-white: #FFFFFF;
192
+ }
193
+
194
+ :root {
195
+ /* font-family */
196
+ --font-family-sans: "IBM Plex Sans", sans-serif;
197
+ /* font-weight */
198
+ --font-lt: 300;
199
+ --font-rg: 400;
200
+ --font-sb: 600;
201
+ /* font-size type scale */
202
+ --font-size-1: 0.75rem; /* 12px */
203
+ --font-size-2: 0.875rem; /* 14px */
204
+ --font-size-3: 1rem; /* assuming 16px */
205
+ --font-size-4: 1.125rem; /* 18px */
206
+ --font-size-5: 1.25rem; /* 20px */
207
+ --font-size-6: 1.5rem; /* 24px */
208
+ --font-size-7: 1.75rem; /* 28px */
209
+ --font-size-8: 2rem; /* 32px */
210
+ --font-size-9: 2.25rem; /* 36px */
211
+ --font-size-10: 2.625rem; /* 42px */
212
+ --font-size-11: 3rem; /* 48px */
213
+ --font-size-12: 3.375rem; /* 54px */
214
+ --font-size-13: 3.75rem; /* 60px */
215
+ --font-size-14: 4.25rem; /* 68px */
216
+ --font-size-15: 4.75rem; /* 76px */
217
+ --font-size-16: 5.25rem; /* 84px */
218
+ --font-size-17: 5.75rem; /* 92px */
219
+ /* backward compatibility */
220
+ --dashboard-font: var(--font-family-sans);
221
+ }
222
+
223
+ /* Typography classes */
224
+ .heading-1,
225
+ .heading-1-sb,
226
+ .heading-1-lt {
227
+ font-size: var(--font-size-8);
228
+ font-weight: var(--font-rg);
229
+ line-height: 1.25;
230
+ letter-spacing: 0;
231
+ }
232
+
233
+ .heading-2,
234
+ .heading-2-sb,
235
+ .heading-2-lt {
236
+ font-size: var(--font-size-7);
237
+ font-weight: var(--font-rg);
238
+ line-height: 1.28;
239
+ letter-spacing: 0;
240
+ }
241
+
242
+ @media (max-width: 1151px) {
243
+ .heading-1,
244
+ .heading-1-sb,
245
+ .heading-1-lt {
246
+ font-size: var(--font-size-7);
247
+ line-height: 1.28;
248
+ }
249
+ .heading-2,
250
+ .heading-2-sb,
251
+ .heading-2-lt {
252
+ font-size: var(--font-size-6);
253
+ line-height: 1.33;
254
+ }
255
+ }
256
+ .heading-3,
257
+ .heading-3-sb,
258
+ .heading-3-lt {
259
+ font-size: var(--font-size-6);
260
+ font-weight: var(--font-rg);
261
+ line-height: 1.33;
262
+ letter-spacing: 0;
263
+ }
264
+
265
+ .heading-4,
266
+ .heading-4-sb,
267
+ .heading-4-lt {
268
+ font-size: var(--font-size-5);
269
+ font-weight: var(--font-rg);
270
+ line-height: 1.4;
271
+ letter-spacing: 0;
272
+ }
273
+
274
+ .body-1,
275
+ .body-1-sb {
276
+ font-size: var(--font-size-5);
277
+ font-weight: var(--font-rg);
278
+ line-height: 1.4;
279
+ letter-spacing: 0;
280
+ }
281
+
282
+ .body-2,
283
+ .body-2-sb {
284
+ font-size: var(--font-size-4);
285
+ font-weight: var(--font-rg);
286
+ line-height: 1.5;
287
+ letter-spacing: 0;
288
+ }
289
+
290
+ .body-3,
291
+ .body-3-sb {
292
+ font-size: var(--font-size-3);
293
+ font-weight: var(--font-rg);
294
+ line-height: 1.5;
295
+ letter-spacing: 0;
296
+ }
297
+
298
+ .body-4,
299
+ .body-4-sb {
300
+ font-size: var(--font-size-2);
301
+ font-weight: var(--font-rg);
302
+ line-height: 1.4;
303
+ letter-spacing: 0.16px;
304
+ }
305
+
306
+ .body-5,
307
+ .body-5-sb {
308
+ font-size: var(--font-size-1);
309
+ font-weight: var(--font-rg);
310
+ line-height: 1.33;
311
+ letter-spacing: 0.32px;
312
+ }
313
+
314
+ .interactive-1,
315
+ .interactive-1-sb {
316
+ font-size: var(--font-size-3);
317
+ font-weight: var(--font-rg);
318
+ line-height: 1.5;
319
+ letter-spacing: 0;
320
+ }
321
+
322
+ .interactive-2,
323
+ .interactive-2-sb {
324
+ font-size: var(--font-size-2);
325
+ font-weight: var(--font-rg);
326
+ line-height: 1.4;
327
+ letter-spacing: 0.16px;
328
+ }
329
+
330
+ .interactive-3,
331
+ .interactive-3-sb {
332
+ font-size: var(--font-size-1);
333
+ font-weight: var(--font-rg);
334
+ line-height: 1.33;
335
+ letter-spacing: 0.32px;
336
+ }
337
+
338
+ .helper,
339
+ .helper-sb {
340
+ font-size: var(--font-size-1);
341
+ font-weight: var(--font-rg);
342
+ font-style: italic;
343
+ line-height: 1.33;
344
+ letter-spacing: 0.32px;
345
+ }
346
+
347
+ /* font-weight variants */
348
+ .heading-1-lt,
349
+ .heading-2-lt,
350
+ .heading-3-lt,
351
+ .heading-4-lt {
352
+ font-weight: var(--font-lt);
353
+ }
354
+
355
+ .heading-1-sb,
356
+ .heading-2-sb,
357
+ .heading-3-sb,
358
+ .heading-4-sb,
359
+ .body-1-sb,
360
+ .body-2-sb,
361
+ .body-3-sb,
362
+ .body-4-sb,
363
+ .body-5-sb,
364
+ .interactive-1-sb,
365
+ .interactive-2-sb,
366
+ .interactive-3-sb,
367
+ .helper-sb {
368
+ font-weight: var(--font-sb);
369
+ }
370
+
371
+ :root {
372
+ --space-unit: 8px;
373
+ }
374
+
375
+ :root {
376
+ --shadow-color-base: rgba(66, 69, 72, 0.35);
377
+ --shadow-inset-2: inset 0 2px 4px 0 var(--shadow-color-base);
378
+ --shadow-inset-4: inset 0 4px 8px 0 var(--shadow-color-base);
379
+ --shadow-0: 0 0 0 0 var(--shadow-color-base);
380
+ --shadow-1: 0 1px 2px 0 var(--shadow-color-base);
381
+ --shadow-2: 0 2px 4px 0 var(--shadow-color-base);
382
+ --shadow-3: 0 3px 6px 0 var(--shadow-color-base);
383
+ --shadow-4: 0 4px 8px 0 var(--shadow-color-base);
384
+ --shadow-6: 0 6px 12px 0 var(--shadow-color-base);
385
+ --shadow-8: 0 8px 16px 0 var(--shadow-color-base);
386
+ --shadow-12: 0 12px 24px 0 var(--shadow-color-base);
387
+ --shadow-16: 0 16px 32px 0 var(--shadow-color-base);
388
+ --shadow-24: 0 24px 48px 0 var(--shadow-color-base);
389
+ }
390
+
391
+ :root {
392
+ --border-no-radius: 0;
393
+ --border-size-small: 1px;
394
+ --border-size-medium: 2px;
395
+ --border-size-large: 4px;
396
+ --border-radius-small: 2px;
397
+ --border-radius: 4px;
398
+ }
399
+
400
+ /* Backward compatibility classes.
401
+ This is the old `global-text.css` file from `design-system` repo.
402
+ New tokens and classes are defined in `typography.css` file. */
403
+ .t-weight-lt {
404
+ font-weight: var(--font-lt);
405
+ }
406
+
407
+ .t-weight-rg {
408
+ font-weight: var(--font-rg);
409
+ }
410
+
411
+ .t-weight-sb {
412
+ font-weight: var(--font-sb);
413
+ }
414
+
415
+ .t-align-center {
416
+ text-align: center;
417
+ }
418
+
419
+ .t-color-light {
420
+ color: var(--text-grey-medium);
421
+ fill: var(--text-grey-medium);
422
+ }
423
+
424
+ .caption-01 {
425
+ color: var(--text-grey-800);
426
+ fill: var(--text-grey-800);
427
+ font-family: var(--font-family-sans);
428
+ font-weight: var(--font-rg);
429
+ font-size: var(--font-size-1);
430
+ line-height: 16px;
431
+ }
432
+
433
+ .helper-text-01 {
434
+ color: var(--text-grey-800);
435
+ fill: var(--text-grey-800);
436
+ font-family: var(--font-family-sans);
437
+ font-weight: var(--font-rg);
438
+ font-style: italic;
439
+ font-size: var(--font-size-1);
440
+ line-height: 16px;
441
+ }
442
+
443
+ .body-short-01 {
444
+ color: var(--text-grey-800);
445
+ fill: var(--text-grey-800);
446
+ font-family: var(--font-family-sans);
447
+ font-weight: var(--font-rg);
448
+ font-size: var(--font-size-2);
449
+ line-height: 20px;
450
+ }
451
+
452
+ .body-short-02 {
453
+ color: var(--text-grey-800);
454
+ fill: var(--text-grey-800);
455
+ font-family: var(--font-family-sans);
456
+ font-weight: var(--font-rg);
457
+ font-size: var(--font-size-3);
458
+ line-height: 24px;
459
+ }
460
+
461
+ .body-long-01 {
462
+ color: var(--text-grey-800);
463
+ fill: var(--text-grey-800);
464
+ font-family: var(--font-family-sans);
465
+ font-weight: var(--font-rg);
466
+ font-size: var(--font-size-2);
467
+ line-height: 20px;
468
+ }
469
+
470
+ .body-long-02 {
471
+ color: var(--text-grey-800);
472
+ fill: var(--text-grey-800);
473
+ font-family: var(--font-family-sans);
474
+ font-weight: var(--font-sb);
475
+ font-size: var(--font-size-3);
476
+ line-height: 24px;
477
+ }
478
+
479
+ .heading-01 {
480
+ color: var(--text-grey-800);
481
+ fill: var(--text-grey-800);
482
+ font-family: var(--font-family-sans);
483
+ font-weight: var(--font-sb);
484
+ font-size: var(--font-size-2);
485
+ line-height: 20px;
486
+ }
487
+
488
+ .heading-02 {
489
+ color: var(--text-grey-800);
490
+ fill: var(--text-grey-800);
491
+ font-family: var(--font-family-sans);
492
+ font-weight: var(--font-sb);
493
+ font-size: var(--font-size-3);
494
+ line-height: 24px;
495
+ }
496
+
497
+ .heading-03 {
498
+ color: var(--text-grey-800);
499
+ fill: var(--text-grey-800);
500
+ font-family: var(--font-family-sans);
501
+ font-weight: var(--font-sb);
502
+ font-size: var(--font-size-5);
503
+ line-height: 24px;
504
+ }
505
+
506
+ .heading-04 {
507
+ color: var(--text-grey-800);
508
+ fill: var(--text-grey-800);
509
+ font-family: var(--font-family-sans);
510
+ font-weight: var(--font-sb);
511
+ font-size: var(--font-size-7);
512
+ line-height: 36px;
513
+ }
514
+
515
+ .heading-05 {
516
+ color: var(--text-grey-800);
517
+ fill: var(--text-grey-800);
518
+ font-family: var(--font-family-sans);
519
+ font-weight: var(--font-sb);
520
+ font-size: var(--font-size-8);
521
+ line-height: 40px;
522
+ }
523
+
524
+ .expressive-heading-04 {
525
+ color: var(--text-grey-800);
526
+ fill: var(--text-grey-800);
527
+ font-family: var(--font-family-sans);
528
+ font-weight: var(--font-rg);
529
+ font-size: var(--font-size-8);
530
+ line-height: 40px;
531
+ }
532
+
533
+ @media only screen and (max-width: 767px) {
534
+ .expressive-heading-04 {
535
+ font-size: var(--font-size-7);
536
+ line-height: 36px;
537
+ }
538
+ }
539
+ .expressive-heading-05 {
540
+ color: var(--text-grey-800);
541
+ fill: var(--text-grey-800);
542
+ font-family: var(--font-family-sans);
543
+ font-weight: var(--font-rg);
544
+ font-size: var(--font-size-11);
545
+ line-height: 56px;
546
+ }
547
+
548
+ @media only screen and (max-width: 1024px) {
549
+ .expressive-heading-05 {
550
+ font-size: 36px;
551
+ line-height: 44px;
552
+ }
553
+ }
554
+ @media only screen and (max-width: 767px) {
555
+ .expressive-heading-05 {
556
+ font-size: var(--font-size-8);
557
+ line-height: 40px;
558
+ }
559
+ }
560
+ .expressive-paragraph-01 {
561
+ color: var(--text-grey-800);
562
+ fill: var(--text-grey-800);
563
+ font-family: var(--font-family-sans);
564
+ font-weight: var(--font-lt);
565
+ font-size: var(--font-size-8);
566
+ line-height: 40px;
567
+ }
568
+
569
+ @media only screen and (max-width: 767px) {
570
+ .expressive-paragraph-01 {
571
+ font-size: var(--font-size-6);
572
+ line-height: 32px;
573
+ }
574
+ }
575
+ .quotation-01 {
576
+ color: var(--text-grey-800);
577
+ fill: var(--text-grey-800);
578
+ font-family: var(--font-family-sans);
579
+ font-weight: var(--font-lt);
580
+ font-size: var(--font-size-8);
581
+ line-height: 40px;
582
+ }
583
+
584
+ @media only screen and (max-width: 767px) {
585
+ .quotation-01 {
586
+ font-size: var(--font-size-5);
587
+ line-height: 28px;
588
+ }
589
+ }
590
+ .quotation-02 {
591
+ color: var(--text-grey-800);
592
+ fill: var(--text-grey-800);
593
+ font-family: var(--font-family-sans);
594
+ font-weight: var(--font-lt);
595
+ font-size: var(--font-size-13);
596
+ line-height: 72px;
597
+ }
598
+
599
+ @media only screen and (max-width: 1024px) {
600
+ .quotation-02 {
601
+ font-size: 36px;
602
+ line-height: 44px;
603
+ }
604
+ }
605
+ @media only screen and (max-width: 767px) {
606
+ .quotation-02 {
607
+ font-size: var(--font-size-8);
608
+ line-height: 40px;
609
+ }
610
+ }
611
+ .display-01 {
612
+ color: var(--text-grey-800);
613
+ fill: var(--text-grey-800);
614
+ font-family: var(--font-family-sans);
615
+ font-weight: var(--font-lt);
616
+ font-size: var(--font-size-15);
617
+ line-height: 88px;
618
+ }
619
+
620
+ @media only screen and (max-width: 767px) {
621
+ .display-01 {
622
+ font-size: var(--font-size-10);
623
+ line-height: 52px;
624
+ }
625
+ }
626
+ .display-02 {
627
+ color: var(--text-grey-800);
628
+ fill: var(--text-grey-800);
629
+ font-family: var(--font-family-sans);
630
+ font-weight: var(--font-sb);
631
+ font-size: var(--font-size-15);
632
+ line-height: 88px;
633
+ }
634
+
635
+ @media only screen and (max-width: 767px) {
636
+ .display-02 {
637
+ font-size: var(--font-size-10);
638
+ line-height: 52px;
639
+ }
640
+ }
641
+ .display-03 {
642
+ color: var(--text-grey-800);
643
+ fill: var(--text-grey-800);
644
+ font-family: var(--font-family-sans);
645
+ font-weight: var(--font-lt);
646
+ font-size: 156px;
647
+ line-height: 164px;
648
+ }
649
+
650
+ @media only screen and (max-width: 1024px) {
651
+ .display-03 {
652
+ font-size: var(--font-size-14);
653
+ line-height: 80px;
654
+ }
655
+ }
656
+ @media only screen and (max-width: 767px) {
657
+ .display-03 {
658
+ font-size: var(--font-size-10);
659
+ line-height: 52px;
660
+ }
661
+ }
662
+ .display-04 {
663
+ color: var(--text-grey-800);
664
+ fill: var(--text-grey-800);
665
+ font-family: var(--font-family-sans);
666
+ font-weight: var(--font-sb);
667
+ font-size: 156px;
668
+ line-height: 164px;
669
+ }
670
+
671
+ @media only screen and (max-width: 1024px) {
672
+ .display-04 {
673
+ font-size: var(--font-size-14);
674
+ line-height: 80px;
675
+ }
676
+ }
677
+ @media only screen and (max-width: 767px) {
678
+ .display-04 {
679
+ font-size: var(--font-size-10);
680
+ line-height: 52px;
681
+ }
682
+ }
683
+ :root {
684
+ --grid-mobile-viewport: 768px;
685
+ --grid-mobile-column: 4;
686
+ --grid-mobile-margin: 16px;
687
+ --grid-mobile-gutter: 16px;
688
+ --grid-tablet-viewport: 768px;
689
+ --grid-tablet-column: 8;
690
+ --grid-tablet-margin: 24px;
691
+ --grid-tablet-gutter: 24px;
692
+ --grid-desktop-viewport: 1152px;
693
+ --grid-desktop-column: 12;
694
+ --grid-desktop-margin: 24px;
695
+ --grid-desktop-gutter: 24px;
696
+ --grid-wide-viewport: 1366px;
697
+ --grid-wide-column: 12;
698
+ --grid-wide-margin: 32px;
699
+ --grid-wide-gutter: 32px;
700
+ --page-max-width: 1366px;
701
+ /* These variables automatically adapt to the viewport size,
702
+ that apps don't have to worry about updating the value manually. */
703
+ --grid-margin: var(--grid-mobile-margin);
704
+ --grid-gutter: var(--grid-mobile-gutter);
705
+ --grid-columns: var(--grid-mobile-column);
706
+ }
707
+
708
+ @media (min-width: 768px) and (max-width: 1151px) {
709
+ :root {
710
+ --grid-margin: var(--grid-tablet-margin);
711
+ --grid-gutter: var(--grid-tablet-gutter);
712
+ --grid-columns: var(--grid-tablet-column);
713
+ }
714
+ }
715
+ @media (min-width: 1152px) and (max-width: 1365px) {
716
+ :root {
717
+ --grid-margin: var(--grid-desktop-margin);
718
+ --grid-gutter: var(--grid-desktop-gutter);
719
+ --grid-columns: var(--grid-desktop-column);
720
+ }
721
+ }
722
+ @media (min-width: 1366px) {
723
+ :root {
724
+ --grid-margin: var(--grid-wide-margin);
725
+ --grid-gutter: var(--grid-wide-gutter);
726
+ --grid-columns: var(--grid-wide-column);
727
+ }
728
+ }
729
+ .grid {
730
+ display: grid;
731
+ grid-template-columns: repeat(var(--grid-columns), 1fr);
732
+ width: 100%;
733
+ column-gap: var(--grid-gutter);
734
+ }
735
+
736
+ .col-full {
737
+ grid-column: 1/-1;
738
+ }
739
+
740
+ .col-1 {
741
+ grid-column: span 1;
742
+ }
743
+
744
+ .col-2 {
745
+ grid-column: span 2;
746
+ }
747
+
748
+ .col-3 {
749
+ grid-column: span 3;
750
+ }
751
+
752
+ .col-4,
753
+ .col-5,
754
+ .col-6,
755
+ .col-7,
756
+ .col-8,
757
+ .col-9,
758
+ .col-10,
759
+ .col-11,
760
+ .col-12 {
761
+ grid-column: span 4;
762
+ }
763
+
764
+ .col-start-1 {
765
+ grid-column-start: 1;
766
+ }
767
+
768
+ .col-start-2 {
769
+ grid-column-start: 2;
770
+ }
771
+
772
+ .col-start-3 {
773
+ grid-column-start: 3;
774
+ }
775
+
776
+ .col-start-4,
777
+ .col-start-5,
778
+ .col-start-6,
779
+ .col-start-7,
780
+ .col-start-8,
781
+ .col-start-9,
782
+ .col-start-10,
783
+ .col-start-11,
784
+ .col-start-12 {
785
+ grid-column-start: 4;
786
+ }
787
+
788
+ /*
789
+ .-col-start-1 is intentionally left out
790
+ */
791
+ .-col-start-2 {
792
+ grid-column-start: -2;
793
+ }
794
+
795
+ .-col-start-3 {
796
+ grid-column-start: -3;
797
+ }
798
+
799
+ .-col-start-4 {
800
+ grid-column-start: -4;
801
+ }
802
+
803
+ .-col-start-5,
804
+ .-col-start-6,
805
+ .-col-start-7,
806
+ .-col-start-8,
807
+ .-col-start-9,
808
+ .-col-start-10,
809
+ .-col-start-11,
810
+ .-col-start-12,
811
+ .-col-start-13 {
812
+ grid-column-start: -5;
813
+ }
814
+
815
+ .col-end-last {
816
+ grid-column-end: -1;
817
+ }
818
+
819
+ /*
820
+ .col-end-1 is intentionally left out
821
+ */
822
+ .col-end-2 {
823
+ grid-column-end: 2;
824
+ }
825
+
826
+ .col-end-3 {
827
+ grid-column-end: 3;
828
+ }
829
+
830
+ .col-end-4 {
831
+ grid-column-end: 4;
832
+ }
833
+
834
+ /*
835
+ This means "end this column where column 5 start",
836
+ which is the same as saying "end this column where column 4 end"
837
+ */
838
+ .col-end-5,
839
+ .col-end-6,
840
+ .col-end-7,
841
+ .col-end-8,
842
+ .col-end-9,
843
+ .col-end-10,
844
+ .col-end-11,
845
+ .col-end-12,
846
+ .col-end-13 {
847
+ grid-column-end: 5;
848
+ }
849
+
850
+ .-col-end-1 {
851
+ grid-column-end: -1;
852
+ }
853
+
854
+ .-col-end-2 {
855
+ grid-column-end: -2;
856
+ }
857
+
858
+ .-col-end-3 {
859
+ grid-column-end: -3;
860
+ }
861
+
862
+ .-col-end-4,
863
+ .-col-end-5,
864
+ .-col-end-6,
865
+ .-col-end-7,
866
+ .-col-end-8,
867
+ .-col-end-9,
868
+ .-col-end-10,
869
+ .-col-end-11,
870
+ .-col-end-12 {
871
+ grid-column-end: -4;
872
+ }
873
+
874
+ @media (max-width: 767px) {
875
+ .mobile-col-full {
876
+ grid-column: 1/-1;
877
+ }
878
+ .mobile-col-1 {
879
+ grid-column: span 1;
880
+ }
881
+ .mobile-col-2 {
882
+ grid-column: span 2;
883
+ }
884
+ .mobile-col-3 {
885
+ grid-column: span 3;
886
+ }
887
+ .mobile-col-4 {
888
+ grid-column: span 4;
889
+ }
890
+ }
891
+ @media (min-width: 768px) {
892
+ .col-5 {
893
+ grid-column: span 5;
894
+ }
895
+ .col-6 {
896
+ grid-column: span 6;
897
+ }
898
+ .col-7 {
899
+ grid-column: span 7;
900
+ }
901
+ .col-8,
902
+ .col-9,
903
+ .col-10,
904
+ .col-11,
905
+ .col-12 {
906
+ grid-column: span 8;
907
+ }
908
+ .col-start-5 {
909
+ grid-column-start: 5;
910
+ }
911
+ .col-start-6 {
912
+ grid-column-start: 6;
913
+ }
914
+ .col-start-7 {
915
+ grid-column-start: 7;
916
+ }
917
+ .col-start-8,
918
+ .col-start-9,
919
+ .col-start-10,
920
+ .col-start-11,
921
+ .col-start-12 {
922
+ grid-column-start: 8;
923
+ }
924
+ .-col-start-6 {
925
+ grid-column-start: -6;
926
+ }
927
+ .-col-start-7 {
928
+ grid-column-start: -7;
929
+ }
930
+ .-col-start-8 {
931
+ grid-column-start: -8;
932
+ }
933
+ .-col-start-9,
934
+ .-col-start-10,
935
+ .-col-start-11,
936
+ .-col-start-12,
937
+ .-col-start-13 {
938
+ grid-column-start: -9;
939
+ }
940
+ .col-end-6 {
941
+ grid-column-end: 6;
942
+ }
943
+ .col-end-7 {
944
+ grid-column-end: 7;
945
+ }
946
+ .col-end-8 {
947
+ grid-column-end: 8;
948
+ }
949
+ .col-end-9,
950
+ .col-end-10,
951
+ .col-end-11,
952
+ .col-end-12,
953
+ .col-end-13 {
954
+ grid-column-end: 9;
955
+ }
956
+ .-col-end-5 {
957
+ grid-column-end: -5;
958
+ }
959
+ .-col-end-6 {
960
+ grid-column-end: -6;
961
+ }
962
+ .-col-end-7 {
963
+ grid-column-end: -7;
964
+ }
965
+ .-col-end-8,
966
+ .-col-end-9,
967
+ .-col-end-10,
968
+ .-col-end-11,
969
+ .-col-end-12 {
970
+ grid-column-end: -8;
971
+ }
972
+ }
973
+ @media (min-width: 768px) and (max-width: 1151px) {
974
+ .tablet-col-full {
975
+ grid-column: 1/-1;
976
+ }
977
+ .tablet-col-1 {
978
+ grid-column: span 1;
979
+ }
980
+ .tablet-col-2 {
981
+ grid-column: span 2;
982
+ }
983
+ .tablet-col-3 {
984
+ grid-column: span 3;
985
+ }
986
+ .tablet-col-4 {
987
+ grid-column: span 4;
988
+ }
989
+ .tablet-col-5 {
990
+ grid-column: span 5;
991
+ }
992
+ .tablet-col-6 {
993
+ grid-column: span 6;
994
+ }
995
+ .tablet-col-7 {
996
+ grid-column: span 7;
997
+ }
998
+ .tablet-col-8 {
999
+ grid-column: span 8;
1000
+ }
1001
+ .tablet-col-start-1 {
1002
+ grid-column-start: 1;
1003
+ }
1004
+ .tablet-col-start-2 {
1005
+ grid-column-start: 2;
1006
+ }
1007
+ .tablet-col-start-3 {
1008
+ grid-column-start: 3;
1009
+ }
1010
+ .tablet-col-start-4 {
1011
+ grid-column-start: 4;
1012
+ }
1013
+ .tablet-col-start-5 {
1014
+ grid-column-start: 5;
1015
+ }
1016
+ .tablet-col-start-6 {
1017
+ grid-column-start: 6;
1018
+ }
1019
+ .tablet-col-start-7 {
1020
+ grid-column-start: 7;
1021
+ }
1022
+ .tablet-col-start-8 {
1023
+ grid-column-start: 8;
1024
+ }
1025
+ .-tablet-col-start-2 {
1026
+ grid-column-start: -2;
1027
+ }
1028
+ .-tablet-col-start-3 {
1029
+ grid-column-start: -3;
1030
+ }
1031
+ .-tablet-col-start-4 {
1032
+ grid-column-start: -4;
1033
+ }
1034
+ .-tablet-col-start-5 {
1035
+ grid-column-start: -5;
1036
+ }
1037
+ .-tablet-col-start-6 {
1038
+ grid-column-start: -6;
1039
+ }
1040
+ .-tablet-col-start-7 {
1041
+ grid-column-start: -7;
1042
+ }
1043
+ .-tablet-col-start-8 {
1044
+ grid-column-start: -8;
1045
+ }
1046
+ .tablet-col-end-2 {
1047
+ grid-column-end: 2;
1048
+ }
1049
+ .tablet-col-end-3 {
1050
+ grid-column-end: 3;
1051
+ }
1052
+ .tablet-col-end-4 {
1053
+ grid-column-end: 4;
1054
+ }
1055
+ .tablet-col-end-6 {
1056
+ grid-column-end: 6;
1057
+ }
1058
+ .tablet-col-end-7 {
1059
+ grid-column-end: 7;
1060
+ }
1061
+ .tablet-col-end-8 {
1062
+ grid-column-end: 8;
1063
+ }
1064
+ .tablet-col-end-last {
1065
+ grid-column-end: -1;
1066
+ }
1067
+ .-tablet-col-end-1 {
1068
+ grid-column-end: -1;
1069
+ }
1070
+ .-tablet-col-end-2 {
1071
+ grid-column-end: -2;
1072
+ }
1073
+ .-tablet-col-end-3 {
1074
+ grid-column-end: -3;
1075
+ }
1076
+ .-tablet-col-end-4 {
1077
+ grid-column-end: -4;
1078
+ }
1079
+ .-tablet-col-end-5 {
1080
+ grid-column-end: -5;
1081
+ }
1082
+ .-tablet-col-end-6 {
1083
+ grid-column-end: -6;
1084
+ }
1085
+ .-tablet-col-end-7 {
1086
+ grid-column-end: -7;
1087
+ }
1088
+ .-tablet-col-end-8 {
1089
+ grid-column-end: -8;
1090
+ }
1091
+ }
1092
+ @media (min-width: 1152px) {
1093
+ .col-9 {
1094
+ grid-column: span 9;
1095
+ }
1096
+ .col-10 {
1097
+ grid-column: span 10;
1098
+ }
1099
+ .col-11 {
1100
+ grid-column: span 11;
1101
+ }
1102
+ .col-12 {
1103
+ grid-column: span 12;
1104
+ }
1105
+ .col-start-9 {
1106
+ grid-column-start: 9;
1107
+ }
1108
+ .col-start-10 {
1109
+ grid-column-start: 10;
1110
+ }
1111
+ .col-start-11 {
1112
+ grid-column-start: 11;
1113
+ }
1114
+ .col-start-12 {
1115
+ grid-column-start: 12;
1116
+ }
1117
+ .-col-start-10 {
1118
+ grid-column-start: -10;
1119
+ }
1120
+ .-col-start-11 {
1121
+ grid-column-start: -11;
1122
+ }
1123
+ .-col-start-12 {
1124
+ grid-column-start: -12;
1125
+ }
1126
+ .-col-start-13 {
1127
+ grid-column-start: -13;
1128
+ }
1129
+ .col-end-10 {
1130
+ grid-column-end: 10;
1131
+ }
1132
+ .col-end-11 {
1133
+ grid-column-end: 11;
1134
+ }
1135
+ .col-end-12 {
1136
+ grid-column-end: 12;
1137
+ }
1138
+ .col-end-13 {
1139
+ grid-column-end: 13;
1140
+ }
1141
+ .-col-end-9 {
1142
+ grid-column-end: -9;
1143
+ }
1144
+ .-col-end-10 {
1145
+ grid-column-end: -10;
1146
+ }
1147
+ .-col-end-11 {
1148
+ grid-column-end: -11;
1149
+ }
1150
+ .-col-end-12 {
1151
+ grid-column-end: -12;
1152
+ }
1153
+ }
1154
+ @media (min-width: 1152px) and (max-width: 1365px) {
1155
+ .desktop-col-full {
1156
+ grid-column: 1/-1;
1157
+ }
1158
+ .desktop-col-1 {
1159
+ grid-column: span 1;
1160
+ }
1161
+ .desktop-col-2 {
1162
+ grid-column: span 2;
1163
+ }
1164
+ .desktop-col-3 {
1165
+ grid-column: span 3;
1166
+ }
1167
+ .desktop-col-4 {
1168
+ grid-column: span 4;
1169
+ }
1170
+ .desktop-col-5 {
1171
+ grid-column: span 5;
1172
+ }
1173
+ .desktop-col-6 {
1174
+ grid-column: span 6;
1175
+ }
1176
+ .desktop-col-7 {
1177
+ grid-column: span 7;
1178
+ }
1179
+ .desktop-col-8 {
1180
+ grid-column: span 8;
1181
+ }
1182
+ .desktop-col-9 {
1183
+ grid-column: span 9;
1184
+ }
1185
+ .desktop-col-10 {
1186
+ grid-column: span 10;
1187
+ }
1188
+ .desktop-col-11 {
1189
+ grid-column: span 11;
1190
+ }
1191
+ .desktop-col-12 {
1192
+ grid-column: span 12;
1193
+ }
1194
+ .desktop-col-start-1 {
1195
+ grid-column-start: 1;
1196
+ }
1197
+ .desktop-col-start-2 {
1198
+ grid-column-start: 2;
1199
+ }
1200
+ .desktop-col-start-3 {
1201
+ grid-column-start: 3;
1202
+ }
1203
+ .desktop-col-start-4 {
1204
+ grid-column-start: 4;
1205
+ }
1206
+ .desktop-col-start-5 {
1207
+ grid-column-start: 5;
1208
+ }
1209
+ .desktop-col-start-6 {
1210
+ grid-column-start: 6;
1211
+ }
1212
+ .desktop-col-start-7 {
1213
+ grid-column-start: 7;
1214
+ }
1215
+ .desktop-col-start-8 {
1216
+ grid-column-start: 8;
1217
+ }
1218
+ .desktop-col-start-9 {
1219
+ grid-column-start: 9;
1220
+ }
1221
+ .desktop-col-start-10 {
1222
+ grid-column-start: 10;
1223
+ }
1224
+ .desktop-col-start-11 {
1225
+ grid-column-start: 11;
1226
+ }
1227
+ .desktop-col-start-12 {
1228
+ grid-column-start: 12;
1229
+ }
1230
+ .-desktop-col-start-2 {
1231
+ grid-column-start: -2;
1232
+ }
1233
+ .-desktop-col-start-3 {
1234
+ grid-column-start: -3;
1235
+ }
1236
+ .-desktop-col-start-4 {
1237
+ grid-column-start: -4;
1238
+ }
1239
+ .-desktop-col-start-5 {
1240
+ grid-column-start: -5;
1241
+ }
1242
+ .-desktop-col-start-6 {
1243
+ grid-column-start: -6;
1244
+ }
1245
+ .-desktop-col-start-7 {
1246
+ grid-column-start: -7;
1247
+ }
1248
+ .-desktop-col-start-8 {
1249
+ grid-column-start: -8;
1250
+ }
1251
+ .-desktop-col-start-9 {
1252
+ grid-column-start: -9;
1253
+ }
1254
+ .-desktop-col-start-10 {
1255
+ grid-column-start: -10;
1256
+ }
1257
+ .-desktop-col-start-11 {
1258
+ grid-column-start: -11;
1259
+ }
1260
+ .-desktop-col-start-12 {
1261
+ grid-column-start: -12;
1262
+ }
1263
+ .desktop-col-end-2 {
1264
+ grid-column-end: 2;
1265
+ }
1266
+ .desktop-col-end-3 {
1267
+ grid-column-end: 3;
1268
+ }
1269
+ .desktop-col-end-4 {
1270
+ grid-column-end: 4;
1271
+ }
1272
+ .desktop-col-end-6 {
1273
+ grid-column-end: 6;
1274
+ }
1275
+ .desktop-col-end-7 {
1276
+ grid-column-end: 7;
1277
+ }
1278
+ .desktop-col-end-8 {
1279
+ grid-column-end: 8;
1280
+ }
1281
+ .desktop-col-end-9 {
1282
+ grid-column-end: 9;
1283
+ }
1284
+ .desktop-col-end-10 {
1285
+ grid-column-end: 10;
1286
+ }
1287
+ .desktop-col-end-11 {
1288
+ grid-column-end: 11;
1289
+ }
1290
+ .desktop-col-end-12 {
1291
+ grid-column-end: 12;
1292
+ }
1293
+ .desktop-col-end-last {
1294
+ grid-column-end: -1;
1295
+ }
1296
+ .-desktop-col-end-1 {
1297
+ grid-column-end: -1;
1298
+ }
1299
+ .-desktop-col-end-2 {
1300
+ grid-column-end: -2;
1301
+ }
1302
+ .-desktop-col-end-3 {
1303
+ grid-column-end: -3;
1304
+ }
1305
+ .-desktop-col-end-4 {
1306
+ grid-column-end: -4;
1307
+ }
1308
+ .-desktop-col-end-5 {
1309
+ grid-column-end: -5;
1310
+ }
1311
+ .-desktop-col-end-6 {
1312
+ grid-column-end: -6;
1313
+ }
1314
+ .-desktop-col-end-7 {
1315
+ grid-column-end: -7;
1316
+ }
1317
+ .-desktop-col-end-8 {
1318
+ grid-column-end: -8;
1319
+ }
1320
+ .-desktop-col-end-9 {
1321
+ grid-column-end: -9;
1322
+ }
1323
+ .-desktop-col-end-10 {
1324
+ grid-column-end: -10;
1325
+ }
1326
+ .-desktop-col-end-11 {
1327
+ grid-column-end: -11;
1328
+ }
1329
+ .-desktop-col-end-12 {
1330
+ grid-column-end: -12;
1331
+ }
1332
+ }
1333
+ @media (min-width: 1366px) {
1334
+ .wide-col-full {
1335
+ grid-column: 1/-1;
1336
+ }
1337
+ .wide-col-1 {
1338
+ grid-column: span 1;
1339
+ }
1340
+ .wide-col-2 {
1341
+ grid-column: span 2;
1342
+ }
1343
+ .wide-col-3 {
1344
+ grid-column: span 3;
1345
+ }
1346
+ .wide-col-4 {
1347
+ grid-column: span 4;
1348
+ }
1349
+ .wide-col-5 {
1350
+ grid-column: span 5;
1351
+ }
1352
+ .wide-col-6 {
1353
+ grid-column: span 6;
1354
+ }
1355
+ .wide-col-7 {
1356
+ grid-column: span 7;
1357
+ }
1358
+ .wide-col-8 {
1359
+ grid-column: span 8;
1360
+ }
1361
+ .wide-col-9 {
1362
+ grid-column: span 9;
1363
+ }
1364
+ .wide-col-10 {
1365
+ grid-column: span 10;
1366
+ }
1367
+ .wide-col-11 {
1368
+ grid-column: span 11;
1369
+ }
1370
+ .wide-col-12 {
1371
+ grid-column: span 12;
1372
+ }
1373
+ .wide-col-start-1 {
1374
+ grid-column-start: 1;
1375
+ }
1376
+ .wide-col-start-2 {
1377
+ grid-column-start: 2;
1378
+ }
1379
+ .wide-col-start-3 {
1380
+ grid-column-start: 3;
1381
+ }
1382
+ .wide-col-start-4 {
1383
+ grid-column-start: 4;
1384
+ }
1385
+ .wide-col-start-5 {
1386
+ grid-column-start: 5;
1387
+ }
1388
+ .wide-col-start-6 {
1389
+ grid-column-start: 6;
1390
+ }
1391
+ .wide-col-start-7 {
1392
+ grid-column-start: 7;
1393
+ }
1394
+ .wide-col-start-8 {
1395
+ grid-column-start: 8;
1396
+ }
1397
+ .wide-col-start-9 {
1398
+ grid-column-start: 9;
1399
+ }
1400
+ .wide-col-start-10 {
1401
+ grid-column-start: 10;
1402
+ }
1403
+ .wide-col-start-11 {
1404
+ grid-column-start: 11;
1405
+ }
1406
+ .wide-col-start-12 {
1407
+ grid-column-start: 12;
1408
+ }
1409
+ .-wide-col-start-2 {
1410
+ grid-column-start: -2;
1411
+ }
1412
+ .-wide-col-start-3 {
1413
+ grid-column-start: -3;
1414
+ }
1415
+ .-wide-col-start-4 {
1416
+ grid-column-start: -4;
1417
+ }
1418
+ .-wide-col-start-5 {
1419
+ grid-column-start: -5;
1420
+ }
1421
+ .-wide-col-start-6 {
1422
+ grid-column-start: -6;
1423
+ }
1424
+ .-wide-col-start-7 {
1425
+ grid-column-start: -7;
1426
+ }
1427
+ .-wide-col-start-8 {
1428
+ grid-column-start: -8;
1429
+ }
1430
+ .-wide-col-start-9 {
1431
+ grid-column-start: -9;
1432
+ }
1433
+ .-wide-col-start-10 {
1434
+ grid-column-start: -10;
1435
+ }
1436
+ .-wide-col-start-11 {
1437
+ grid-column-start: -11;
1438
+ }
1439
+ .-wide-col-start-12 {
1440
+ grid-column-start: -12;
1441
+ }
1442
+ .wide-col-end-2 {
1443
+ grid-column-end: 2;
1444
+ }
1445
+ .wide-col-end-3 {
1446
+ grid-column-end: 3;
1447
+ }
1448
+ .wide-col-end-4 {
1449
+ grid-column-end: 4;
1450
+ }
1451
+ .wide-col-end-6 {
1452
+ grid-column-end: 6;
1453
+ }
1454
+ .wide-col-end-7 {
1455
+ grid-column-end: 7;
1456
+ }
1457
+ .wide-col-end-8 {
1458
+ grid-column-end: 8;
1459
+ }
1460
+ .wide-col-end-9 {
1461
+ grid-column-end: 9;
1462
+ }
1463
+ .wide-col-end-10 {
1464
+ grid-column-end: 10;
1465
+ }
1466
+ .wide-col-end-11 {
1467
+ grid-column-end: 11;
1468
+ }
1469
+ .wide-col-end-12 {
1470
+ grid-column-end: 12;
1471
+ }
1472
+ .wide-col-end-last {
1473
+ grid-column-end: -1;
1474
+ }
1475
+ .-wide-col-end-1 {
1476
+ grid-column-end: -1;
1477
+ }
1478
+ .-wide-col-end-2 {
1479
+ grid-column-end: -2;
1480
+ }
1481
+ .-wide-col-end-3 {
1482
+ grid-column-end: -3;
1483
+ }
1484
+ .-wide-col-end-4 {
1485
+ grid-column-end: -4;
1486
+ }
1487
+ .-wide-col-end-5 {
1488
+ grid-column-end: -5;
1489
+ }
1490
+ .-wide-col-end-6 {
1491
+ grid-column-end: -6;
1492
+ }
1493
+ .-wide-col-end-7 {
1494
+ grid-column-end: -7;
1495
+ }
1496
+ .-wide-col-end-8 {
1497
+ grid-column-end: -8;
1498
+ }
1499
+ .-wide-col-end-9 {
1500
+ grid-column-end: -9;
1501
+ }
1502
+ .-wide-col-end-10 {
1503
+ grid-column-end: -10;
1504
+ }
1505
+ .-wide-col-end-11 {
1506
+ grid-column-end: -11;
1507
+ }
1508
+ .-wide-col-end-12 {
1509
+ grid-column-end: -12;
1510
+ }
1511
+ }
1512
+
1513
+ /*# sourceMappingURL=tokens.css.map */
1514
+
1515
+ :root {
1516
+ --color-background: var(--gray50);
1517
+ --color-primary01: var(--blue500);
1518
+ --color-primary02: var(--blue500);
1519
+ --color-primary03: var(--blue50);
1520
+ --color-secondary01: var(--blue500);
1521
+ --color-secondary02: var(--red500);
1522
+ --color-secondary03: var(--red500);
1523
+ --color-danger01: var(--color-error-default);
1524
+ --color-danger02: var(--color-error-default);
1525
+ --color-error01: var(--color-error-default);
1526
+ --color-error02: var(--red800);
1527
+ --color-error-inverse: var(--red50);
1528
+ --color-text-error: var(--color-error-default);
1529
+ --color-success01: var(--color-success-default);
1530
+ --color-success02: var(--green800);
1531
+ --color-text-success: var(--color-success-default);
1532
+ --color-success-inverse: var(--green50);
1533
+ --color-warning01: var(--color-warning-default);
1534
+ --color-warning02: var(--yellow800);
1535
+ --color-text-warning: var(--color-warning-default);
1536
+ --color-warning-inverse: var(--yellow50);
1537
+ --color-surface01: var(--color-white);
1538
+ --color-surface02: var(--gray50);
1539
+ --color-surface03: var(--gray200);
1540
+ --color-surface04: var(--gray700);
1541
+ --color-surface05: var(--gray800);
1542
+ --color-text01: var(--gray800);
1543
+ --color-text02: var(--gray800);
1544
+ --color-text03: var(--gray300);
1545
+ --color-text04: var(--color-white);
1546
+ --color-text05: var(--gray600);
1547
+ --color-text-inverse: var(--color-white);
1548
+ --color-icon01: var(--blue500);
1549
+ --color-icon02: var(--gray800);
1550
+ --color-icon03: var(--color-white);
1551
+ --color-input-field01: var(--color-white);
1552
+ --color-input-field02: var(--color-white);
1553
+ --color-hover-primary: var(--blue800);
1554
+ --color-hover-primary-text: var(--color-black);
1555
+ --color-hover-secondary: var(--blue800);
1556
+ --color-hover-tertiary: var(--blue800);
1557
+ --color-hover-surface: var(--gray50);
1558
+ --color-hover-light: var(--blue400);
1559
+ --color-hover-danger: var(--red800);
1560
+ --color-active-primary: var(--blue800);
1561
+ --color-active-secondary: var(--blue800);
1562
+ --color-active-tertiary: var(--blue800);
1563
+ --color-active-surface: var(--gray300);
1564
+ --color-active-light: var(--blue400);
1565
+ --color-pressed-primary: var(--blue400);
1566
+ --color-pressed-secondary: var(--red400);
1567
+ --color-selected-surface: var(--gray300);
1568
+ --color-selected-light: var(--gray300);
1569
+ --color-highlight: var(--blue100);
1570
+ --color-ghost01: var(--gray300);
1571
+ --color-ghost02: var(--gray500);
1572
+ --color-disabled01: var(--gray200);
1573
+ --color-disabled02: var(--gray700);
1574
+ --color-disabled03: var(--gray500);
1575
+ --shadow-focus-primary: 0 0 2px 2px var(--color-highlight);
1576
+ --color-link-primary: var(--blue500);
1577
+ --color-hover-link: var(--blue800);
1578
+ --color-active-link: var(--blue800);
1579
+ --color-pressed-link: var(--blue400);
1580
+ --color-visited-link: var(--blue800);
1581
+ --color-inverse-link: var(--color-white);
1582
+ --color-inverse-hover-link: var(--color-white);
1583
+ --color-inverse-active-link: var(--color-white);
1584
+ --color-inverse-pressed-link: var(--color-white);
1585
+ --color-inverse-visited-link: var(--gray300);
1586
+ }
1587
+
1588
+ /*# sourceMappingURL=default.css.map */
1589
+
1590
+ .theme-black-yellow {
1591
+ --color-primary01: var(--gray950);
1592
+ --color-primary02: var(--gray950);
1593
+ --color-primary03: var(--gray100);
1594
+ --color-secondary01: var(--yellow500);
1595
+ --color-secondary02: var(--yellow500);
1596
+ --color-secondary03: var(--yellow500);
1597
+ --color-text01: var(--gray950);
1598
+ --color-text-inverse: var(--color-white);
1599
+ --color-icon01: var(--gray950);
1600
+ --color-active-primary: var(--gray800);
1601
+ --color-pressed-primary: var(--gray800);
1602
+ --color-hover-primary: var(--gray800);
1603
+ --color-hover-secondary: var(--gray950);
1604
+ --color-hover-tertiary: var(--gray950);
1605
+ --color-hover-primary-text: var(--gray950);
1606
+ --color-hover-light: var(--yellow500);
1607
+ --color-background: var(--color-white);
1608
+ --color-hover-surface: var(--gray50);
1609
+ }
1610
+
1611
+ /*# sourceMappingURL=black-yellow.css.map */
1612
+
1613
+ .theme-dark {
1614
+ --color-surface01: var(--gray800);
1615
+ --color-primary01: var(--color-white);
1616
+ --color-primary02: var(--gray800);
1617
+ --color-hover-primary: var(--color-primary01);
1618
+ --color-pressed-primary: var(--color-primary01);
1619
+ --color-text02: var(--color-white);
1620
+ --color-text-inverse: var(--gray800);
1621
+ --color-link-primary: var(--color-white);
1622
+ --color-hover-link: var(--color-link-primary);
1623
+ --color-active-link: var(--color-link-primary);
1624
+ --color-pressed-link: var(--color-link-primary);
1625
+ --color-visited-link: var(--color-link-primary);
1626
+ --color-error02: #ffc1bd;
1627
+ --color-text-error: #ffc1bd;
1628
+ --color-success02: #a8e168;
1629
+ --color-text-success: #a8e168;
1630
+ --color-warning02: #f7ca6a;
1631
+ --color-text-warning: #f7ca6a;
1632
+ background: var(--color-surface01);
1633
+ }
1634
+
1635
+ /*# sourceMappingURL=dark-default.css.map */
1636
+