@duetds/components 8.6.2 → 8.6.4

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 (370) hide show
  1. package/hydrate/index.js +695 -649
  2. package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
  3. package/lib/cjs/duet-alert.cjs.entry.js +2 -0
  4. package/lib/cjs/duet-banner.cjs.entry.js +6 -4
  5. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +2 -2
  6. package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
  7. package/lib/cjs/duet-caption_4.cjs.entry.js +4 -4
  8. package/lib/cjs/duet-card.cjs.entry.js +2 -2
  9. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
  13. package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-header_2.cjs.entry.js +2 -2
  15. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  16. package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
  17. package/lib/cjs/duet-menu-bar.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-modal.cjs.entry.js +26 -3
  19. package/lib/cjs/duet-page-heading.cjs.entry.js +2 -1
  20. package/lib/cjs/duet-pagination_2.cjs.entry.js +24 -11
  21. package/lib/cjs/duet-popup-menu.cjs.entry.js +1 -0
  22. package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
  23. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  24. package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-scrollable_3.cjs.entry.js +2 -2
  26. package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-slideout.cjs.entry.js +2 -2
  28. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
  29. package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -1
  30. package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
  31. package/lib/cjs/duet-tray.cjs.entry.js +1 -1
  32. package/lib/cjs/duet.cjs.js +1 -1
  33. package/lib/cjs/loader.cjs.js +1 -1
  34. package/lib/cjs/{token-utils-4ff49a49.js → token-utils-2a219fda.js} +1 -1
  35. package/lib/cjs/{tokens-d270c810.js → tokens-851fb0c9.js} +376 -376
  36. package/lib/cjs/{tokens.module-2198b663.js → tokens.module-3e57c188.js} +250 -250
  37. package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
  38. package/lib/collection/components/duet-alert/duet-alert.js +17 -1
  39. package/lib/collection/components/duet-banner/duet-banner.css +27 -23
  40. package/lib/collection/components/duet-banner/duet-banner.js +4 -2
  41. package/lib/collection/components/duet-button/duet-button.js +5 -5
  42. package/lib/collection/components/duet-caption/duet-caption.js +1 -1
  43. package/lib/collection/components/duet-card/duet-card.js +3 -3
  44. package/lib/collection/components/duet-checkbox/duet-checkbox.css +4 -4
  45. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  46. package/lib/collection/components/duet-chip/duet-chip.js +6 -6
  47. package/lib/collection/components/duet-choice/duet-choice.js +3 -3
  48. package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
  49. package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
  50. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  51. package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
  52. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  53. package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
  54. package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
  55. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  56. package/lib/collection/components/duet-footer/duet-footer.js +7 -7
  57. package/lib/collection/components/duet-grid/duet-grid.js +3 -3
  58. package/lib/collection/components/duet-header/duet-header.js +15 -15
  59. package/lib/collection/components/duet-heading/duet-heading.js +1 -1
  60. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  61. package/lib/collection/components/duet-icon/duet-icon.css +3 -2
  62. package/lib/collection/components/duet-input/duet-input.js +8 -8
  63. package/lib/collection/components/duet-label/duet-label.js +2 -2
  64. package/lib/collection/components/duet-layout/duet-layout.js +1 -1
  65. package/lib/collection/components/duet-link/duet-link.css +12 -6
  66. package/lib/collection/components/duet-link/duet-link.js +1 -1
  67. package/lib/collection/components/duet-list/duet-list.js +3 -3
  68. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  69. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
  70. package/lib/collection/components/duet-modal/duet-modal.css +2 -1
  71. package/lib/collection/components/duet-modal/duet-modal.e2e.js +21 -0
  72. package/lib/collection/components/duet-modal/duet-modal.js +75 -10
  73. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  74. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
  75. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  76. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  77. package/lib/collection/components/duet-page-heading/duet-page-heading.css +3 -0
  78. package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -0
  79. package/lib/collection/components/duet-pagination/duet-pagination.js +37 -10
  80. package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
  81. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +22 -1
  82. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  83. package/lib/collection/components/duet-radio/duet-radio.css +4 -4
  84. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  85. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  86. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +24 -2
  87. package/lib/collection/components/duet-select/duet-select.js +5 -5
  88. package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
  89. package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
  90. package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
  91. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  92. package/lib/collection/components/duet-step/duet-step.js +2 -2
  93. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  94. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
  95. package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
  96. package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
  97. package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
  98. package/lib/collection/components/duet-upload/duet-upload.js +14 -14
  99. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  100. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  101. package/lib/dist-custom-elements/duet-alert.js +1 -1
  102. package/lib/dist-custom-elements/duet-banner.js +7 -5
  103. package/lib/dist-custom-elements/duet-breadcrumb.js +1 -1
  104. package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
  105. package/lib/dist-custom-elements/duet-button.js +1 -1
  106. package/lib/dist-custom-elements/duet-callout.js +1 -1
  107. package/lib/dist-custom-elements/duet-card.js +2 -2
  108. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  109. package/lib/dist-custom-elements/duet-chip.js +1 -1
  110. package/lib/dist-custom-elements/duet-choice-group.js +3 -3
  111. package/lib/dist-custom-elements/duet-choice.js +1 -1
  112. package/lib/dist-custom-elements/duet-collapsible.js +2 -2
  113. package/lib/dist-custom-elements/duet-combobox.js +8 -8
  114. package/lib/dist-custom-elements/duet-contact-card.js +6 -6
  115. package/lib/dist-custom-elements/duet-cookie-consent.js +3 -3
  116. package/lib/dist-custom-elements/duet-date-picker.js +8 -8
  117. package/lib/dist-custom-elements/duet-divider.js +1 -1
  118. package/lib/dist-custom-elements/duet-editable-table.js +5 -5
  119. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  120. package/lib/dist-custom-elements/duet-footer.js +2 -2
  121. package/lib/dist-custom-elements/duet-grid.js +1 -1
  122. package/lib/dist-custom-elements/duet-header.js +6 -6
  123. package/lib/dist-custom-elements/duet-heading.js +1 -1
  124. package/lib/dist-custom-elements/duet-hero.js +5 -5
  125. package/lib/dist-custom-elements/duet-icon.js +1 -1
  126. package/lib/dist-custom-elements/duet-input.js +1 -1
  127. package/lib/dist-custom-elements/duet-label.js +1 -1
  128. package/lib/dist-custom-elements/duet-link.js +1 -1
  129. package/lib/dist-custom-elements/duet-logo.js +1 -1
  130. package/lib/dist-custom-elements/duet-menu-bar-button.js +1 -1
  131. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +1 -1
  132. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +1 -1
  133. package/lib/dist-custom-elements/duet-menu-bar-item.js +1 -1
  134. package/lib/dist-custom-elements/duet-menu-bar-link.js +1 -1
  135. package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
  136. package/lib/dist-custom-elements/duet-modal.js +31 -7
  137. package/lib/dist-custom-elements/duet-multiselect.js +5 -5
  138. package/lib/dist-custom-elements/duet-notification-drawer.js +3 -3
  139. package/lib/dist-custom-elements/duet-number-input.js +7 -7
  140. package/lib/dist-custom-elements/duet-page-heading.js +3 -2
  141. package/lib/dist-custom-elements/duet-pagination.js +27 -17
  142. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  143. package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
  144. package/lib/dist-custom-elements/duet-popup-menu.js +2 -0
  145. package/lib/dist-custom-elements/duet-promo-card.js +3 -3
  146. package/lib/dist-custom-elements/duet-radio-group.js +3 -3
  147. package/lib/dist-custom-elements/duet-radio.js +1 -1
  148. package/lib/dist-custom-elements/duet-range-slider.js +2 -2
  149. package/lib/dist-custom-elements/duet-range-stepper.js +8 -3
  150. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  151. package/lib/dist-custom-elements/duet-select.js +1 -1
  152. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  153. package/lib/dist-custom-elements/duet-slideout-lang.js +1 -1
  154. package/lib/dist-custom-elements/duet-slideout-link.js +1 -1
  155. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +1 -1
  156. package/lib/dist-custom-elements/duet-slideout-panel.js +2 -2
  157. package/lib/dist-custom-elements/duet-slideout.js +2 -2
  158. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  159. package/lib/dist-custom-elements/duet-step.js +2 -2
  160. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +1 -1
  161. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
  162. package/lib/dist-custom-elements/duet-submenu-bar-item.js +1 -1
  163. package/lib/dist-custom-elements/duet-submenu-bar-link.js +1 -1
  164. package/lib/dist-custom-elements/duet-submenu-bar.js +2 -2
  165. package/lib/dist-custom-elements/duet-tab-group.js +8 -8
  166. package/lib/dist-custom-elements/duet-tab.js +1 -1
  167. package/lib/dist-custom-elements/duet-table.js +1 -1
  168. package/lib/dist-custom-elements/duet-textarea.js +5 -5
  169. package/lib/dist-custom-elements/duet-toggle.js +1 -1
  170. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +1 -1
  171. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +1 -1
  172. package/lib/dist-custom-elements/duet-toolbar-item.js +1 -1
  173. package/lib/dist-custom-elements/duet-toolbar-link.js +1 -1
  174. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  175. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  176. package/lib/dist-custom-elements/duet-tray.js +2 -2
  177. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  178. package/lib/dist-custom-elements/duet-upload.js +11 -11
  179. package/lib/dist-custom-elements/{p-08124065.js → p-01c62feb.js} +1 -1
  180. package/lib/dist-custom-elements/{p-92a16064.js → p-18552e4e.js} +3 -3
  181. package/lib/dist-custom-elements/{p-baf3208f.js → p-1a8d1a11.js} +1 -1
  182. package/lib/dist-custom-elements/{p-83231ea8.js → p-20b3fa1e.js} +3 -3
  183. package/lib/dist-custom-elements/{p-a829df6e.js → p-27b6f57b.js} +1 -1
  184. package/lib/dist-custom-elements/{p-46074a1a.js → p-29926f8a.js} +2 -2
  185. package/lib/dist-custom-elements/{p-2f410810.js → p-29b18cdf.js} +4 -4
  186. package/lib/dist-custom-elements/{p-25c80cdb.js → p-3ec3eb5f.js} +1 -1
  187. package/lib/dist-custom-elements/{p-6d366100.js → p-3f85f7b8.js} +6 -4
  188. package/lib/dist-custom-elements/{p-e10f446d.js → p-43fc089a.js} +5 -5
  189. package/lib/dist-custom-elements/{p-17ed32c8.js → p-4779e8e0.js} +1 -1
  190. package/lib/dist-custom-elements/{p-0c564379.js → p-67ef919e.js} +250 -250
  191. package/lib/dist-custom-elements/{p-e3d597b6.js → p-6ac13d84.js} +1 -1
  192. package/lib/dist-custom-elements/{p-014c1177.js → p-7b97ad08.js} +6 -6
  193. package/lib/dist-custom-elements/{p-28ec3461.js → p-82302a93.js} +3 -3
  194. package/lib/dist-custom-elements/{p-667579b0.js → p-9ca3437c.js} +2 -2
  195. package/lib/dist-custom-elements/{p-bb25377b.js → p-b29a25ab.js} +1 -1
  196. package/lib/dist-custom-elements/{p-63954651.js → p-b676c88c.js} +1 -1
  197. package/lib/dist-custom-elements/{p-d482a2e9.js → p-c76bd205.js} +1 -1
  198. package/lib/{esm/tokens-5e02bbe0.js → dist-custom-elements/p-d5c03b61.js} +376 -376
  199. package/lib/dist-custom-elements/{p-a167e2a0.js → p-d72fa71c.js} +1 -1
  200. package/lib/dist-custom-elements/{p-e702eb52.js → p-d8932b2b.js} +4 -4
  201. package/lib/dist-custom-elements/{p-0cee8a12.js → p-ecaba4be.js} +1 -1
  202. package/lib/dist-custom-elements/{p-755dd68f.js → p-ef51ec63.js} +1 -1
  203. package/lib/dist-custom-elements/{p-f4ac6968.js → p-f40596e9.js} +2 -2
  204. package/lib/dist-custom-elements/{p-a02e62f3.js → p-f47e755d.js} +3 -3
  205. package/lib/duet/duet.esm.js +1 -1
  206. package/lib/duet/{p-1a7649e4.entry.js → p-01e99d98.entry.js} +1 -1
  207. package/lib/duet/{p-4e724a7d.entry.js → p-032e2711.entry.js} +1 -1
  208. package/lib/duet/{p-956fad95.system.entry.js → p-080d1309.system.entry.js} +1 -1
  209. package/lib/duet/p-08379332.entry.js +4 -0
  210. package/lib/duet/{p-37802e1f.system.entry.js → p-0b7eacfc.system.entry.js} +1 -1
  211. package/lib/duet/{p-c586a2c4.system.entry.js → p-166ee660.system.entry.js} +1 -1
  212. package/lib/duet/{p-0bdcf67f.js → p-1784b1d2.js} +1 -1
  213. package/lib/duet/{p-a21391c0.system.entry.js → p-1ab80c29.system.entry.js} +1 -1
  214. package/lib/duet/{p-7f4b420c.system.entry.js → p-1bc74805.system.entry.js} +1 -1
  215. package/lib/duet/{p-4781cd58.entry.js → p-20914caa.entry.js} +1 -1
  216. package/lib/duet/p-21f4713b.system.entry.js +4 -0
  217. package/lib/duet/{p-45bb3cd0.system.entry.js → p-2208faac.system.entry.js} +1 -1
  218. package/lib/duet/{p-69e67b58.entry.js → p-283d802c.entry.js} +1 -1
  219. package/lib/duet/p-33e25171.system.entry.js +4 -0
  220. package/lib/duet/{p-999fff8d.system.entry.js → p-40a7a9b0.system.entry.js} +1 -1
  221. package/lib/duet/{p-76e54ff5.entry.js → p-413838af.entry.js} +1 -1
  222. package/lib/duet/{p-ebbecac7.system.entry.js → p-427eec46.system.entry.js} +1 -1
  223. package/lib/duet/{p-15c22a22.entry.js → p-4605197f.entry.js} +1 -1
  224. package/lib/duet/{p-2522cfc3.entry.js → p-49a25bf5.entry.js} +1 -1
  225. package/lib/duet/p-49f79189.system.entry.js +4 -0
  226. package/lib/duet/p-4a901bfc.js +4 -0
  227. package/lib/duet/{p-e0907f29.entry.js → p-5063685a.entry.js} +1 -1
  228. package/lib/duet/{p-8fb1d27a.system.entry.js → p-51adcace.system.entry.js} +1 -1
  229. package/lib/duet/{p-afe7d680.entry.js → p-5dd177d8.entry.js} +1 -1
  230. package/lib/duet/{p-07ac7f3e.system.entry.js → p-60f12cac.system.entry.js} +1 -1
  231. package/lib/duet/p-6151635f.system.js +1 -1
  232. package/lib/duet/p-622f89ff.entry.js +4 -0
  233. package/lib/duet/p-62512c7e.system.entry.js +4 -0
  234. package/lib/duet/p-62c34a4d.system.entry.js +4 -0
  235. package/lib/duet/{p-ad9b7b51.entry.js → p-6623f965.entry.js} +1 -1
  236. package/lib/duet/{p-9e75e5d8.system.entry.js → p-690a8348.system.entry.js} +1 -1
  237. package/lib/duet/{p-73cd3afd.entry.js → p-6a1bd4d9.entry.js} +1 -1
  238. package/lib/duet/p-6e3a7d3f.system.entry.js +4 -0
  239. package/lib/duet/{p-6c9cfb6d.entry.js → p-6f24a09e.entry.js} +1 -1
  240. package/lib/duet/{p-eafed149.system.entry.js → p-76a419f1.system.entry.js} +1 -1
  241. package/lib/duet/p-787520f2.entry.js +4 -0
  242. package/lib/duet/{p-c776e072.entry.js → p-7f7a7a71.entry.js} +1 -1
  243. package/lib/duet/{p-3302d75d.entry.js → p-805a3314.entry.js} +1 -1
  244. package/lib/duet/{p-a90f23ec.system.entry.js → p-907787c5.system.entry.js} +1 -1
  245. package/lib/duet/{p-b78c3e3e.entry.js → p-91677c21.entry.js} +1 -1
  246. package/lib/duet/{p-b02ca265.entry.js → p-9180b8be.entry.js} +1 -1
  247. package/lib/duet/{p-7a161455.entry.js → p-96ca57c0.entry.js} +1 -1
  248. package/lib/duet/{p-628ae8ba.entry.js → p-a5bb0b7f.entry.js} +1 -1
  249. package/lib/duet/{p-cc9cfdb3.entry.js → p-a64b72f5.entry.js} +1 -1
  250. package/lib/duet/{p-4de910bd.system.entry.js → p-b781e27f.system.entry.js} +1 -1
  251. package/lib/duet/{p-73e66b09.system.js → p-c1445714.system.js} +1 -1
  252. package/lib/duet/{p-7ca15c93.entry.js → p-c2c2e797.entry.js} +1 -1
  253. package/lib/duet/{p-a659cdb5.system.entry.js → p-c30b6ad6.system.entry.js} +1 -1
  254. package/lib/duet/{p-38f9c1e3.entry.js → p-c493cd2e.entry.js} +1 -1
  255. package/lib/duet/p-c51d6fb5.system.js +4 -0
  256. package/lib/duet/p-c5f48c1c.system.entry.js +4 -0
  257. package/lib/duet/p-c86d6786.system.js +4 -0
  258. package/lib/duet/{p-0fc721ab.system.entry.js → p-caf153e4.system.entry.js} +1 -1
  259. package/lib/duet/{p-c68602c9.system.entry.js → p-ce01f793.system.entry.js} +1 -1
  260. package/lib/duet/{p-e640a515.system.entry.js → p-ce6892d9.system.entry.js} +1 -1
  261. package/lib/duet/p-d067ebb8.entry.js +4 -0
  262. package/lib/duet/p-d5c03b61.js +4 -0
  263. package/lib/duet/{p-80ffc878.system.entry.js → p-da0e9110.system.entry.js} +1 -1
  264. package/lib/duet/p-e12b461b.entry.js +4 -0
  265. package/lib/duet/p-e4595aa7.system.entry.js +4 -0
  266. package/lib/duet/p-e7d32eaa.entry.js +4 -0
  267. package/lib/duet/{p-e411627f.entry.js → p-ee4075c2.entry.js} +1 -1
  268. package/lib/duet/{p-174ad02e.system.entry.js → p-f0209c14.system.entry.js} +1 -1
  269. package/lib/duet/p-f252a415.entry.js +4 -0
  270. package/lib/duet/{p-9ac25886.system.entry.js → p-f52f44d6.system.entry.js} +1 -1
  271. package/lib/duet/{p-179881d0.system.entry.js → p-fa3801ea.system.entry.js} +1 -1
  272. package/lib/duet/{p-05a72320.entry.js → p-ff4969cc.entry.js} +1 -1
  273. package/lib/esm/duet-action-button.entry.js +2 -2
  274. package/lib/esm/duet-alert.entry.js +2 -0
  275. package/lib/esm/duet-banner.entry.js +6 -4
  276. package/lib/esm/duet-breadcrumbs.entry.js +2 -2
  277. package/lib/esm/duet-button_2.entry.js +2 -2
  278. package/lib/esm/duet-caption_4.entry.js +4 -4
  279. package/lib/esm/duet-card.entry.js +2 -2
  280. package/lib/esm/duet-checkbox.entry.js +1 -1
  281. package/lib/esm/duet-collapsible.entry.js +1 -1
  282. package/lib/esm/duet-divider_2.entry.js +2 -2
  283. package/lib/esm/duet-editable-table_3.entry.js +2 -2
  284. package/lib/esm/duet-grid_2.entry.js +1 -1
  285. package/lib/esm/duet-header_2.entry.js +2 -2
  286. package/lib/esm/duet-icon.entry.js +3 -3
  287. package/lib/esm/duet-input_2.entry.js +2 -2
  288. package/lib/esm/duet-menu-bar.entry.js +1 -1
  289. package/lib/esm/duet-modal.entry.js +26 -3
  290. package/lib/esm/duet-page-heading.entry.js +2 -1
  291. package/lib/esm/duet-pagination_2.entry.js +24 -11
  292. package/lib/esm/duet-popup-menu.entry.js +1 -0
  293. package/lib/esm/duet-promo-card.entry.js +2 -2
  294. package/lib/esm/duet-radio_2.entry.js +1 -1
  295. package/lib/esm/duet-range-slider.entry.js +1 -1
  296. package/lib/esm/duet-scrollable_3.entry.js +2 -2
  297. package/lib/esm/duet-slideout-panel.entry.js +2 -2
  298. package/lib/esm/duet-slideout.entry.js +2 -2
  299. package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
  300. package/lib/esm/duet-submenu-bar.entry.js +1 -1
  301. package/lib/esm/duet-tooltip.entry.js +1 -1
  302. package/lib/esm/duet-tray.entry.js +1 -1
  303. package/lib/esm/duet.js +1 -1
  304. package/lib/esm/loader.js +1 -1
  305. package/lib/esm/{token-utils-2adbab3f.js → token-utils-1f843fb9.js} +1 -1
  306. package/lib/{dist-custom-elements/p-f9a8d356.js → esm/tokens-a9d9d4dd.js} +376 -376
  307. package/lib/esm/{tokens.module-8dbafec7.js → tokens.module-ed0ed26f.js} +250 -250
  308. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  309. package/lib/esm-es5/duet-alert.entry.js +1 -1
  310. package/lib/esm-es5/duet-banner.entry.js +1 -1
  311. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  312. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  313. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  314. package/lib/esm-es5/duet-card.entry.js +1 -1
  315. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  316. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  317. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  318. package/lib/esm-es5/duet-editable-table_3.entry.js +2 -2
  319. package/lib/esm-es5/duet-grid_2.entry.js +1 -1
  320. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  321. package/lib/esm-es5/duet-icon.entry.js +1 -1
  322. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  323. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  324. package/lib/esm-es5/duet-modal.entry.js +1 -1
  325. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  326. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  327. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  328. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  329. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  330. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  331. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  332. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  333. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  334. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  335. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  336. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  337. package/lib/esm-es5/duet-tray.entry.js +1 -1
  338. package/lib/esm-es5/duet.js +1 -1
  339. package/lib/esm-es5/loader.js +1 -1
  340. package/lib/esm-es5/{token-utils-2adbab3f.js → token-utils-1f843fb9.js} +1 -1
  341. package/lib/esm-es5/tokens-a9d9d4dd.js +4 -0
  342. package/lib/esm-es5/tokens.module-ed0ed26f.js +4 -0
  343. package/lib/types/components/duet-alert/duet-alert.d.ts +4 -0
  344. package/lib/types/components/duet-modal/duet-modal.d.ts +12 -2
  345. package/lib/types/components/duet-pagination/duet-pagination.d.ts +4 -0
  346. package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +4 -0
  347. package/lib/types/components/duet-range-stepper/duet-range-stepper.d.ts +4 -0
  348. package/lib/types/components.d.ts +34 -2
  349. package/package.json +3 -3
  350. package/lib/duet/p-061f4be0.system.entry.js +0 -4
  351. package/lib/duet/p-1c689a26.system.js +0 -4
  352. package/lib/duet/p-1ef0e5ca.system.entry.js +0 -4
  353. package/lib/duet/p-46dda347.system.entry.js +0 -4
  354. package/lib/duet/p-5c8e3667.entry.js +0 -4
  355. package/lib/duet/p-67dc45d7.js +0 -4
  356. package/lib/duet/p-723e165b.system.entry.js +0 -4
  357. package/lib/duet/p-8a41bde4.system.entry.js +0 -4
  358. package/lib/duet/p-8ba91848.entry.js +0 -4
  359. package/lib/duet/p-a3afb1af.entry.js +0 -4
  360. package/lib/duet/p-b31d31d8.system.js +0 -4
  361. package/lib/duet/p-b6f62761.entry.js +0 -4
  362. package/lib/duet/p-c3c12f8d.entry.js +0 -4
  363. package/lib/duet/p-c5cf76db.entry.js +0 -4
  364. package/lib/duet/p-d739e7af.system.entry.js +0 -4
  365. package/lib/duet/p-deb98669.entry.js +0 -4
  366. package/lib/duet/p-e362468f.system.entry.js +0 -4
  367. package/lib/duet/p-e58015e8.system.entry.js +0 -4
  368. package/lib/duet/p-f9a8d356.js +0 -4
  369. package/lib/esm-es5/tokens-5e02bbe0.js +0 -4
  370. package/lib/esm-es5/tokens.module-8dbafec7.js +0 -4
package/hydrate/index.js CHANGED
@@ -7873,335 +7873,335 @@ const disconnectLanguageChangeObserver = (component) => {
7873
7873
  languageChangeTargets.delete(component);
7874
7874
  };
7875
7875
 
7876
- const colorWarning = "rgb(247, 178, 40)";
7877
- const colorGrayDarker = "rgb(101, 119, 135)";
7878
- const colorGrayLighter = "rgb(245, 248, 250)";
7879
- const colorCategoryHome = "rgb(211, 36, 131)";
7880
- const colorPrimary = "rgb(0, 119, 179)";
7881
- const colorCategoryVehicle = "rgb(54, 74, 129)";
7882
- const colorSuccess = "rgb(0, 135, 90)";
7883
- const colorCategoryFamily = "rgb(11, 114, 136)";
7884
- const colorPrimaryLightest = "rgb(243, 249, 252)";
7885
- const colorPrimaryLighter = "rgb(230, 242, 248)";
7886
7876
  const colorBrandBlue = "rgb(0, 161, 212)";
7887
- const colorPrimaryDark = "rgb(0, 77, 128)";
7888
- const colorGrayLightest = "rgb(255, 255, 255)";
7877
+ const colorBrandGrayTurva = "rgb(178, 180, 179)";
7878
+ const colorCategoryFamily = "rgb(11, 114, 136)";
7879
+ const colorCategoryFamilyTurva = "rgb(199, 12, 112)";
7889
7880
  const colorCategoryFinance = "rgb(122, 1, 196)";
7890
- const colorGrayDark = "rgb(144, 149, 153)";
7891
- const colorGrayLight = "rgb(225, 227, 230)";
7892
- const colorSecondary = "rgb(0, 41, 77)";
7881
+ const colorCategoryHome = "rgb(211, 36, 131)";
7882
+ const colorCategoryHomeTurva = "rgb(161, 10, 78)";
7893
7883
  const colorCategoryPet = "rgb(168, 1, 78)";
7894
- const colorPrimaryDarker = "rgb(0, 98, 154)";
7895
- const colorPrimaryLight = "rgb(205, 229, 241)";
7896
7884
  const colorCategoryTravel = "rgb(213, 66, 3)";
7897
- const colorGray = "rgb(207, 210, 212)";
7898
- const colorDanger = "rgb(222, 35, 98)";
7899
- const colorGrayDarkerTurva = "rgb(68, 68, 69)";
7900
- const colorGrayLighterTurva = "rgb(245, 245, 247)";
7901
- const colorCategoryHomeTurva = "rgb(161, 10, 78)";
7902
- const colorPrimaryTurva = "rgb(198, 12, 48)";
7903
- const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
7904
- const colorSuccessTurva = "rgb(8, 135, 78)";
7905
- const colorPrimaryLightestTurva = "rgb(252, 243, 244)";
7906
- const colorCategoryFamilyTurva = "rgb(199, 12, 112)";
7907
- const colorCategoryUnionTurva = "rgb(169, 69, 124)";
7908
- const colorPrimaryLighterTurva = "rgb(249, 230, 234)";
7909
- const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
7910
- const colorGrayLightestTurva = "rgb(255, 255, 255)";
7911
- const colorGrayDarkTurva = "rgb(116, 116, 117)";
7912
- const colorGrayLightTurva = "rgb(228, 228, 230)";
7913
- const colorBrandGrayTurva = "rgb(178, 180, 179)";
7914
- const colorSecondaryTurva = "rgb(23, 28, 58)";
7915
- const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
7916
- const colorPrimaryLightTurva = "rgb(244, 207, 214)";
7917
7885
  const colorCategoryTravelTurva = "rgb(9, 129, 148)";
7918
- const colorGrayTurva = "rgb(207, 207, 209)";
7886
+ const colorCategoryUnionTurva = "rgb(169, 69, 124)";
7887
+ const colorCategoryVehicle = "rgb(54, 74, 129)";
7888
+ const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
7889
+ const colorDanger = "rgb(222, 35, 98)";
7919
7890
  const colorDangerTurva = "rgb(224, 42, 13)";
7920
- const colorWarningTurva = "rgb(250, 164, 15)";
7891
+ const colorData01 = "rgb(122, 1, 196)";
7892
+ const colorData02 = "rgb(0, 155, 204)";
7893
+ const colorData03 = "rgb(27, 171, 75)";
7894
+ const colorData04 = "rgb(255, 86, 34)";
7895
+ const colorData05 = "rgb(245, 76, 154)";
7896
+ const colorData06 = "rgb(194, 21, 101)";
7921
7897
  const colorData07 = "rgb(192, 101, 247)";
7922
7898
  const colorData08 = "rgb(0, 105, 191)";
7923
7899
  const colorData09 = "rgb(19, 120, 53)";
7924
7900
  const colorData10 = "rgb(179, 60, 24)";
7925
7901
  const colorData11 = "rgb(13, 163, 166)";
7926
- const colorData01 = "rgb(122, 1, 196)";
7927
7902
  const colorData12 = "rgb(11, 114, 136)";
7928
- const colorData02 = "rgb(0, 155, 204)";
7929
7903
  const colorData13 = "rgb(179, 137, 24)";
7930
- const colorData03 = "rgb(27, 171, 75)";
7931
7904
  const colorData14 = "rgb(128, 98, 17)";
7932
- const colorData04 = "rgb(255, 86, 34)";
7933
7905
  const colorData15 = "rgb(0, 41, 77)";
7934
- const colorData05 = "rgb(245, 76, 154)";
7935
- const colorData06 = "rgb(194, 21, 101)";
7936
- const fontWeightExtraBold = "800";
7937
- const letterSpacingHeading = "-0.01rem";
7938
- const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
7939
- const fontFamilyTextTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
7906
+ const colorGray = "rgb(207, 210, 212)";
7907
+ const colorGrayDark = "rgb(144, 149, 153)";
7908
+ const colorGrayDarkTurva = "rgb(116, 116, 117)";
7909
+ const colorGrayDarker = "rgb(101, 119, 135)";
7910
+ const colorGrayDarkerTurva = "rgb(68, 68, 69)";
7911
+ const colorGrayLight = "rgb(225, 227, 230)";
7912
+ const colorGrayLightTurva = "rgb(228, 228, 230)";
7913
+ const colorGrayLighter = "rgb(245, 248, 250)";
7914
+ const colorGrayLighterTurva = "rgb(245, 245, 247)";
7915
+ const colorGrayLightest = "rgb(255, 255, 255)";
7916
+ const colorGrayLightestTurva = "rgb(255, 255, 255)";
7917
+ const colorGrayTurva = "rgb(207, 207, 209)";
7918
+ const colorPrimary = "rgb(0, 119, 179)";
7919
+ const colorPrimaryDark = "rgb(0, 77, 128)";
7920
+ const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
7921
+ const colorPrimaryDarker = "rgb(0, 98, 154)";
7922
+ const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
7923
+ const colorPrimaryLight = "rgb(205, 229, 241)";
7924
+ const colorPrimaryLightTurva = "rgb(244, 207, 214)";
7925
+ const colorPrimaryLighter = "rgb(230, 242, 248)";
7926
+ const colorPrimaryLighterTurva = "rgb(249, 230, 234)";
7927
+ const colorPrimaryLightest = "rgb(243, 249, 252)";
7928
+ const colorPrimaryLightestTurva = "rgb(252, 243, 244)";
7929
+ const colorPrimaryTurva = "rgb(198, 12, 48)";
7930
+ const colorSecondary = "rgb(0, 41, 77)";
7931
+ const colorSecondaryTurva = "rgb(23, 28, 58)";
7932
+ const colorSuccess = "rgb(0, 135, 90)";
7933
+ const colorSuccessTurva = "rgb(8, 135, 78)";
7934
+ const colorWarning = "rgb(247, 178, 40)";
7935
+ const colorWarningTurva = "rgb(250, 164, 15)";
7940
7936
  const fontFamilyHeading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
7937
+ const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
7941
7938
  const fontFamilyText = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
7942
- const fontWeightBold = "700";
7943
- const fontWeightNormal = "400";
7944
- const fontWeightSemiBold = "600";
7945
- const fontSizeXxxxLarge = "4.5rem";
7946
- const fontSizeXxxLarge = "3rem";
7947
- const fontSizeXxLarge = "2.25rem";
7948
- const fontSizeXLarge = "1.5rem";
7939
+ const fontFamilyTextTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
7949
7940
  const fontSizeLarge = "1.25rem";
7950
7941
  const fontSizeMedium = "1rem";
7951
7942
  const fontSizeSmall = "0.875rem";
7943
+ const fontSizeXLarge = "1.5rem";
7952
7944
  const fontSizeXSmall = "0.75rem";
7953
- const radiusSharp = "0";
7945
+ const fontSizeXxLarge = "2.25rem";
7946
+ const fontSizeXxxLarge = "3rem";
7947
+ const fontSizeXxxxLarge = "4.5rem";
7948
+ const fontWeightBold = "700";
7949
+ const fontWeightExtraBold = "800";
7950
+ const fontWeightNormal = "400";
7951
+ const fontWeightSemiBold = "600";
7952
+ const letterSpacingHeading = "-0.01rem";
7953
+ const lineHeightMedium = "1.5";
7954
+ const lineHeightSmall = "1.25";
7955
+ const lineHeightXSmall = "1.1";
7956
+ const mediaQueryLarge = "'(min-width: 62em)'";
7957
+ const mediaQueryMedium = "'(min-width: 48em)'";
7958
+ const mediaQuerySmall = "'(min-width: 36em)'";
7959
+ const mediaQueryXLarge = "'(min-width: 64.0625em)'";
7960
+ const mediaQueryXSmall = "'(max-width: 35.9375em)'";
7961
+ const mediaQueryXxLarge = "'(min-width: 76.25em)'";
7962
+ const mediaQueryXxSmall = "'(max-width: 22.5em)'";
7963
+ const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
7964
+ const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
7965
+ const opacity30 = "0.30";
7966
+ const opacity50 = "0.50";
7967
+ const opacity75 = "0.75";
7968
+ const opacity85 = "0.85";
7969
+ const radiusCircle = "50%";
7954
7970
  const radiusDefault = "4px";
7955
- const radiusMedium = "8px";
7956
7971
  const radiusIntermediate = "12px";
7957
7972
  const radiusLarge = "16px";
7958
- const radiusCircle = "50%";
7973
+ const radiusMedium = "8px";
7959
7974
  const radiusPill = "20rem";
7960
- const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
7961
- const shadowFocusInputTurva = "0 0 0 1px #171c3a";
7975
+ const radiusSharp = "0";
7976
+ const shadowCard = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
7977
+ const shadowCardTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
7962
7978
  const shadowDefault = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
7963
- const shadowFocusInput = "0 0 0 1px #0077b3";
7964
- const shadowTooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
7965
- const shadowHoverInputTurva = "0 0 0 1px #747475";
7966
- const shadowErrorTurva = "0 0 0 1px #e55039";
7967
- const shadowHoverInput = "0 0 0 1px #909599";
7979
+ const shadowDefaultTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
7968
7980
  const shadowError = "0 0 0 1px #de2362";
7969
- const shadowCardTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
7970
- const shadowModal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
7971
- const shadowCard = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
7972
- const shadowFocusTurva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
7981
+ const shadowErrorTurva = "0 0 0 1px #e55039";
7973
7982
  const shadowFocus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
7974
- const shadowHoverTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
7983
+ const shadowFocusInput = "0 0 0 1px #0077b3";
7984
+ const shadowFocusInputTurva = "0 0 0 1px #171c3a";
7985
+ const shadowFocusTurva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
7975
7986
  const shadowHover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
7976
- const shadowDefaultTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
7977
- const spaceXxSmall = "4px";
7978
- const spaceLarge = "20px";
7979
- const spaceXSmall = "8px";
7980
- const spaceXxxSmall = "2px";
7981
- const spaceSmall = "12px";
7982
- const spaceMedium = "16px";
7983
- const spaceXxLarge = "36px";
7984
- const spaceXxxxLarge = "72px";
7985
- const spaceXxxxxLarge = "94px";
7986
- const spaceXxxLarge = "48px";
7987
- const spaceXLarge = "28px";
7988
- const sizeIconXxLarge = "48px";
7989
- const sizeFormBorder = "1px";
7990
- const sizeStepMedium = "40px";
7987
+ const shadowHoverInput = "0 0 0 1px #909599";
7988
+ const shadowHoverInputTurva = "0 0 0 1px #747475";
7989
+ const shadowHoverTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
7990
+ const shadowModal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
7991
+ const shadowTooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
7992
+ const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
7993
+ const sizeButtonBorder = "1px";
7991
7994
  const sizeButtonMinWidth = "8rem";
7995
+ const sizeButtonTinyBorder = "1px";
7996
+ const sizeFormBorder = "1px";
7992
7997
  const sizeHeader = "4rem";
7993
- const sizeIconXxxLarge = "72px";
7998
+ const sizeIconLarge = "30px";
7999
+ const sizeIconMedium = "24px";
8000
+ const sizeIconSmall = "20px";
7994
8001
  const sizeIconXLarge = "36px";
8002
+ const sizeIconXSmall = "16px";
8003
+ const sizeIconXxLarge = "48px";
7995
8004
  const sizeIconXxSmall = "10px";
7996
- const sizeStepSmall = "30px";
7997
- const sizeNavigation = "3rem";
7998
- const sizeIconLarge = "30px";
8005
+ const sizeIconXxxLarge = "72px";
8006
+ const sizeIconXxxSmall = "7px";
7999
8007
  const sizeLayoutMaxWidth = "1110px";
8000
- const sizeTappableSquare = "48px";
8001
- const sizeIconXSmall = "16px";
8002
8008
  const sizeMediumBorder = "2px";
8003
- const sizeIconXxxSmall = "7px";
8004
- const sizeButtonBorder = "1px";
8005
- const sizeButtonTinyBorder = "1px";
8006
- const sizeIconMedium = "24px";
8007
- const sizeIconSmall = "20px";
8008
- const opacity85 = "0.85";
8009
- const opacity75 = "0.75";
8010
- const opacity50 = "0.50";
8011
- const opacity30 = "0.30";
8012
- const zIndexMaskButtons = "250";
8013
- const zIndexDropdown = "600";
8014
- const zIndexSpinner = "800";
8009
+ const sizeNavigation = "3rem";
8010
+ const sizeStepMedium = "40px";
8011
+ const sizeStepSmall = "30px";
8012
+ const sizeTappableSquare = "48px";
8013
+ const spaceLarge = "20px";
8014
+ const spaceMedium = "16px";
8015
+ const spaceSmall = "12px";
8016
+ const spaceXLarge = "28px";
8017
+ const spaceXSmall = "8px";
8018
+ const spaceXxLarge = "36px";
8019
+ const spaceXxSmall = "4px";
8020
+ const spaceXxxLarge = "48px";
8021
+ const spaceXxxSmall = "2px";
8022
+ const spaceXxxxLarge = "72px";
8023
+ const spaceXxxxxLarge = "94px";
8024
+ const transitionQuickly = "300ms ease";
8025
+ const transitionSlowly = "600ms ease";
8026
+ const zIndexDeep = "-999999";
8015
8027
  const zIndexDefault = "1";
8016
- const zIndexToast = "500";
8017
- const zIndexPopup = "950";
8018
- const zIndexModal = "900";
8019
- const zIndexSticky = "300";
8028
+ const zIndexDropdown = "600";
8029
+ const zIndexHeader = "400";
8030
+ const zIndexMask = "200";
8031
+ const zIndexMaskButtons = "250";
8020
8032
  const zIndexMasked = "100";
8021
- const zIndexDeep = "-999999";
8033
+ const zIndexModal = "900";
8022
8034
  const zIndexOverlay = "700";
8023
- const zIndexMask = "200";
8024
- const zIndexHeader = "400";
8025
- const lineHeightMedium = "1.5";
8026
- const lineHeightSmall = "1.25";
8027
- const lineHeightXSmall = "1.1";
8028
- const transitionQuickly = "300ms ease";
8029
- const transitionSlowly = "600ms ease";
8030
- const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
8031
- const mediaQueryXLarge = "'(min-width: 64.0625em)'";
8032
- const mediaQueryMedium = "'(min-width: 48em)'";
8033
- const mediaQueryLarge = "'(min-width: 62em)'";
8034
- const mediaQueryXxLarge = "'(min-width: 76.25em)'";
8035
- const mediaQueryXSmall = "'(max-width: 35.9375em)'";
8036
- const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
8037
- const mediaQuerySmall = "'(min-width: 36em)'";
8038
- const mediaQueryXxSmall = "'(max-width: 22.5em)'";
8035
+ const zIndexPopup = "950";
8036
+ const zIndexSpinner = "800";
8037
+ const zIndexSticky = "300";
8038
+ const zIndexToast = "500";
8039
8039
 
8040
8040
  var tokens$2 = /*#__PURE__*/Object.freeze({
8041
8041
  __proto__: null,
8042
- colorWarning: colorWarning,
8043
- colorGrayDarker: colorGrayDarker,
8044
- colorGrayLighter: colorGrayLighter,
8045
- colorCategoryHome: colorCategoryHome,
8046
- colorPrimary: colorPrimary,
8047
- colorCategoryVehicle: colorCategoryVehicle,
8048
- colorSuccess: colorSuccess,
8049
- colorCategoryFamily: colorCategoryFamily,
8050
- colorPrimaryLightest: colorPrimaryLightest,
8051
- colorPrimaryLighter: colorPrimaryLighter,
8052
8042
  colorBrandBlue: colorBrandBlue,
8053
- colorPrimaryDark: colorPrimaryDark,
8054
- colorGrayLightest: colorGrayLightest,
8043
+ colorBrandGrayTurva: colorBrandGrayTurva,
8044
+ colorCategoryFamily: colorCategoryFamily,
8045
+ colorCategoryFamilyTurva: colorCategoryFamilyTurva,
8055
8046
  colorCategoryFinance: colorCategoryFinance,
8056
- colorGrayDark: colorGrayDark,
8057
- colorGrayLight: colorGrayLight,
8058
- colorSecondary: colorSecondary,
8047
+ colorCategoryHome: colorCategoryHome,
8048
+ colorCategoryHomeTurva: colorCategoryHomeTurva,
8059
8049
  colorCategoryPet: colorCategoryPet,
8060
- colorPrimaryDarker: colorPrimaryDarker,
8061
- colorPrimaryLight: colorPrimaryLight,
8062
8050
  colorCategoryTravel: colorCategoryTravel,
8063
- colorGray: colorGray,
8064
- colorDanger: colorDanger,
8065
- colorGrayDarkerTurva: colorGrayDarkerTurva,
8066
- colorGrayLighterTurva: colorGrayLighterTurva,
8067
- colorCategoryHomeTurva: colorCategoryHomeTurva,
8068
- colorPrimaryTurva: colorPrimaryTurva,
8069
- colorCategoryVehicleTurva: colorCategoryVehicleTurva,
8070
- colorSuccessTurva: colorSuccessTurva,
8071
- colorPrimaryLightestTurva: colorPrimaryLightestTurva,
8072
- colorCategoryFamilyTurva: colorCategoryFamilyTurva,
8073
- colorCategoryUnionTurva: colorCategoryUnionTurva,
8074
- colorPrimaryLighterTurva: colorPrimaryLighterTurva,
8075
- colorPrimaryDarkTurva: colorPrimaryDarkTurva,
8076
- colorGrayLightestTurva: colorGrayLightestTurva,
8077
- colorGrayDarkTurva: colorGrayDarkTurva,
8078
- colorGrayLightTurva: colorGrayLightTurva,
8079
- colorBrandGrayTurva: colorBrandGrayTurva,
8080
- colorSecondaryTurva: colorSecondaryTurva,
8081
- colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
8082
- colorPrimaryLightTurva: colorPrimaryLightTurva,
8083
8051
  colorCategoryTravelTurva: colorCategoryTravelTurva,
8084
- colorGrayTurva: colorGrayTurva,
8052
+ colorCategoryUnionTurva: colorCategoryUnionTurva,
8053
+ colorCategoryVehicle: colorCategoryVehicle,
8054
+ colorCategoryVehicleTurva: colorCategoryVehicleTurva,
8055
+ colorDanger: colorDanger,
8085
8056
  colorDangerTurva: colorDangerTurva,
8086
- colorWarningTurva: colorWarningTurva,
8057
+ colorData01: colorData01,
8058
+ colorData02: colorData02,
8059
+ colorData03: colorData03,
8060
+ colorData04: colorData04,
8061
+ colorData05: colorData05,
8062
+ colorData06: colorData06,
8087
8063
  colorData07: colorData07,
8088
8064
  colorData08: colorData08,
8089
8065
  colorData09: colorData09,
8090
8066
  colorData10: colorData10,
8091
8067
  colorData11: colorData11,
8092
- colorData01: colorData01,
8093
8068
  colorData12: colorData12,
8094
- colorData02: colorData02,
8095
8069
  colorData13: colorData13,
8096
- colorData03: colorData03,
8097
8070
  colorData14: colorData14,
8098
- colorData04: colorData04,
8099
8071
  colorData15: colorData15,
8100
- colorData05: colorData05,
8101
- colorData06: colorData06,
8102
- fontWeightExtraBold: fontWeightExtraBold,
8103
- letterSpacingHeading: letterSpacingHeading,
8104
- fontFamilyHeadingTurva: fontFamilyHeadingTurva,
8105
- fontFamilyTextTurva: fontFamilyTextTurva,
8072
+ colorGray: colorGray,
8073
+ colorGrayDark: colorGrayDark,
8074
+ colorGrayDarkTurva: colorGrayDarkTurva,
8075
+ colorGrayDarker: colorGrayDarker,
8076
+ colorGrayDarkerTurva: colorGrayDarkerTurva,
8077
+ colorGrayLight: colorGrayLight,
8078
+ colorGrayLightTurva: colorGrayLightTurva,
8079
+ colorGrayLighter: colorGrayLighter,
8080
+ colorGrayLighterTurva: colorGrayLighterTurva,
8081
+ colorGrayLightest: colorGrayLightest,
8082
+ colorGrayLightestTurva: colorGrayLightestTurva,
8083
+ colorGrayTurva: colorGrayTurva,
8084
+ colorPrimary: colorPrimary,
8085
+ colorPrimaryDark: colorPrimaryDark,
8086
+ colorPrimaryDarkTurva: colorPrimaryDarkTurva,
8087
+ colorPrimaryDarker: colorPrimaryDarker,
8088
+ colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
8089
+ colorPrimaryLight: colorPrimaryLight,
8090
+ colorPrimaryLightTurva: colorPrimaryLightTurva,
8091
+ colorPrimaryLighter: colorPrimaryLighter,
8092
+ colorPrimaryLighterTurva: colorPrimaryLighterTurva,
8093
+ colorPrimaryLightest: colorPrimaryLightest,
8094
+ colorPrimaryLightestTurva: colorPrimaryLightestTurva,
8095
+ colorPrimaryTurva: colorPrimaryTurva,
8096
+ colorSecondary: colorSecondary,
8097
+ colorSecondaryTurva: colorSecondaryTurva,
8098
+ colorSuccess: colorSuccess,
8099
+ colorSuccessTurva: colorSuccessTurva,
8100
+ colorWarning: colorWarning,
8101
+ colorWarningTurva: colorWarningTurva,
8106
8102
  fontFamilyHeading: fontFamilyHeading,
8103
+ fontFamilyHeadingTurva: fontFamilyHeadingTurva,
8107
8104
  fontFamilyText: fontFamilyText,
8108
- fontWeightBold: fontWeightBold,
8109
- fontWeightNormal: fontWeightNormal,
8110
- fontWeightSemiBold: fontWeightSemiBold,
8111
- fontSizeXxxxLarge: fontSizeXxxxLarge,
8112
- fontSizeXxxLarge: fontSizeXxxLarge,
8113
- fontSizeXxLarge: fontSizeXxLarge,
8114
- fontSizeXLarge: fontSizeXLarge,
8105
+ fontFamilyTextTurva: fontFamilyTextTurva,
8115
8106
  fontSizeLarge: fontSizeLarge,
8116
8107
  fontSizeMedium: fontSizeMedium,
8117
8108
  fontSizeSmall: fontSizeSmall,
8109
+ fontSizeXLarge: fontSizeXLarge,
8118
8110
  fontSizeXSmall: fontSizeXSmall,
8119
- radiusSharp: radiusSharp,
8111
+ fontSizeXxLarge: fontSizeXxLarge,
8112
+ fontSizeXxxLarge: fontSizeXxxLarge,
8113
+ fontSizeXxxxLarge: fontSizeXxxxLarge,
8114
+ fontWeightBold: fontWeightBold,
8115
+ fontWeightExtraBold: fontWeightExtraBold,
8116
+ fontWeightNormal: fontWeightNormal,
8117
+ fontWeightSemiBold: fontWeightSemiBold,
8118
+ letterSpacingHeading: letterSpacingHeading,
8119
+ lineHeightMedium: lineHeightMedium,
8120
+ lineHeightSmall: lineHeightSmall,
8121
+ lineHeightXSmall: lineHeightXSmall,
8122
+ mediaQueryLarge: mediaQueryLarge,
8123
+ mediaQueryMedium: mediaQueryMedium,
8124
+ mediaQuerySmall: mediaQuerySmall,
8125
+ mediaQueryXLarge: mediaQueryXLarge,
8126
+ mediaQueryXSmall: mediaQueryXSmall,
8127
+ mediaQueryXxLarge: mediaQueryXxLarge,
8128
+ mediaQueryXxSmall: mediaQueryXxSmall,
8129
+ mediaQueryXxxLarge: mediaQueryXxxLarge,
8130
+ mediaQueryXxxSmall: mediaQueryXxxSmall,
8131
+ opacity30: opacity30,
8132
+ opacity50: opacity50,
8133
+ opacity75: opacity75,
8134
+ opacity85: opacity85,
8135
+ radiusCircle: radiusCircle,
8120
8136
  radiusDefault: radiusDefault,
8121
- radiusMedium: radiusMedium,
8122
8137
  radiusIntermediate: radiusIntermediate,
8123
8138
  radiusLarge: radiusLarge,
8124
- radiusCircle: radiusCircle,
8139
+ radiusMedium: radiusMedium,
8125
8140
  radiusPill: radiusPill,
8126
- shadowTooltipTurva: shadowTooltipTurva,
8127
- shadowFocusInputTurva: shadowFocusInputTurva,
8141
+ radiusSharp: radiusSharp,
8142
+ shadowCard: shadowCard,
8143
+ shadowCardTurva: shadowCardTurva,
8128
8144
  shadowDefault: shadowDefault,
8129
- shadowFocusInput: shadowFocusInput,
8130
- shadowTooltip: shadowTooltip,
8131
- shadowHoverInputTurva: shadowHoverInputTurva,
8132
- shadowErrorTurva: shadowErrorTurva,
8133
- shadowHoverInput: shadowHoverInput,
8145
+ shadowDefaultTurva: shadowDefaultTurva,
8134
8146
  shadowError: shadowError,
8135
- shadowCardTurva: shadowCardTurva,
8136
- shadowModal: shadowModal,
8137
- shadowCard: shadowCard,
8138
- shadowFocusTurva: shadowFocusTurva,
8147
+ shadowErrorTurva: shadowErrorTurva,
8139
8148
  shadowFocus: shadowFocus,
8140
- shadowHoverTurva: shadowHoverTurva,
8149
+ shadowFocusInput: shadowFocusInput,
8150
+ shadowFocusInputTurva: shadowFocusInputTurva,
8151
+ shadowFocusTurva: shadowFocusTurva,
8141
8152
  shadowHover: shadowHover,
8142
- shadowDefaultTurva: shadowDefaultTurva,
8143
- spaceXxSmall: spaceXxSmall,
8144
- spaceLarge: spaceLarge,
8145
- spaceXSmall: spaceXSmall,
8146
- spaceXxxSmall: spaceXxxSmall,
8147
- spaceSmall: spaceSmall,
8148
- spaceMedium: spaceMedium,
8149
- spaceXxLarge: spaceXxLarge,
8150
- spaceXxxxLarge: spaceXxxxLarge,
8151
- spaceXxxxxLarge: spaceXxxxxLarge,
8152
- spaceXxxLarge: spaceXxxLarge,
8153
- spaceXLarge: spaceXLarge,
8154
- sizeIconXxLarge: sizeIconXxLarge,
8155
- sizeFormBorder: sizeFormBorder,
8156
- sizeStepMedium: sizeStepMedium,
8153
+ shadowHoverInput: shadowHoverInput,
8154
+ shadowHoverInputTurva: shadowHoverInputTurva,
8155
+ shadowHoverTurva: shadowHoverTurva,
8156
+ shadowModal: shadowModal,
8157
+ shadowTooltip: shadowTooltip,
8158
+ shadowTooltipTurva: shadowTooltipTurva,
8159
+ sizeButtonBorder: sizeButtonBorder,
8157
8160
  sizeButtonMinWidth: sizeButtonMinWidth,
8161
+ sizeButtonTinyBorder: sizeButtonTinyBorder,
8162
+ sizeFormBorder: sizeFormBorder,
8158
8163
  sizeHeader: sizeHeader,
8159
- sizeIconXxxLarge: sizeIconXxxLarge,
8164
+ sizeIconLarge: sizeIconLarge,
8165
+ sizeIconMedium: sizeIconMedium,
8166
+ sizeIconSmall: sizeIconSmall,
8160
8167
  sizeIconXLarge: sizeIconXLarge,
8168
+ sizeIconXSmall: sizeIconXSmall,
8169
+ sizeIconXxLarge: sizeIconXxLarge,
8161
8170
  sizeIconXxSmall: sizeIconXxSmall,
8162
- sizeStepSmall: sizeStepSmall,
8163
- sizeNavigation: sizeNavigation,
8164
- sizeIconLarge: sizeIconLarge,
8171
+ sizeIconXxxLarge: sizeIconXxxLarge,
8172
+ sizeIconXxxSmall: sizeIconXxxSmall,
8165
8173
  sizeLayoutMaxWidth: sizeLayoutMaxWidth,
8166
- sizeTappableSquare: sizeTappableSquare,
8167
- sizeIconXSmall: sizeIconXSmall,
8168
8174
  sizeMediumBorder: sizeMediumBorder,
8169
- sizeIconXxxSmall: sizeIconXxxSmall,
8170
- sizeButtonBorder: sizeButtonBorder,
8171
- sizeButtonTinyBorder: sizeButtonTinyBorder,
8172
- sizeIconMedium: sizeIconMedium,
8173
- sizeIconSmall: sizeIconSmall,
8174
- opacity85: opacity85,
8175
- opacity75: opacity75,
8176
- opacity50: opacity50,
8177
- opacity30: opacity30,
8178
- zIndexMaskButtons: zIndexMaskButtons,
8179
- zIndexDropdown: zIndexDropdown,
8180
- zIndexSpinner: zIndexSpinner,
8175
+ sizeNavigation: sizeNavigation,
8176
+ sizeStepMedium: sizeStepMedium,
8177
+ sizeStepSmall: sizeStepSmall,
8178
+ sizeTappableSquare: sizeTappableSquare,
8179
+ spaceLarge: spaceLarge,
8180
+ spaceMedium: spaceMedium,
8181
+ spaceSmall: spaceSmall,
8182
+ spaceXLarge: spaceXLarge,
8183
+ spaceXSmall: spaceXSmall,
8184
+ spaceXxLarge: spaceXxLarge,
8185
+ spaceXxSmall: spaceXxSmall,
8186
+ spaceXxxLarge: spaceXxxLarge,
8187
+ spaceXxxSmall: spaceXxxSmall,
8188
+ spaceXxxxLarge: spaceXxxxLarge,
8189
+ spaceXxxxxLarge: spaceXxxxxLarge,
8190
+ transitionQuickly: transitionQuickly,
8191
+ transitionSlowly: transitionSlowly,
8192
+ zIndexDeep: zIndexDeep,
8181
8193
  zIndexDefault: zIndexDefault,
8182
- zIndexToast: zIndexToast,
8183
- zIndexPopup: zIndexPopup,
8184
- zIndexModal: zIndexModal,
8185
- zIndexSticky: zIndexSticky,
8194
+ zIndexDropdown: zIndexDropdown,
8195
+ zIndexHeader: zIndexHeader,
8196
+ zIndexMask: zIndexMask,
8197
+ zIndexMaskButtons: zIndexMaskButtons,
8186
8198
  zIndexMasked: zIndexMasked,
8187
- zIndexDeep: zIndexDeep,
8199
+ zIndexModal: zIndexModal,
8188
8200
  zIndexOverlay: zIndexOverlay,
8189
- zIndexMask: zIndexMask,
8190
- zIndexHeader: zIndexHeader,
8191
- lineHeightMedium: lineHeightMedium,
8192
- lineHeightSmall: lineHeightSmall,
8193
- lineHeightXSmall: lineHeightXSmall,
8194
- transitionQuickly: transitionQuickly,
8195
- transitionSlowly: transitionSlowly,
8196
- mediaQueryXxxLarge: mediaQueryXxxLarge,
8197
- mediaQueryXLarge: mediaQueryXLarge,
8198
- mediaQueryMedium: mediaQueryMedium,
8199
- mediaQueryLarge: mediaQueryLarge,
8200
- mediaQueryXxLarge: mediaQueryXxLarge,
8201
- mediaQueryXSmall: mediaQueryXSmall,
8202
- mediaQueryXxxSmall: mediaQueryXxxSmall,
8203
- mediaQuerySmall: mediaQuerySmall,
8204
- mediaQueryXxSmall: mediaQueryXxSmall
8201
+ zIndexPopup: zIndexPopup,
8202
+ zIndexSpinner: zIndexSpinner,
8203
+ zIndexSticky: zIndexSticky,
8204
+ zIndexToast: zIndexToast
8205
8205
  });
8206
8206
 
8207
8207
  const allowedThemes = ["turva"];
@@ -8575,6 +8575,7 @@ class DuetAlert {
8575
8575
  constructor(hostRef) {
8576
8576
  registerInstance(this, hostRef);
8577
8577
  this.duetDismiss = createEvent$2(this, "duetDismiss", 7);
8578
+ this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
8578
8579
  this.descriptiveId = createID("DuetAlert");
8579
8580
  this.hasShowMoreSlot = false;
8580
8581
  this.iconVariationMap = {
@@ -8595,6 +8596,7 @@ class DuetAlert {
8595
8596
  };
8596
8597
  this.handleHide = () => {
8597
8598
  this.isDismissed = true;
8599
+ this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
8598
8600
  };
8599
8601
  this.theme = "";
8600
8602
  this.isDismissed = false;
@@ -8776,7 +8778,7 @@ const DuetPicture = ({ img, sources }) => {
8776
8778
  hAsync("img", Object.assign({}, img))));
8777
8779
  };
8778
8780
 
8779
- const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n \n \n \n}\n/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner {\n padding: 0 !important;\n}\n/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner {\n margin: 0 !important;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n position: relative;\n display: none;\n overflow: hidden;\n \n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n \n display: block;\n }\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n position: absolute;\n}\n/*!@.duet-banner .visual .brand-shape*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n background: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner {\n hyphens: auto;\n}\n/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n bottom: 30px;\n left: 15px;\n}\n/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n/*!@.duet-banner.duet-theme-turva .visual .brand-shape*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner .visual .image-container {\n height: 100%;\n }\n .duet-banner .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner .visual .brand-shape {\n display: block;\n }\n .duet-banner .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner {\n \n }\n .duet-banner .visual .brand-shape {\n left: 80%;\n }\n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner .visual .image-container {\n height: 100%;\n }\n .duet-banner .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner .visual .brand-shape {\n display: block;\n }\n .duet-banner .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner .action {\n flex-grow: 0;\n }\n}";
8781
+ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner {\n padding: 0 !important;\n}\n/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner {\n margin: 0 !important;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n position: relative;\n display: none;\n overflow: hidden;\n \n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n \n display: block;\n }\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n position: absolute;\n}\n/*!@.duet-banner .visual .brand-shape*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner {\n hyphens: auto;\n}\n/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n bottom: 30px;\n left: 15px;\n}\n/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n/*!@.duet-banner.duet-theme-turva .visual .brand-shape*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n/*!@.duet-banner.size-medium, .duet-banner.size-large*/.duet-banner.size-medium.sc-duet-banner, .duet-banner.size-large.sc-duet-banner {\n \n \n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n \n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n/*!@.duet-banner.size-large*/.duet-banner.size-large.sc-duet-banner {\n \n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}";
8780
8782
 
8781
8783
  /**
8782
8784
  * @slot heading - Slot for heading content. Only span should be used in this slot.
@@ -8867,7 +8869,9 @@ class DuetBanner {
8867
8869
  "duet-banner": true,
8868
8870
  "duet-theme-turva": this.theme === "turva",
8869
8871
  [this.currentSize]: true,
8870
- }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 , hAsync("div", { class: "brand-shape" })), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8872
+ "size-medium": this.size === "medium" || this.size === "large",
8873
+ "size-large": this.size === "large",
8874
+ }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 , hAsync("div", { style: bannerStyles, class: "brand-shape" })), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
8871
8875
  }
8872
8876
  get element() { return getElement(this); }
8873
8877
  static get style() { return duetBannerCss; }
@@ -9552,7 +9556,7 @@ class DuetCard {
9552
9556
  }; }
9553
9557
  }
9554
9558
 
9555
- const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 41, 77);border:1px solid rgb(0, 41, 77)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(116, 116, 117)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 207, 209)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(101, 119, 135);border:1px solid rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9559
+ const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(116, 116, 117)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 207, 209)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(144, 149, 153);border:1px solid rgb(144, 149, 153)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9556
9560
 
9557
9561
  class DuetCheckbox {
9558
9562
  constructor(hostRef) {
@@ -10457,500 +10461,500 @@ class DuetChoiceGroup {
10457
10461
 
10458
10462
  var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
10459
10463
 
10460
- const color_warning = "rgb(247, 178, 40)";
10461
- const color_gray_darker = "rgb(101, 119, 135)";
10462
- const color_gray_lighter = "rgb(245, 248, 250)";
10463
- const color_category_home = "rgb(211, 36, 131)";
10464
- const color_primary = "rgb(0, 119, 179)";
10465
- const color_category_vehicle = "rgb(54, 74, 129)";
10466
- const color_success = "rgb(0, 135, 90)";
10467
- const color_category_family = "rgb(11, 114, 136)";
10468
- const color_primary_lightest = "rgb(243, 249, 252)";
10469
- const color_primary_lighter = "rgb(230, 242, 248)";
10470
10464
  const color_brand_blue = "rgb(0, 161, 212)";
10471
- const color_primary_dark = "rgb(0, 77, 128)";
10472
- const color_gray_lightest = "rgb(255, 255, 255)";
10465
+ const color_brand_gray_turva = "rgb(178, 180, 179)";
10466
+ const color_category_family = "rgb(11, 114, 136)";
10467
+ const color_category_family_turva = "rgb(199, 12, 112)";
10473
10468
  const color_category_finance = "rgb(122, 1, 196)";
10474
- const color_gray_dark = "rgb(144, 149, 153)";
10475
- const color_gray_light = "rgb(225, 227, 230)";
10476
- const color_secondary = "rgb(0, 41, 77)";
10469
+ const color_category_home = "rgb(211, 36, 131)";
10470
+ const color_category_home_turva = "rgb(161, 10, 78)";
10477
10471
  const color_category_pet = "rgb(168, 1, 78)";
10478
- const color_primary_darker = "rgb(0, 98, 154)";
10479
- const color_primary_light = "rgb(205, 229, 241)";
10480
10472
  const color_category_travel = "rgb(213, 66, 3)";
10481
- const color_gray = "rgb(207, 210, 212)";
10482
- const color_danger = "rgb(222, 35, 98)";
10483
- const color_gray_darker_turva = "rgb(68, 68, 69)";
10484
- const color_gray_lighter_turva = "rgb(245, 245, 247)";
10485
- const color_category_home_turva = "rgb(161, 10, 78)";
10486
- const color_primary_turva = "rgb(198, 12, 48)";
10487
- const color_category_vehicle_turva = "rgb(23, 28, 58)";
10488
- const color_success_turva = "rgb(8, 135, 78)";
10489
- const color_primary_lightest_turva = "rgb(252, 243, 244)";
10490
- const color_category_family_turva = "rgb(199, 12, 112)";
10491
- const color_category_union_turva = "rgb(169, 69, 124)";
10492
- const color_primary_lighter_turva = "rgb(249, 230, 234)";
10493
- const color_primary_dark_turva = "rgb(148, 9, 37)";
10494
- const color_gray_lightest_turva = "rgb(255, 255, 255)";
10495
- const color_gray_dark_turva = "rgb(116, 116, 117)";
10496
- const color_gray_light_turva = "rgb(228, 228, 230)";
10497
- const color_brand_gray_turva = "rgb(178, 180, 179)";
10498
- const color_secondary_turva = "rgb(23, 28, 58)";
10499
- const color_primary_darker_turva = "rgb(173, 11, 43)";
10500
- const color_primary_light_turva = "rgb(244, 207, 214)";
10501
10473
  const color_category_travel_turva = "rgb(9, 129, 148)";
10502
- const color_gray_turva = "rgb(207, 207, 209)";
10474
+ const color_category_union_turva = "rgb(169, 69, 124)";
10475
+ const color_category_vehicle = "rgb(54, 74, 129)";
10476
+ const color_category_vehicle_turva = "rgb(23, 28, 58)";
10477
+ const color_danger = "rgb(222, 35, 98)";
10503
10478
  const color_danger_turva = "rgb(224, 42, 13)";
10504
- const color_warning_turva = "rgb(250, 164, 15)";
10479
+ const color_data_01 = "rgb(122, 1, 196)";
10480
+ const color_data_02 = "rgb(0, 155, 204)";
10481
+ const color_data_03 = "rgb(27, 171, 75)";
10482
+ const color_data_04 = "rgb(255, 86, 34)";
10483
+ const color_data_05 = "rgb(245, 76, 154)";
10484
+ const color_data_06 = "rgb(194, 21, 101)";
10505
10485
  const color_data_07 = "rgb(192, 101, 247)";
10506
10486
  const color_data_08 = "rgb(0, 105, 191)";
10507
10487
  const color_data_09 = "rgb(19, 120, 53)";
10508
10488
  const color_data_10 = "rgb(179, 60, 24)";
10509
10489
  const color_data_11 = "rgb(13, 163, 166)";
10510
- const color_data_01 = "rgb(122, 1, 196)";
10511
10490
  const color_data_12 = "rgb(11, 114, 136)";
10512
- const color_data_02 = "rgb(0, 155, 204)";
10513
10491
  const color_data_13 = "rgb(179, 137, 24)";
10514
- const color_data_03 = "rgb(27, 171, 75)";
10515
10492
  const color_data_14 = "rgb(128, 98, 17)";
10516
- const color_data_04 = "rgb(255, 86, 34)";
10517
10493
  const color_data_15 = "rgb(0, 41, 77)";
10518
- const color_data_05 = "rgb(245, 76, 154)";
10519
- const color_data_06 = "rgb(194, 21, 101)";
10520
- const font_weight_extra_bold = "800";
10521
- const letter_spacing_heading = "-0.01rem";
10522
- const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
10523
- const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
10494
+ const color_gray = "rgb(207, 210, 212)";
10495
+ const color_gray_dark = "rgb(144, 149, 153)";
10496
+ const color_gray_dark_turva = "rgb(116, 116, 117)";
10497
+ const color_gray_darker = "rgb(101, 119, 135)";
10498
+ const color_gray_darker_turva = "rgb(68, 68, 69)";
10499
+ const color_gray_light = "rgb(225, 227, 230)";
10500
+ const color_gray_light_turva = "rgb(228, 228, 230)";
10501
+ const color_gray_lighter = "rgb(245, 248, 250)";
10502
+ const color_gray_lighter_turva = "rgb(245, 245, 247)";
10503
+ const color_gray_lightest = "rgb(255, 255, 255)";
10504
+ const color_gray_lightest_turva = "rgb(255, 255, 255)";
10505
+ const color_gray_turva = "rgb(207, 207, 209)";
10506
+ const color_primary = "rgb(0, 119, 179)";
10507
+ const color_primary_dark = "rgb(0, 77, 128)";
10508
+ const color_primary_dark_turva = "rgb(148, 9, 37)";
10509
+ const color_primary_darker = "rgb(0, 98, 154)";
10510
+ const color_primary_darker_turva = "rgb(173, 11, 43)";
10511
+ const color_primary_light = "rgb(205, 229, 241)";
10512
+ const color_primary_light_turva = "rgb(244, 207, 214)";
10513
+ const color_primary_lighter = "rgb(230, 242, 248)";
10514
+ const color_primary_lighter_turva = "rgb(249, 230, 234)";
10515
+ const color_primary_lightest = "rgb(243, 249, 252)";
10516
+ const color_primary_lightest_turva = "rgb(252, 243, 244)";
10517
+ const color_primary_turva = "rgb(198, 12, 48)";
10518
+ const color_secondary = "rgb(0, 41, 77)";
10519
+ const color_secondary_turva = "rgb(23, 28, 58)";
10520
+ const color_success = "rgb(0, 135, 90)";
10521
+ const color_success_turva = "rgb(8, 135, 78)";
10522
+ const color_warning = "rgb(247, 178, 40)";
10523
+ const color_warning_turva = "rgb(250, 164, 15)";
10524
10524
  const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
10525
+ const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
10525
10526
  const font_family_text = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
10526
- const font_weight_bold = "700";
10527
- const font_weight_normal = "400";
10528
- const font_weight_semi_bold = "600";
10529
- const font_size_xxxx_large = "4.5rem";
10530
- const font_size_xxx_large = "3rem";
10531
- const font_size_xx_large = "2.25rem";
10532
- const font_size_x_large = "1.5rem";
10527
+ const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
10533
10528
  const font_size_large = "1.25rem";
10534
10529
  const font_size_medium = "1rem";
10535
10530
  const font_size_small = "0.875rem";
10531
+ const font_size_x_large = "1.5rem";
10536
10532
  const font_size_x_small = "0.75rem";
10537
- const radius_sharp = "0";
10533
+ const font_size_xx_large = "2.25rem";
10534
+ const font_size_xxx_large = "3rem";
10535
+ const font_size_xxxx_large = "4.5rem";
10536
+ const font_weight_bold = "700";
10537
+ const font_weight_extra_bold = "800";
10538
+ const font_weight_normal = "400";
10539
+ const font_weight_semi_bold = "600";
10540
+ const letter_spacing_heading = "-0.01rem";
10541
+ const line_height_medium = "1.5";
10542
+ const line_height_small = "1.25";
10543
+ const line_height_x_small = "1.1";
10544
+ const media_query_large = "'(min-width: 62em)'";
10545
+ const media_query_medium = "'(min-width: 48em)'";
10546
+ const media_query_small = "'(min-width: 36em)'";
10547
+ const media_query_x_large = "'(min-width: 64.0625em)'";
10548
+ const media_query_x_small = "'(max-width: 35.9375em)'";
10549
+ const media_query_xx_large = "'(min-width: 76.25em)'";
10550
+ const media_query_xx_small = "'(max-width: 22.5em)'";
10551
+ const media_query_xxx_large = "'(min-width: 106.25em)'";
10552
+ const media_query_xxx_small = "'(max-width: 20.5em)'";
10553
+ const opacity_30 = "0.30";
10554
+ const opacity_50 = "0.50";
10555
+ const opacity_75 = "0.75";
10556
+ const opacity_85 = "0.85";
10557
+ const radius_circle = "50%";
10538
10558
  const radius_default = "4px";
10539
- const radius_medium = "8px";
10540
10559
  const radius_intermediate = "12px";
10541
10560
  const radius_large = "16px";
10542
- const radius_circle = "50%";
10561
+ const radius_medium = "8px";
10543
10562
  const radius_pill = "20rem";
10544
- const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
10545
- const shadow_focus_input_turva = "0 0 0 1px #171c3a";
10563
+ const radius_sharp = "0";
10564
+ const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
10565
+ const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
10546
10566
  const shadow_default = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
10547
- const shadow_focus_input = "0 0 0 1px #0077b3";
10548
- const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
10549
- const shadow_hover_input_turva = "0 0 0 1px #747475";
10550
- const shadow_error_turva = "0 0 0 1px #e55039";
10551
- const shadow_hover_input = "0 0 0 1px #909599";
10567
+ const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
10552
10568
  const shadow_error = "0 0 0 1px #de2362";
10553
- const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
10554
- const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
10555
- const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
10556
- const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
10569
+ const shadow_error_turva = "0 0 0 1px #e55039";
10557
10570
  const shadow_focus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
10558
- const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
10571
+ const shadow_focus_input = "0 0 0 1px #0077b3";
10572
+ const shadow_focus_input_turva = "0 0 0 1px #171c3a";
10573
+ const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
10559
10574
  const shadow_hover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
10560
- const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
10561
- const space_xx_small = "4px";
10562
- const space_large = "20px";
10563
- const space_x_small = "8px";
10564
- const space_xxx_small = "2px";
10565
- const space_small = "12px";
10566
- const space_medium = "16px";
10567
- const space_xx_large = "36px";
10568
- const space_xxxx_large = "72px";
10569
- const space_xxxxx_large = "94px";
10570
- const space_xxx_large = "48px";
10571
- const space_x_large = "28px";
10572
- const size_icon_xx_large = "48px";
10573
- const size_form_border = "1px";
10574
- const size_step_medium = "40px";
10575
+ const shadow_hover_input = "0 0 0 1px #909599";
10576
+ const shadow_hover_input_turva = "0 0 0 1px #747475";
10577
+ const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
10578
+ const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
10579
+ const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
10580
+ const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
10581
+ const size_button_border = "1px";
10575
10582
  const size_button_min_width = "8rem";
10583
+ const size_button_tiny_border = "1px";
10584
+ const size_form_border = "1px";
10576
10585
  const size_header = "4rem";
10577
- const size_icon_xxx_large = "72px";
10586
+ const size_icon_large = "30px";
10587
+ const size_icon_medium = "24px";
10588
+ const size_icon_small = "20px";
10578
10589
  const size_icon_x_large = "36px";
10590
+ const size_icon_x_small = "16px";
10591
+ const size_icon_xx_large = "48px";
10579
10592
  const size_icon_xx_small = "10px";
10580
- const size_step_small = "30px";
10581
- const size_navigation = "3rem";
10582
- const size_icon_large = "30px";
10593
+ const size_icon_xxx_large = "72px";
10594
+ const size_icon_xxx_small = "7px";
10583
10595
  const size_layout_max_width = "1110px";
10584
- const size_tappable_square = "48px";
10585
- const size_icon_x_small = "16px";
10586
10596
  const size_medium_border = "2px";
10587
- const size_icon_xxx_small = "7px";
10588
- const size_button_border = "1px";
10589
- const size_button_tiny_border = "1px";
10590
- const size_icon_medium = "24px";
10591
- const size_icon_small = "20px";
10592
- const opacity_85 = "0.85";
10593
- const opacity_75 = "0.75";
10594
- const opacity_50 = "0.50";
10595
- const opacity_30 = "0.30";
10596
- const z_index_mask_buttons = "250";
10597
- const z_index_dropdown = "600";
10598
- const z_index_spinner = "800";
10597
+ const size_navigation = "3rem";
10598
+ const size_step_medium = "40px";
10599
+ const size_step_small = "30px";
10600
+ const size_tappable_square = "48px";
10601
+ const space_large = "20px";
10602
+ const space_medium = "16px";
10603
+ const space_small = "12px";
10604
+ const space_x_large = "28px";
10605
+ const space_x_small = "8px";
10606
+ const space_xx_large = "36px";
10607
+ const space_xx_small = "4px";
10608
+ const space_xxx_large = "48px";
10609
+ const space_xxx_small = "2px";
10610
+ const space_xxxx_large = "72px";
10611
+ const space_xxxxx_large = "94px";
10612
+ const transition_quickly = "300ms ease";
10613
+ const transition_slowly = "600ms ease";
10614
+ const z_index_deep = "-999999";
10599
10615
  const z_index_default = "1";
10600
- const z_index_toast = "500";
10601
- const z_index_popup = "950";
10602
- const z_index_modal = "900";
10603
- const z_index_sticky = "300";
10616
+ const z_index_dropdown = "600";
10617
+ const z_index_header = "400";
10618
+ const z_index_mask = "200";
10619
+ const z_index_mask_buttons = "250";
10604
10620
  const z_index_masked = "100";
10605
- const z_index_deep = "-999999";
10621
+ const z_index_modal = "900";
10606
10622
  const z_index_overlay = "700";
10607
- const z_index_mask = "200";
10608
- const z_index_header = "400";
10609
- const line_height_medium = "1.5";
10610
- const line_height_small = "1.25";
10611
- const line_height_x_small = "1.1";
10612
- const transition_quickly = "300ms ease";
10613
- const transition_slowly = "600ms ease";
10614
- const media_query_xxx_large = "'(min-width: 106.25em)'";
10615
- const media_query_x_large = "'(min-width: 64.0625em)'";
10616
- const media_query_medium = "'(min-width: 48em)'";
10617
- const media_query_large = "'(min-width: 62em)'";
10618
- const media_query_xx_large = "'(min-width: 76.25em)'";
10619
- const media_query_x_small = "'(max-width: 35.9375em)'";
10620
- const media_query_xxx_small = "'(max-width: 20.5em)'";
10621
- const media_query_small = "'(min-width: 36em)'";
10622
- const media_query_xx_small = "'(max-width: 22.5em)'";
10623
- var tokens = {
10624
- color_warning: color_warning,
10625
- color_gray_darker: color_gray_darker,
10626
- color_gray_lighter: color_gray_lighter,
10627
- color_category_home: color_category_home,
10628
- color_primary: color_primary,
10629
- color_category_vehicle: color_category_vehicle,
10630
- color_success: color_success,
10631
- color_category_family: color_category_family,
10632
- color_primary_lightest: color_primary_lightest,
10633
- color_primary_lighter: color_primary_lighter,
10623
+ const z_index_popup = "950";
10624
+ const z_index_spinner = "800";
10625
+ const z_index_sticky = "300";
10626
+ const z_index_toast = "500";
10627
+ var tokens = {
10634
10628
  color_brand_blue: color_brand_blue,
10635
- color_primary_dark: color_primary_dark,
10636
- color_gray_lightest: color_gray_lightest,
10629
+ color_brand_gray_turva: color_brand_gray_turva,
10630
+ color_category_family: color_category_family,
10631
+ color_category_family_turva: color_category_family_turva,
10637
10632
  color_category_finance: color_category_finance,
10638
- color_gray_dark: color_gray_dark,
10639
- color_gray_light: color_gray_light,
10640
- color_secondary: color_secondary,
10633
+ color_category_home: color_category_home,
10634
+ color_category_home_turva: color_category_home_turva,
10641
10635
  color_category_pet: color_category_pet,
10642
- color_primary_darker: color_primary_darker,
10643
- color_primary_light: color_primary_light,
10644
10636
  color_category_travel: color_category_travel,
10645
- color_gray: color_gray,
10646
- color_danger: color_danger,
10647
- color_gray_darker_turva: color_gray_darker_turva,
10648
- color_gray_lighter_turva: color_gray_lighter_turva,
10649
- color_category_home_turva: color_category_home_turva,
10650
- color_primary_turva: color_primary_turva,
10651
- color_category_vehicle_turva: color_category_vehicle_turva,
10652
- color_success_turva: color_success_turva,
10653
- color_primary_lightest_turva: color_primary_lightest_turva,
10654
- color_category_family_turva: color_category_family_turva,
10655
- color_category_union_turva: color_category_union_turva,
10656
- color_primary_lighter_turva: color_primary_lighter_turva,
10657
- color_primary_dark_turva: color_primary_dark_turva,
10658
- color_gray_lightest_turva: color_gray_lightest_turva,
10659
- color_gray_dark_turva: color_gray_dark_turva,
10660
- color_gray_light_turva: color_gray_light_turva,
10661
- color_brand_gray_turva: color_brand_gray_turva,
10662
- color_secondary_turva: color_secondary_turva,
10663
- color_primary_darker_turva: color_primary_darker_turva,
10664
- color_primary_light_turva: color_primary_light_turva,
10665
10637
  color_category_travel_turva: color_category_travel_turva,
10666
- color_gray_turva: color_gray_turva,
10638
+ color_category_union_turva: color_category_union_turva,
10639
+ color_category_vehicle: color_category_vehicle,
10640
+ color_category_vehicle_turva: color_category_vehicle_turva,
10641
+ color_danger: color_danger,
10667
10642
  color_danger_turva: color_danger_turva,
10668
- color_warning_turva: color_warning_turva,
10643
+ color_data_01: color_data_01,
10644
+ color_data_02: color_data_02,
10645
+ color_data_03: color_data_03,
10646
+ color_data_04: color_data_04,
10647
+ color_data_05: color_data_05,
10648
+ color_data_06: color_data_06,
10669
10649
  color_data_07: color_data_07,
10670
10650
  color_data_08: color_data_08,
10671
10651
  color_data_09: color_data_09,
10672
10652
  color_data_10: color_data_10,
10673
10653
  color_data_11: color_data_11,
10674
- color_data_01: color_data_01,
10675
10654
  color_data_12: color_data_12,
10676
- color_data_02: color_data_02,
10677
10655
  color_data_13: color_data_13,
10678
- color_data_03: color_data_03,
10679
10656
  color_data_14: color_data_14,
10680
- color_data_04: color_data_04,
10681
10657
  color_data_15: color_data_15,
10682
- color_data_05: color_data_05,
10683
- color_data_06: color_data_06,
10684
- font_weight_extra_bold: font_weight_extra_bold,
10685
- letter_spacing_heading: letter_spacing_heading,
10686
- font_family_heading_turva: font_family_heading_turva,
10687
- font_family_text_turva: font_family_text_turva,
10658
+ color_gray: color_gray,
10659
+ color_gray_dark: color_gray_dark,
10660
+ color_gray_dark_turva: color_gray_dark_turva,
10661
+ color_gray_darker: color_gray_darker,
10662
+ color_gray_darker_turva: color_gray_darker_turva,
10663
+ color_gray_light: color_gray_light,
10664
+ color_gray_light_turva: color_gray_light_turva,
10665
+ color_gray_lighter: color_gray_lighter,
10666
+ color_gray_lighter_turva: color_gray_lighter_turva,
10667
+ color_gray_lightest: color_gray_lightest,
10668
+ color_gray_lightest_turva: color_gray_lightest_turva,
10669
+ color_gray_turva: color_gray_turva,
10670
+ color_primary: color_primary,
10671
+ color_primary_dark: color_primary_dark,
10672
+ color_primary_dark_turva: color_primary_dark_turva,
10673
+ color_primary_darker: color_primary_darker,
10674
+ color_primary_darker_turva: color_primary_darker_turva,
10675
+ color_primary_light: color_primary_light,
10676
+ color_primary_light_turva: color_primary_light_turva,
10677
+ color_primary_lighter: color_primary_lighter,
10678
+ color_primary_lighter_turva: color_primary_lighter_turva,
10679
+ color_primary_lightest: color_primary_lightest,
10680
+ color_primary_lightest_turva: color_primary_lightest_turva,
10681
+ color_primary_turva: color_primary_turva,
10682
+ color_secondary: color_secondary,
10683
+ color_secondary_turva: color_secondary_turva,
10684
+ color_success: color_success,
10685
+ color_success_turva: color_success_turva,
10686
+ color_warning: color_warning,
10687
+ color_warning_turva: color_warning_turva,
10688
10688
  font_family_heading: font_family_heading,
10689
+ font_family_heading_turva: font_family_heading_turva,
10689
10690
  font_family_text: font_family_text,
10690
- font_weight_bold: font_weight_bold,
10691
- font_weight_normal: font_weight_normal,
10692
- font_weight_semi_bold: font_weight_semi_bold,
10693
- font_size_xxxx_large: font_size_xxxx_large,
10694
- font_size_xxx_large: font_size_xxx_large,
10695
- font_size_xx_large: font_size_xx_large,
10696
- font_size_x_large: font_size_x_large,
10691
+ font_family_text_turva: font_family_text_turva,
10697
10692
  font_size_large: font_size_large,
10698
10693
  font_size_medium: font_size_medium,
10699
10694
  font_size_small: font_size_small,
10695
+ font_size_x_large: font_size_x_large,
10700
10696
  font_size_x_small: font_size_x_small,
10701
- radius_sharp: radius_sharp,
10697
+ font_size_xx_large: font_size_xx_large,
10698
+ font_size_xxx_large: font_size_xxx_large,
10699
+ font_size_xxxx_large: font_size_xxxx_large,
10700
+ font_weight_bold: font_weight_bold,
10701
+ font_weight_extra_bold: font_weight_extra_bold,
10702
+ font_weight_normal: font_weight_normal,
10703
+ font_weight_semi_bold: font_weight_semi_bold,
10704
+ letter_spacing_heading: letter_spacing_heading,
10705
+ line_height_medium: line_height_medium,
10706
+ line_height_small: line_height_small,
10707
+ line_height_x_small: line_height_x_small,
10708
+ media_query_large: media_query_large,
10709
+ media_query_medium: media_query_medium,
10710
+ media_query_small: media_query_small,
10711
+ media_query_x_large: media_query_x_large,
10712
+ media_query_x_small: media_query_x_small,
10713
+ media_query_xx_large: media_query_xx_large,
10714
+ media_query_xx_small: media_query_xx_small,
10715
+ media_query_xxx_large: media_query_xxx_large,
10716
+ media_query_xxx_small: media_query_xxx_small,
10717
+ opacity_30: opacity_30,
10718
+ opacity_50: opacity_50,
10719
+ opacity_75: opacity_75,
10720
+ opacity_85: opacity_85,
10721
+ radius_circle: radius_circle,
10702
10722
  radius_default: radius_default,
10703
- radius_medium: radius_medium,
10704
10723
  radius_intermediate: radius_intermediate,
10705
10724
  radius_large: radius_large,
10706
- radius_circle: radius_circle,
10725
+ radius_medium: radius_medium,
10707
10726
  radius_pill: radius_pill,
10708
- shadow_tooltip_turva: shadow_tooltip_turva,
10709
- shadow_focus_input_turva: shadow_focus_input_turva,
10727
+ radius_sharp: radius_sharp,
10728
+ shadow_card: shadow_card,
10729
+ shadow_card_turva: shadow_card_turva,
10710
10730
  shadow_default: shadow_default,
10711
- shadow_focus_input: shadow_focus_input,
10712
- shadow_tooltip: shadow_tooltip,
10713
- shadow_hover_input_turva: shadow_hover_input_turva,
10714
- shadow_error_turva: shadow_error_turva,
10715
- shadow_hover_input: shadow_hover_input,
10731
+ shadow_default_turva: shadow_default_turva,
10716
10732
  shadow_error: shadow_error,
10717
- shadow_card_turva: shadow_card_turva,
10718
- shadow_modal: shadow_modal,
10719
- shadow_card: shadow_card,
10720
- shadow_focus_turva: shadow_focus_turva,
10733
+ shadow_error_turva: shadow_error_turva,
10721
10734
  shadow_focus: shadow_focus,
10722
- shadow_hover_turva: shadow_hover_turva,
10735
+ shadow_focus_input: shadow_focus_input,
10736
+ shadow_focus_input_turva: shadow_focus_input_turva,
10737
+ shadow_focus_turva: shadow_focus_turva,
10723
10738
  shadow_hover: shadow_hover,
10724
- shadow_default_turva: shadow_default_turva,
10725
- space_xx_small: space_xx_small,
10726
- space_large: space_large,
10727
- space_x_small: space_x_small,
10728
- space_xxx_small: space_xxx_small,
10729
- space_small: space_small,
10730
- space_medium: space_medium,
10731
- space_xx_large: space_xx_large,
10732
- space_xxxx_large: space_xxxx_large,
10733
- space_xxxxx_large: space_xxxxx_large,
10734
- space_xxx_large: space_xxx_large,
10735
- space_x_large: space_x_large,
10736
- size_icon_xx_large: size_icon_xx_large,
10737
- size_form_border: size_form_border,
10738
- size_step_medium: size_step_medium,
10739
+ shadow_hover_input: shadow_hover_input,
10740
+ shadow_hover_input_turva: shadow_hover_input_turva,
10741
+ shadow_hover_turva: shadow_hover_turva,
10742
+ shadow_modal: shadow_modal,
10743
+ shadow_tooltip: shadow_tooltip,
10744
+ shadow_tooltip_turva: shadow_tooltip_turva,
10745
+ size_button_border: size_button_border,
10739
10746
  size_button_min_width: size_button_min_width,
10747
+ size_button_tiny_border: size_button_tiny_border,
10748
+ size_form_border: size_form_border,
10740
10749
  size_header: size_header,
10741
- size_icon_xxx_large: size_icon_xxx_large,
10750
+ size_icon_large: size_icon_large,
10751
+ size_icon_medium: size_icon_medium,
10752
+ size_icon_small: size_icon_small,
10742
10753
  size_icon_x_large: size_icon_x_large,
10754
+ size_icon_x_small: size_icon_x_small,
10755
+ size_icon_xx_large: size_icon_xx_large,
10743
10756
  size_icon_xx_small: size_icon_xx_small,
10744
- size_step_small: size_step_small,
10745
- size_navigation: size_navigation,
10746
- size_icon_large: size_icon_large,
10757
+ size_icon_xxx_large: size_icon_xxx_large,
10758
+ size_icon_xxx_small: size_icon_xxx_small,
10747
10759
  size_layout_max_width: size_layout_max_width,
10748
- size_tappable_square: size_tappable_square,
10749
- size_icon_x_small: size_icon_x_small,
10750
10760
  size_medium_border: size_medium_border,
10751
- size_icon_xxx_small: size_icon_xxx_small,
10752
- size_button_border: size_button_border,
10753
- size_button_tiny_border: size_button_tiny_border,
10754
- size_icon_medium: size_icon_medium,
10755
- size_icon_small: size_icon_small,
10756
- opacity_85: opacity_85,
10757
- opacity_75: opacity_75,
10758
- opacity_50: opacity_50,
10759
- opacity_30: opacity_30,
10760
- z_index_mask_buttons: z_index_mask_buttons,
10761
- z_index_dropdown: z_index_dropdown,
10762
- z_index_spinner: z_index_spinner,
10761
+ size_navigation: size_navigation,
10762
+ size_step_medium: size_step_medium,
10763
+ size_step_small: size_step_small,
10764
+ size_tappable_square: size_tappable_square,
10765
+ space_large: space_large,
10766
+ space_medium: space_medium,
10767
+ space_small: space_small,
10768
+ space_x_large: space_x_large,
10769
+ space_x_small: space_x_small,
10770
+ space_xx_large: space_xx_large,
10771
+ space_xx_small: space_xx_small,
10772
+ space_xxx_large: space_xxx_large,
10773
+ space_xxx_small: space_xxx_small,
10774
+ space_xxxx_large: space_xxxx_large,
10775
+ space_xxxxx_large: space_xxxxx_large,
10776
+ transition_quickly: transition_quickly,
10777
+ transition_slowly: transition_slowly,
10778
+ z_index_deep: z_index_deep,
10763
10779
  z_index_default: z_index_default,
10764
- z_index_toast: z_index_toast,
10765
- z_index_popup: z_index_popup,
10766
- z_index_modal: z_index_modal,
10767
- z_index_sticky: z_index_sticky,
10780
+ z_index_dropdown: z_index_dropdown,
10781
+ z_index_header: z_index_header,
10782
+ z_index_mask: z_index_mask,
10783
+ z_index_mask_buttons: z_index_mask_buttons,
10768
10784
  z_index_masked: z_index_masked,
10769
- z_index_deep: z_index_deep,
10785
+ z_index_modal: z_index_modal,
10770
10786
  z_index_overlay: z_index_overlay,
10771
- z_index_mask: z_index_mask,
10772
- z_index_header: z_index_header,
10773
- line_height_medium: line_height_medium,
10774
- line_height_small: line_height_small,
10775
- line_height_x_small: line_height_x_small,
10776
- transition_quickly: transition_quickly,
10777
- transition_slowly: transition_slowly,
10778
- media_query_xxx_large: media_query_xxx_large,
10779
- media_query_x_large: media_query_x_large,
10780
- media_query_medium: media_query_medium,
10781
- media_query_large: media_query_large,
10782
- media_query_xx_large: media_query_xx_large,
10783
- media_query_x_small: media_query_x_small,
10784
- media_query_xxx_small: media_query_xxx_small,
10785
- media_query_small: media_query_small,
10786
- media_query_xx_small: media_query_xx_small
10787
+ z_index_popup: z_index_popup,
10788
+ z_index_spinner: z_index_spinner,
10789
+ z_index_sticky: z_index_sticky,
10790
+ z_index_toast: z_index_toast
10787
10791
  };
10788
10792
 
10789
10793
  var tokens$1 = /*#__PURE__*/Object.freeze({
10790
10794
  __proto__: null,
10791
- color_warning: color_warning,
10792
- color_gray_darker: color_gray_darker,
10793
- color_gray_lighter: color_gray_lighter,
10794
- color_category_home: color_category_home,
10795
- color_primary: color_primary,
10796
- color_category_vehicle: color_category_vehicle,
10797
- color_success: color_success,
10798
- color_category_family: color_category_family,
10799
- color_primary_lightest: color_primary_lightest,
10800
- color_primary_lighter: color_primary_lighter,
10801
10795
  color_brand_blue: color_brand_blue,
10802
- color_primary_dark: color_primary_dark,
10803
- color_gray_lightest: color_gray_lightest,
10804
- color_category_finance: color_category_finance,
10805
- color_gray_dark: color_gray_dark,
10806
- color_gray_light: color_gray_light,
10807
- color_secondary: color_secondary,
10796
+ color_brand_gray_turva: color_brand_gray_turva,
10797
+ color_category_family: color_category_family,
10798
+ color_category_family_turva: color_category_family_turva,
10799
+ color_category_finance: color_category_finance,
10800
+ color_category_home: color_category_home,
10801
+ color_category_home_turva: color_category_home_turva,
10808
10802
  color_category_pet: color_category_pet,
10809
- color_primary_darker: color_primary_darker,
10810
- color_primary_light: color_primary_light,
10811
10803
  color_category_travel: color_category_travel,
10812
- color_gray: color_gray,
10813
- color_danger: color_danger,
10814
- color_gray_darker_turva: color_gray_darker_turva,
10815
- color_gray_lighter_turva: color_gray_lighter_turva,
10816
- color_category_home_turva: color_category_home_turva,
10817
- color_primary_turva: color_primary_turva,
10818
- color_category_vehicle_turva: color_category_vehicle_turva,
10819
- color_success_turva: color_success_turva,
10820
- color_primary_lightest_turva: color_primary_lightest_turva,
10821
- color_category_family_turva: color_category_family_turva,
10822
- color_category_union_turva: color_category_union_turva,
10823
- color_primary_lighter_turva: color_primary_lighter_turva,
10824
- color_primary_dark_turva: color_primary_dark_turva,
10825
- color_gray_lightest_turva: color_gray_lightest_turva,
10826
- color_gray_dark_turva: color_gray_dark_turva,
10827
- color_gray_light_turva: color_gray_light_turva,
10828
- color_brand_gray_turva: color_brand_gray_turva,
10829
- color_secondary_turva: color_secondary_turva,
10830
- color_primary_darker_turva: color_primary_darker_turva,
10831
- color_primary_light_turva: color_primary_light_turva,
10832
10804
  color_category_travel_turva: color_category_travel_turva,
10833
- color_gray_turva: color_gray_turva,
10805
+ color_category_union_turva: color_category_union_turva,
10806
+ color_category_vehicle: color_category_vehicle,
10807
+ color_category_vehicle_turva: color_category_vehicle_turva,
10808
+ color_danger: color_danger,
10834
10809
  color_danger_turva: color_danger_turva,
10835
- color_warning_turva: color_warning_turva,
10810
+ color_data_01: color_data_01,
10811
+ color_data_02: color_data_02,
10812
+ color_data_03: color_data_03,
10813
+ color_data_04: color_data_04,
10814
+ color_data_05: color_data_05,
10815
+ color_data_06: color_data_06,
10836
10816
  color_data_07: color_data_07,
10837
10817
  color_data_08: color_data_08,
10838
10818
  color_data_09: color_data_09,
10839
10819
  color_data_10: color_data_10,
10840
10820
  color_data_11: color_data_11,
10841
- color_data_01: color_data_01,
10842
10821
  color_data_12: color_data_12,
10843
- color_data_02: color_data_02,
10844
10822
  color_data_13: color_data_13,
10845
- color_data_03: color_data_03,
10846
10823
  color_data_14: color_data_14,
10847
- color_data_04: color_data_04,
10848
10824
  color_data_15: color_data_15,
10849
- color_data_05: color_data_05,
10850
- color_data_06: color_data_06,
10851
- font_weight_extra_bold: font_weight_extra_bold,
10852
- letter_spacing_heading: letter_spacing_heading,
10853
- font_family_heading_turva: font_family_heading_turva,
10854
- font_family_text_turva: font_family_text_turva,
10825
+ color_gray: color_gray,
10826
+ color_gray_dark: color_gray_dark,
10827
+ color_gray_dark_turva: color_gray_dark_turva,
10828
+ color_gray_darker: color_gray_darker,
10829
+ color_gray_darker_turva: color_gray_darker_turva,
10830
+ color_gray_light: color_gray_light,
10831
+ color_gray_light_turva: color_gray_light_turva,
10832
+ color_gray_lighter: color_gray_lighter,
10833
+ color_gray_lighter_turva: color_gray_lighter_turva,
10834
+ color_gray_lightest: color_gray_lightest,
10835
+ color_gray_lightest_turva: color_gray_lightest_turva,
10836
+ color_gray_turva: color_gray_turva,
10837
+ color_primary: color_primary,
10838
+ color_primary_dark: color_primary_dark,
10839
+ color_primary_dark_turva: color_primary_dark_turva,
10840
+ color_primary_darker: color_primary_darker,
10841
+ color_primary_darker_turva: color_primary_darker_turva,
10842
+ color_primary_light: color_primary_light,
10843
+ color_primary_light_turva: color_primary_light_turva,
10844
+ color_primary_lighter: color_primary_lighter,
10845
+ color_primary_lighter_turva: color_primary_lighter_turva,
10846
+ color_primary_lightest: color_primary_lightest,
10847
+ color_primary_lightest_turva: color_primary_lightest_turva,
10848
+ color_primary_turva: color_primary_turva,
10849
+ color_secondary: color_secondary,
10850
+ color_secondary_turva: color_secondary_turva,
10851
+ color_success: color_success,
10852
+ color_success_turva: color_success_turva,
10853
+ color_warning: color_warning,
10854
+ color_warning_turva: color_warning_turva,
10855
10855
  font_family_heading: font_family_heading,
10856
+ font_family_heading_turva: font_family_heading_turva,
10856
10857
  font_family_text: font_family_text,
10857
- font_weight_bold: font_weight_bold,
10858
- font_weight_normal: font_weight_normal,
10859
- font_weight_semi_bold: font_weight_semi_bold,
10860
- font_size_xxxx_large: font_size_xxxx_large,
10861
- font_size_xxx_large: font_size_xxx_large,
10862
- font_size_xx_large: font_size_xx_large,
10863
- font_size_x_large: font_size_x_large,
10858
+ font_family_text_turva: font_family_text_turva,
10864
10859
  font_size_large: font_size_large,
10865
10860
  font_size_medium: font_size_medium,
10866
10861
  font_size_small: font_size_small,
10862
+ font_size_x_large: font_size_x_large,
10867
10863
  font_size_x_small: font_size_x_small,
10868
- radius_sharp: radius_sharp,
10864
+ font_size_xx_large: font_size_xx_large,
10865
+ font_size_xxx_large: font_size_xxx_large,
10866
+ font_size_xxxx_large: font_size_xxxx_large,
10867
+ font_weight_bold: font_weight_bold,
10868
+ font_weight_extra_bold: font_weight_extra_bold,
10869
+ font_weight_normal: font_weight_normal,
10870
+ font_weight_semi_bold: font_weight_semi_bold,
10871
+ letter_spacing_heading: letter_spacing_heading,
10872
+ line_height_medium: line_height_medium,
10873
+ line_height_small: line_height_small,
10874
+ line_height_x_small: line_height_x_small,
10875
+ media_query_large: media_query_large,
10876
+ media_query_medium: media_query_medium,
10877
+ media_query_small: media_query_small,
10878
+ media_query_x_large: media_query_x_large,
10879
+ media_query_x_small: media_query_x_small,
10880
+ media_query_xx_large: media_query_xx_large,
10881
+ media_query_xx_small: media_query_xx_small,
10882
+ media_query_xxx_large: media_query_xxx_large,
10883
+ media_query_xxx_small: media_query_xxx_small,
10884
+ opacity_30: opacity_30,
10885
+ opacity_50: opacity_50,
10886
+ opacity_75: opacity_75,
10887
+ opacity_85: opacity_85,
10888
+ radius_circle: radius_circle,
10869
10889
  radius_default: radius_default,
10870
- radius_medium: radius_medium,
10871
10890
  radius_intermediate: radius_intermediate,
10872
10891
  radius_large: radius_large,
10873
- radius_circle: radius_circle,
10892
+ radius_medium: radius_medium,
10874
10893
  radius_pill: radius_pill,
10875
- shadow_tooltip_turva: shadow_tooltip_turva,
10876
- shadow_focus_input_turva: shadow_focus_input_turva,
10894
+ radius_sharp: radius_sharp,
10895
+ shadow_card: shadow_card,
10896
+ shadow_card_turva: shadow_card_turva,
10877
10897
  shadow_default: shadow_default,
10878
- shadow_focus_input: shadow_focus_input,
10879
- shadow_tooltip: shadow_tooltip,
10880
- shadow_hover_input_turva: shadow_hover_input_turva,
10881
- shadow_error_turva: shadow_error_turva,
10882
- shadow_hover_input: shadow_hover_input,
10898
+ shadow_default_turva: shadow_default_turva,
10883
10899
  shadow_error: shadow_error,
10884
- shadow_card_turva: shadow_card_turva,
10885
- shadow_modal: shadow_modal,
10886
- shadow_card: shadow_card,
10887
- shadow_focus_turva: shadow_focus_turva,
10900
+ shadow_error_turva: shadow_error_turva,
10888
10901
  shadow_focus: shadow_focus,
10889
- shadow_hover_turva: shadow_hover_turva,
10902
+ shadow_focus_input: shadow_focus_input,
10903
+ shadow_focus_input_turva: shadow_focus_input_turva,
10904
+ shadow_focus_turva: shadow_focus_turva,
10890
10905
  shadow_hover: shadow_hover,
10891
- shadow_default_turva: shadow_default_turva,
10892
- space_xx_small: space_xx_small,
10893
- space_large: space_large,
10894
- space_x_small: space_x_small,
10895
- space_xxx_small: space_xxx_small,
10896
- space_small: space_small,
10897
- space_medium: space_medium,
10898
- space_xx_large: space_xx_large,
10899
- space_xxxx_large: space_xxxx_large,
10900
- space_xxxxx_large: space_xxxxx_large,
10901
- space_xxx_large: space_xxx_large,
10902
- space_x_large: space_x_large,
10903
- size_icon_xx_large: size_icon_xx_large,
10904
- size_form_border: size_form_border,
10905
- size_step_medium: size_step_medium,
10906
+ shadow_hover_input: shadow_hover_input,
10907
+ shadow_hover_input_turva: shadow_hover_input_turva,
10908
+ shadow_hover_turva: shadow_hover_turva,
10909
+ shadow_modal: shadow_modal,
10910
+ shadow_tooltip: shadow_tooltip,
10911
+ shadow_tooltip_turva: shadow_tooltip_turva,
10912
+ size_button_border: size_button_border,
10906
10913
  size_button_min_width: size_button_min_width,
10914
+ size_button_tiny_border: size_button_tiny_border,
10915
+ size_form_border: size_form_border,
10907
10916
  size_header: size_header,
10908
- size_icon_xxx_large: size_icon_xxx_large,
10917
+ size_icon_large: size_icon_large,
10918
+ size_icon_medium: size_icon_medium,
10919
+ size_icon_small: size_icon_small,
10909
10920
  size_icon_x_large: size_icon_x_large,
10921
+ size_icon_x_small: size_icon_x_small,
10922
+ size_icon_xx_large: size_icon_xx_large,
10910
10923
  size_icon_xx_small: size_icon_xx_small,
10911
- size_step_small: size_step_small,
10912
- size_navigation: size_navigation,
10913
- size_icon_large: size_icon_large,
10924
+ size_icon_xxx_large: size_icon_xxx_large,
10925
+ size_icon_xxx_small: size_icon_xxx_small,
10914
10926
  size_layout_max_width: size_layout_max_width,
10915
- size_tappable_square: size_tappable_square,
10916
- size_icon_x_small: size_icon_x_small,
10917
10927
  size_medium_border: size_medium_border,
10918
- size_icon_xxx_small: size_icon_xxx_small,
10919
- size_button_border: size_button_border,
10920
- size_button_tiny_border: size_button_tiny_border,
10921
- size_icon_medium: size_icon_medium,
10922
- size_icon_small: size_icon_small,
10923
- opacity_85: opacity_85,
10924
- opacity_75: opacity_75,
10925
- opacity_50: opacity_50,
10926
- opacity_30: opacity_30,
10927
- z_index_mask_buttons: z_index_mask_buttons,
10928
- z_index_dropdown: z_index_dropdown,
10929
- z_index_spinner: z_index_spinner,
10928
+ size_navigation: size_navigation,
10929
+ size_step_medium: size_step_medium,
10930
+ size_step_small: size_step_small,
10931
+ size_tappable_square: size_tappable_square,
10932
+ space_large: space_large,
10933
+ space_medium: space_medium,
10934
+ space_small: space_small,
10935
+ space_x_large: space_x_large,
10936
+ space_x_small: space_x_small,
10937
+ space_xx_large: space_xx_large,
10938
+ space_xx_small: space_xx_small,
10939
+ space_xxx_large: space_xxx_large,
10940
+ space_xxx_small: space_xxx_small,
10941
+ space_xxxx_large: space_xxxx_large,
10942
+ space_xxxxx_large: space_xxxxx_large,
10943
+ transition_quickly: transition_quickly,
10944
+ transition_slowly: transition_slowly,
10945
+ z_index_deep: z_index_deep,
10930
10946
  z_index_default: z_index_default,
10931
- z_index_toast: z_index_toast,
10932
- z_index_popup: z_index_popup,
10933
- z_index_modal: z_index_modal,
10934
- z_index_sticky: z_index_sticky,
10947
+ z_index_dropdown: z_index_dropdown,
10948
+ z_index_header: z_index_header,
10949
+ z_index_mask: z_index_mask,
10950
+ z_index_mask_buttons: z_index_mask_buttons,
10935
10951
  z_index_masked: z_index_masked,
10936
- z_index_deep: z_index_deep,
10952
+ z_index_modal: z_index_modal,
10937
10953
  z_index_overlay: z_index_overlay,
10938
- z_index_mask: z_index_mask,
10939
- z_index_header: z_index_header,
10940
- line_height_medium: line_height_medium,
10941
- line_height_small: line_height_small,
10942
- line_height_x_small: line_height_x_small,
10943
- transition_quickly: transition_quickly,
10944
- transition_slowly: transition_slowly,
10945
- media_query_xxx_large: media_query_xxx_large,
10946
- media_query_x_large: media_query_x_large,
10947
- media_query_medium: media_query_medium,
10948
- media_query_large: media_query_large,
10949
- media_query_xx_large: media_query_xx_large,
10950
- media_query_x_small: media_query_x_small,
10951
- media_query_xxx_small: media_query_xxx_small,
10952
- media_query_small: media_query_small,
10953
- media_query_xx_small: media_query_xx_small,
10954
+ z_index_popup: z_index_popup,
10955
+ z_index_spinner: z_index_spinner,
10956
+ z_index_sticky: z_index_sticky,
10957
+ z_index_toast: z_index_toast,
10954
10958
  'default': tokens
10955
10959
  });
10956
10960
 
@@ -14160,7 +14164,7 @@ class DuetHero {
14160
14164
  }; }
14161
14165
  }
14162
14166
 
14163
- const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(20deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-20deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}/*!@:host([size=auto]) .duet-icon-svg*/[size=auto].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@:host([size=xxx-small]) .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@:host([size=xxx-small]) .duet-icon-has-background*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:6px}/*!@:host([size=xxx-small]) .duet-icon-has-outline*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:4px}/*!@:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xxx-small]) .duet-icon-shape-brand*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:0}/*!@:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@:host([size=xx-small]) .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-icon-has-background*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:8px}/*!@:host([size=xx-small]) .duet-icon-has-outline*/[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:7px}/*!@:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=xx-small]) .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:4px}/*!@:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:18px;height:15px;padding:0}/*!@:host([size=x-small]) .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-icon-has-outline*/[size=x-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:10px}/*!@:host([size=x-small]) .duet-icon-has-background*/[size=x-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:12px}/*!@:host([size=x-small]) .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:32px;height:30px;padding:0}/*!@:host([size=small]) .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-icon-has-background*/[size=small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:14px}/*!@:host([size=small]) .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=small]) .duet-icon-shape-brand .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-theme-turva .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:36px;height:34px;padding:0}/*!@:host([size=medium]) .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:12px}/*!@:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:48px;height:44px;padding:0}/*!@:host([size=large]) .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:16px}/*!@:host([size=large]) .duet-icon-shape-brand .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-theme-turva .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:62px;height:56px;padding:0}/*!@:host([size=x-large]) .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:20px}/*!@:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:76px;height:68px;padding:0}/*!@:host([size=xx-large]) .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:24px}/*!@:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:95px;height:86px;padding:0}/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@:host([size=xxx-large]) .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:36px}/*!@:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:144px;height:130px;padding:0}";
14167
+ const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(7deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-7deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}/*!@:host([size=auto]) .duet-icon-svg*/[size=auto].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@:host([size=xxx-small]) .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@:host([size=xxx-small]) .duet-icon-has-background*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:6px}/*!@:host([size=xxx-small]) .duet-icon-has-outline*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:4px}/*!@:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xxx-small]) .duet-icon-shape-brand*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:0}/*!@:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@:host([size=xx-small]) .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-icon-has-background*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:8px}/*!@:host([size=xx-small]) .duet-icon-has-outline*/[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:7px}/*!@:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=xx-small]) .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:4px}/*!@:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:18px;height:15px;padding:0}/*!@:host([size=x-small]) .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-icon-has-outline*/[size=x-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:10px}/*!@:host([size=x-small]) .duet-icon-has-background*/[size=x-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:12px}/*!@:host([size=x-small]) .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:32px;height:30px;padding:0}/*!@:host([size=small]) .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-icon-has-background*/[size=small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:14px}/*!@:host([size=small]) .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=small]) .duet-icon-shape-brand .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-theme-turva .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:36px;height:34px;padding:0}/*!@:host([size=medium]) .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:12px}/*!@:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:48px;height:44px;padding:0}/*!@:host([size=large]) .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:16px}/*!@:host([size=large]) .duet-icon-shape-brand .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-theme-turva .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:62px;height:56px;padding:0}/*!@:host([size=x-large]) .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:20px}/*!@:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:76px;height:68px;padding:0}/*!@:host([size=xx-large]) .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:24px}/*!@:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:95px;height:86px;padding:0}/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@:host([size=xxx-large]) .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:36px}/*!@:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:144px;height:130px;padding:0}";
14164
14168
 
14165
14169
  class DuetIcon {
14166
14170
  constructor(hostRef) {
@@ -14838,7 +14842,7 @@ class DuetLayout {
14838
14842
  }; }
14839
14843
  }
14840
14844
 
14841
- const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@:host(.duet-link-button)*/.duet-link-button.sc-duet-link-h{margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}/*!@:host(.duet-link-button):last-child, :host(.duet-link-button):last-of-type*/.duet-link-button.sc-duet-link-h:last-child,.duet-link-button.sc-duet-link-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-link-h{margin:0 !important}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 98, 154);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(173, 11, 43)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@button*/button.sc-duet-link{font-size:inherit;cursor:pointer}/*!@.duet-link-is-external.duet-link:not(.block, .button),\n.duet-link-is-download.duet-link:not(.block, .button)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__icon*/.block.sc-duet-link .block__icon.sc-duet-link{display:flex}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:not(.duet-link-is-external):hover .block__chevron-icon*/.block.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}/*!@.duet-link.button*/.duet-link.button.sc-duet-link{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:12px;padding-right:20px;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(207, 210, 212);border-radius:12px;outline:0 solid rgb(207, 210, 212);outline-offset:-2px;transition:all 300ms ease}/*!@.duet-link.button > **/.duet-link.button.sc-duet-link>*.sc-duet-link{flex-shrink:0}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(0, 41, 77);text-align:left}/*!@.duet-link.button .icon-wrap*/.duet-link.button.sc-duet-link .icon-wrap.sc-duet-link{display:flex;align-items:center;justify-content:center}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:60px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:36px;height:36px;border-radius:8px}/*!@.duet-link.button:hover*/.duet-link.button.sc-duet-link:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){/*!@.duet-link.button*/.duet-link.button.sc-duet-link{gap:16px;min-height:60px;border-radius:16px}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:72px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:48px;height:48px;border-radius:12px}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{font-size:1.1rem}}/*!@.duet-link.button.duet-theme-turva*/.duet-link.button.duet-theme-turva.sc-duet-link{border-color:rgb(207, 207, 209)}/*!@.duet-link.button.duet-theme-turva .duet-link-content*/.duet-link.button.duet-theme-turva.sc-duet-link .duet-link-content.sc-duet-link{color:rgb(23, 28, 58)}/*!@.duet-link.button.duet-theme-turva:hover*/.duet-link.button.duet-theme-turva.sc-duet-link:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon*/.duet-link.button.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
14845
+ const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@:host(.duet-link-button)*/.duet-link-button.sc-duet-link-h{margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}/*!@:host(.duet-link-button):last-child, :host(.duet-link-button):last-of-type*/.duet-link-button.sc-duet-link-h:last-child,.duet-link-button.sc-duet-link-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-link-h{margin:0 !important}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 98, 154);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(173, 11, 43)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@button*/button.sc-duet-link{font-size:inherit;cursor:pointer}/*!@.duet-link-is-external.duet-link:not(.block, .button),\n.duet-link-is-download.duet-link:not(.block, .button)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__icon*/.block.sc-duet-link .block__icon.sc-duet-link{display:flex}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:not(.duet-link-is-external):hover .block__chevron-icon*/.block.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}/*!@.duet-link.button*/.duet-link.button.sc-duet-link{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(207, 210, 212);border-radius:12px;outline:0 solid rgb(207, 210, 212);outline-offset:-2px;transition:all 300ms ease}/*!@.duet-link.button > **/.duet-link.button.sc-duet-link>*.sc-duet-link{flex-shrink:0}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(0, 41, 77);text-align:left}/*!@.duet-link.button .icon-wrap*/.duet-link.button.sc-duet-link .icon-wrap.sc-duet-link{display:flex;align-items:center;justify-content:center}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:36px;height:36px;border-radius:8px}/*!@.duet-link.button:hover*/.duet-link.button.sc-duet-link:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){/*!@.duet-link.button*/.duet-link.button.sc-duet-link{min-height:50px}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{gap:16px;min-height:72px;border-radius:16px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:48px;height:48px;border-radius:12px}/*!@.duet-link.button.duet-link-has-icon-background .duet-link-content*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .duet-link-content.sc-duet-link{font-size:1.1rem}}/*!@.duet-link.button.duet-theme-turva*/.duet-link.button.duet-theme-turva.sc-duet-link{border-color:rgb(207, 207, 209)}/*!@.duet-link.button.duet-theme-turva .duet-link-content*/.duet-link.button.duet-theme-turva.sc-duet-link .duet-link-content.sc-duet-link{color:rgb(23, 28, 58)}/*!@.duet-link.button.duet-theme-turva:hover*/.duet-link.button.duet-theme-turva.sc-duet-link:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-link.button .block__chevron-icon*/.duet-link.button.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon*/.duet-link.button.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
14842
14846
 
14843
14847
  /**
14844
14848
  * @part duet-link - piercing selector for styling the link
@@ -14944,7 +14948,7 @@ class DuetLink {
14944
14948
  const iconWrapStyle = {
14945
14949
  "background-color": getColorByName(this.iconBackground, this.theme),
14946
14950
  };
14947
- return (hAsync(Fragment, null, hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" })));
14951
+ return (hAsync(Fragment, null, hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: !this.iconBackground || this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" })));
14948
14952
  }
14949
14953
  renderContent() {
14950
14954
  switch (this.variation) {
@@ -15726,7 +15730,7 @@ class DuetMenuBarLink {
15726
15730
  }; }
15727
15731
  }
15728
15732
 
15729
- const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-container*/.duet-modal-container.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-container.duet-modal-active*/.duet-modal-container.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-container.duet-disable-transitions*/.duet-modal-container.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-container.duet-modal-slide-up*/.duet-modal-container.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-modal.loader*/.duet-modal.loader.sc-duet-modal{text-align:center;background:transparent}/*!@.duet-modal.loader .duet-modal-close*/.duet-modal.loader.sc-duet-modal .duet-modal-close.sc-duet-modal{display:none}/*!@.duet-modal.loader .duet-modal-spinner*/.duet-modal.loader.sc-duet-modal .duet-modal-spinner.sc-duet-modal{position:relative;height:120px}/*!@.duet-modal.loader .duet-modal-inner-slot-default*/.duet-modal.loader.sc-duet-modal .duet-modal-inner-slot-default.sc-duet-modal{position:relative;backdrop-filter:blur(10px)}/*!@.duet-modal.loader duet-paragraph.duet-loader-message*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.sc-duet-modal{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal{opacity:1;transform:scaleY(1);transform-origin:bottom}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph)*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal::part(duet-paragraph){backdrop-filter:blur(10px)}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15733
+ const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-container*/.duet-modal-container.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-container.duet-modal-active*/.duet-modal-container.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-container.duet-disable-transitions*/.duet-modal-container.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-container.duet-modal-slide-up*/.duet-modal-container.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-modal.loader*/.duet-modal.loader.sc-duet-modal{text-align:center;background:transparent}/*!@.duet-modal.loader .duet-modal-close*/.duet-modal.loader.sc-duet-modal .duet-modal-close.sc-duet-modal{display:none}/*!@.duet-modal.loader .duet-modal-spinner*/.duet-modal.loader.sc-duet-modal .duet-modal-spinner.sc-duet-modal{position:relative;height:120px}/*!@.duet-modal.loader .duet-modal-inner-slot-default*/.duet-modal.loader.sc-duet-modal .duet-modal-inner-slot-default.sc-duet-modal{position:relative;backdrop-filter:blur(10px)}/*!@.duet-modal.loader duet-paragraph.duet-loader-message*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.sc-duet-modal{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal{opacity:1;transform:scaleY(1);transform-origin:bottom}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph)*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal::part(duet-paragraph){backdrop-filter:blur(10px)}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
15730
15734
 
15731
15735
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15732
15736
  // iOS has otherwise problems moving the focus from modal back to the original element.
@@ -15741,6 +15745,7 @@ class DuetModal {
15741
15745
  registerInstance(this, hostRef);
15742
15746
  this.duetOpen = createEvent$2(this, "duetOpen", 7);
15743
15747
  this.duetClose = createEvent$2(this, "duetClose", 7);
15748
+ this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
15744
15749
  this.duetBeforeClose = createEvent$2(this, "duetBeforeClose", 7);
15745
15750
  var _a, _b;
15746
15751
  this.hasStickyHeader = false;
@@ -15826,6 +15831,7 @@ class DuetModal {
15826
15831
  }
15827
15832
  else {
15828
15833
  this.modalEl.classList.remove("duet-disable-transitions");
15834
+ this.modalEl.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
15829
15835
  enableBodyScroll(this.modalEl);
15830
15836
  this.duetClose.emit();
15831
15837
  this.teleport.removeInertFromSiblings();
@@ -15889,12 +15895,33 @@ class DuetModal {
15889
15895
  async hide() {
15890
15896
  this.open = false;
15891
15897
  }
15898
+ /**
15899
+ * Scolls the top of the modal's content into view
15900
+ *
15901
+ * @param smooth Set to false for instant scrolling
15902
+ */
15903
+ async scrollToTop(smooth = true) {
15904
+ var _a;
15905
+ const behavior = smooth ? "smooth" : "auto";
15906
+ if (this.variation === "slide-up") {
15907
+ const stickyHeaderHeight = ((_a = this.modalEl.querySelector(".duet-modal-sticky-header")) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
15908
+ const modalBodyPadding = this.modalEl
15909
+ .querySelector(".duet-modal-body")
15910
+ .computedStyleMap()
15911
+ .get("padding-top");
15912
+ this.slotContainerEl.style.scrollMarginTop = `${stickyHeaderHeight + modalBodyPadding.value}px`;
15913
+ this.slotContainerEl.scrollIntoView({ behavior });
15914
+ }
15915
+ else {
15916
+ this.modalEl.querySelector(".duet-modal-body").scrollIntoView({ behavior });
15917
+ }
15918
+ }
15892
15919
  /**
15893
15920
  * Adds a message to the modal dialog using animation and annoucing it to screen readers.
15894
15921
  * Primarily for use with the loader variation.
15895
15922
  *
15896
- * @param message - The message to be added to the modal dialog.
15897
- * @param visible - set to false if you want to add a non-visual message.
15923
+ * @param message The message to be added to the modal dialog.
15924
+ * @param visible Set to false if you want to add a non-visual message.
15898
15925
  */
15899
15926
  async addMessage(message, visible = true) {
15900
15927
  const el = document.createElement(visible ? "duet-paragraph" : "duet-visually-hidden");
@@ -15998,6 +16025,7 @@ class DuetModal {
15998
16025
  "open": [32],
15999
16026
  "show": [64],
16000
16027
  "hide": [64],
16028
+ "scrollToTop": [64],
16001
16029
  "addMessage": [64]
16002
16030
  },
16003
16031
  "$listeners$": [[8, "keyup", "handleKeyUp"]],
@@ -16958,7 +16986,7 @@ class DuetOverlay {
16958
16986
  }; }
16959
16987
  }
16960
16988
 
16961
- const duetPageHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-page-heading,*.sc-duet-page-heading::after,*.sc-duet-page-heading::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-page-heading-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-page-heading*/.duet-page-heading.sc-duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-p-0*/.duet-page-heading.duet-p-0.sc-duet-page-heading{padding:0 !important}/*!@.duet-page-heading.duet-m-0*/.duet-page-heading.duet-m-0.sc-duet-page-heading{margin:0 !important}/*!@.duet-page-heading.fluid, .duet-page-heading.narrow*/.duet-page-heading.fluid.sc-duet-page-heading,.duet-page-heading.narrow.sc-duet-page-heading{padding:0 16px}@media (min-width: 36em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 28px}}@media (min-width: 62em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 56px}}@media (min-width: 76.25em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{max-width:1110px;padding:0}}/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{max-width:888px}@media (min-width: 36em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 48px}}@media (min-width: 48em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 72px}}/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{padding:72px 150px 40px 0}}/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{height:165px}}/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{top:-40px;width:502px;height:577px}}/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{top:-280px;right:-40px;width:325px;height:325px}}/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-325px;right:200px;width:365px;height:365px}}/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{right:36px;width:93px;height:93px}}/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:75px;height:75px}}/*!@.duet-page-heading.duet-theme-turva*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{position:relative;top:-3px}";
16989
+ const duetPageHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-page-heading,*.sc-duet-page-heading::after,*.sc-duet-page-heading::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-page-heading-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-page-heading*/.duet-page-heading.sc-duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-p-0*/.duet-page-heading.duet-p-0.sc-duet-page-heading{padding:0 !important}/*!@.duet-page-heading.duet-m-0*/.duet-page-heading.duet-m-0.sc-duet-page-heading{margin:0 !important}/*!@.duet-page-heading.fluid, .duet-page-heading.narrow*/.duet-page-heading.fluid.sc-duet-page-heading,.duet-page-heading.narrow.sc-duet-page-heading{padding:0 16px}@media (min-width: 36em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 28px}}@media (min-width: 62em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 56px}}@media (min-width: 76.25em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{max-width:1110px;padding:0}}/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{max-width:888px}@media (min-width: 36em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 48px}}@media (min-width: 48em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 72px}}/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{padding:72px 150px 40px 0}}/*!@.duet-page-heading:not(.has-icon) .heading*/.duet-page-heading.sc-duet-page-heading:not(.has-icon) .heading.sc-duet-page-heading{padding-right:0}/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{height:165px}}/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{top:-40px;width:502px;height:577px}}/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{top:-280px;right:-40px;width:325px;height:325px}}/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-325px;right:200px;width:365px;height:365px}}/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{right:36px;width:93px;height:93px}}/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:75px;height:75px}}/*!@.duet-page-heading.duet-theme-turva*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{position:relative;top:-3px}";
16962
16990
 
16963
16991
  /**
16964
16992
  * @slot heading - This is a slot for heading content.
@@ -16984,6 +17012,7 @@ class DuetPageHeading {
16984
17012
  return (hAsync("div", { class: {
16985
17013
  "duet-page-heading": true,
16986
17014
  "duet-theme-turva": this.theme === "turva",
17015
+ "has-icon": !!this.icon,
16987
17016
  [this.layout]: true,
16988
17017
  } }, hAsync("div", { class: "background" }, this.theme === "turva" && hAsync("div", { class: "background-mask" }), this.theme !== "turva" && hAsync("div", { class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { class: "brand-shape second-shape" }), this.icon && (hAsync("div", { class: "brand-shaped-icon" }, hAsync("duet-icon", { background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }))));
16989
17018
  }
@@ -17079,6 +17108,7 @@ class DuetPagination {
17079
17108
  this.totalPages = 10;
17080
17109
  this.internalSectionIndex = 0;
17081
17110
  this.theme = "";
17111
+ this.disabled = false;
17082
17112
  this.variation = "default";
17083
17113
  this.accessibleDescribedBy = undefined;
17084
17114
  this.accessibleDetails = undefined;
@@ -17186,6 +17216,9 @@ class DuetPagination {
17186
17216
  }
17187
17217
  //set update current when mouse click on page number
17188
17218
  async onMouseHandler(e, dir) {
17219
+ if (this.disabled) {
17220
+ return;
17221
+ }
17189
17222
  if (!this.processedPageLinks) {
17190
17223
  e.preventDefault();
17191
17224
  e.stopPropagation();
@@ -17195,6 +17228,9 @@ class DuetPagination {
17195
17228
  }
17196
17229
  //handle a11y keyboard navigation events
17197
17230
  async onKeyboardDown(e) {
17231
+ if (this.disabled) {
17232
+ return;
17233
+ }
17198
17234
  let next = this.current;
17199
17235
  // handle a11y based keyboard navigation for left/right/up/down
17200
17236
  if (isArrowLeftKey(e) || isArrowUpKey(e)) {
@@ -17282,7 +17318,7 @@ class DuetPagination {
17282
17318
  this.emitPageEvent(e);
17283
17319
  }
17284
17320
  renderPageButton(pageNumber) {
17285
- return (hAsync("duet-button", { class: {
17321
+ return (hAsync("duet-button", { disabled: this.disabled, class: {
17286
17322
  "duet-pagination-link": true,
17287
17323
  }, id: `page-${pageNumber}-button`, color: pageNumber !== this.current
17288
17324
  ? this.theme !== "turva"
@@ -17316,7 +17352,7 @@ class DuetPagination {
17316
17352
  label: i.toString(),
17317
17353
  });
17318
17354
  }
17319
- const select = (hAsync("duet-select", { theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
17355
+ const select = (hAsync("duet-select", { disabled: this.disabled, theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
17320
17356
  return (hAsync("li", null, select, hAsync("span", { class: "duet-pagination-total-pages", "aria-hidden": "true" }, "/ ", this.totalPages)));
17321
17357
  }
17322
17358
  shouldDisplayNavigation() {
@@ -17339,23 +17375,25 @@ class DuetPagination {
17339
17375
  }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
17340
17376
  "duet-pagination-page-button": true,
17341
17377
  "duet-pagination-button-first": true,
17342
- }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: this.internalSectionIndex === 0 && this.current <= 1, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { class: {
17378
+ }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { class: {
17343
17379
  "duet-pagination-page-button": true,
17344
17380
  "duet-pagination-button-first": true,
17345
17381
  }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
17346
- (this.current <= 1 && this.processedPageLinks)), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, null, hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, "1"))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
17347
- this.shouldDisplayNavigation() && (hAsync(Fragment, null, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
17382
+ (this.current <= 1 && this.processedPageLinks) ||
17383
+ this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, null, hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, "1"))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
17384
+ this.shouldDisplayNavigation() && (hAsync(Fragment, null, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
17348
17385
  ? this.processedPageLinks[this.processedPageLinks.length - 1]
17349
17386
  : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { class: {
17350
17387
  "duet-pagination-page-button": true,
17351
17388
  "duet-pagination-button-last": true,
17352
17389
  }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: !!((this.current === this.totalPages &&
17353
17390
  this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
17354
- (this.current === this.totalPages && this.processedPageLinks)), class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
17391
+ (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
17355
17392
  "duet-pagination-page-button": true,
17356
17393
  "duet-pagination-button-last": true,
17357
- }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: this.current === this.totalPages &&
17358
- this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
17394
+ }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: (this.current === this.totalPages &&
17395
+ this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
17396
+ this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
17359
17397
  }
17360
17398
  get element() { return getElement(this); }
17361
17399
  static get watchers() { return {
@@ -17369,6 +17407,7 @@ class DuetPagination {
17369
17407
  "$tagName$": "duet-pagination",
17370
17408
  "$members$": {
17371
17409
  "theme": [1025],
17410
+ "disabled": [516],
17372
17411
  "variation": [1],
17373
17412
  "accessibleDescribedBy": [1, "accessible-described-by"],
17374
17413
  "accessibleDetails": [1, "accessible-details"],
@@ -17391,7 +17430,7 @@ class DuetPagination {
17391
17430
  },
17392
17431
  "$listeners$": undefined,
17393
17432
  "$lazyBundleId$": "-",
17394
- "$attrsToReflect$": []
17433
+ "$attrsToReflect$": [["disabled", "disabled"]]
17395
17434
  }; }
17396
17435
  }
17397
17436
 
@@ -18839,6 +18878,7 @@ class DuetPopupMenu {
18839
18878
  this.accessibleLabel = undefined;
18840
18879
  this.accessibleRole = "menu";
18841
18880
  this.theme = "";
18881
+ this.skipTeleport = undefined;
18842
18882
  this.controller = undefined;
18843
18883
  this.placement = "bottom-start";
18844
18884
  this.forcePlacement = false;
@@ -19027,6 +19067,7 @@ class DuetPopupMenu {
19027
19067
  "accessibleLabel": [1, "accessible-label"],
19028
19068
  "accessibleRole": [1, "accessible-role"],
19029
19069
  "theme": [1025],
19070
+ "skipTeleport": [4, "skip-teleport"],
19030
19071
  "controller": [1],
19031
19072
  "placement": [1],
19032
19073
  "forcePlacement": [4, "force-placement"],
@@ -19292,7 +19333,7 @@ class DuetPromoCard {
19292
19333
  }; }
19293
19334
  }
19294
19335
 
19295
- const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 207, 209)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(101, 119, 135)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}";
19336
+ const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}";
19296
19337
 
19297
19338
  /**
19298
19339
  * @slot label - Label content.
@@ -19727,6 +19768,7 @@ class DuetRangeStepper {
19727
19768
  this.handleStepClick(e);
19728
19769
  };
19729
19770
  this.theme = "";
19771
+ this.disabled = false;
19730
19772
  this.stepIndex = 1;
19731
19773
  this.stepSize = 50;
19732
19774
  this.total = 1000;
@@ -19843,6 +19885,9 @@ class DuetRangeStepper {
19843
19885
  }
19844
19886
  //handle a11y keyboard navigation events
19845
19887
  async onKeyboardDown(e) {
19888
+ if (this.disabled) {
19889
+ return;
19890
+ }
19846
19891
  // handle a11y based keyboard navigation for left/right/up/down
19847
19892
  let next = this.stepIndex;
19848
19893
  let dir = 1;
@@ -19869,7 +19914,7 @@ class DuetRangeStepper {
19869
19914
  return (hAsync("div", { class: {
19870
19915
  "duet-range-stepper": true,
19871
19916
  "duet-theme-turva": this.theme === "turva",
19872
- }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
19917
+ }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { disabled: this.disabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { disabled: this.disabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
19873
19918
  }
19874
19919
  get element() { return getElement(this); }
19875
19920
  static get watchers() { return {
@@ -19882,6 +19927,7 @@ class DuetRangeStepper {
19882
19927
  "$tagName$": "duet-range-stepper",
19883
19928
  "$members$": {
19884
19929
  "theme": [1025],
19930
+ "disabled": [516],
19885
19931
  "stepIndex": [1026, "step-index"],
19886
19932
  "stepSize": [2, "step-size"],
19887
19933
  "total": [2],
@@ -19891,7 +19937,7 @@ class DuetRangeStepper {
19891
19937
  },
19892
19938
  "$listeners$": undefined,
19893
19939
  "$lazyBundleId$": "-",
19894
- "$attrsToReflect$": []
19940
+ "$attrsToReflect$": [["disabled", "disabled"]]
19895
19941
  }; }
19896
19942
  }
19897
19943