@duetds/components 8.4.9 → 8.5.1

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 (691) hide show
  1. package/hydrate/index.js +177 -121
  2. package/lib/cjs/{common-strings-75850753.js → common-strings-2984301e.js} +6 -0
  3. package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
  4. package/lib/cjs/duet-alert.cjs.entry.js +2 -2
  5. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  6. package/lib/cjs/duet-banner.cjs.entry.js +31 -8
  7. package/lib/cjs/duet-breadcrumb.cjs.entry.js +2 -2
  8. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +3 -3
  9. package/lib/cjs/duet-button_2.cjs.entry.js +4 -4
  10. package/lib/cjs/duet-callout.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-caption_4.cjs.entry.js +5 -5
  12. package/lib/cjs/duet-card.cjs.entry.js +4 -4
  13. package/lib/cjs/duet-checkbox.cjs.entry.js +2 -2
  14. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-chip.cjs.entry.js +2 -2
  16. package/lib/cjs/duet-choice_2.cjs.entry.js +21 -37
  17. package/lib/cjs/duet-collapsible.cjs.entry.js +3 -3
  18. package/lib/cjs/duet-combobox.cjs.entry.js +50 -50
  19. package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-cookie-consent.cjs.entry.js +2 -2
  21. package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
  22. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  23. package/lib/cjs/duet-editable-table_3.cjs.entry.js +4 -4
  24. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  25. package/lib/cjs/duet-fieldset.cjs.entry.js +2 -2
  26. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  27. package/lib/cjs/duet-footer.cjs.entry.js +3 -3
  28. package/lib/cjs/duet-grid_2.cjs.entry.js +3 -3
  29. package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
  30. package/lib/cjs/duet-hero.cjs.entry.js +3 -3
  31. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  32. package/lib/cjs/duet-input_2.cjs.entry.js +4 -4
  33. package/lib/cjs/duet-layout.cjs.entry.js +1 -1
  34. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  35. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
  36. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +2 -2
  37. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +3 -3
  38. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +2 -2
  39. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
  40. package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
  41. package/lib/cjs/duet-modal.cjs.entry.js +45 -14
  42. package/lib/cjs/duet-multiselect.cjs.entry.js +2 -2
  43. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  44. package/lib/cjs/duet-notification_2.cjs.entry.js +2 -2
  45. package/lib/cjs/duet-number-input.cjs.entry.js +2 -2
  46. package/lib/cjs/duet-overlay.cjs.entry.js +4 -2
  47. package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
  48. package/lib/cjs/duet-pagination_2.cjs.entry.js +4 -4
  49. package/lib/cjs/duet-popup-menu-item.cjs.entry.js +1 -1
  50. package/lib/cjs/duet-popup-menu.cjs.entry.js +3 -3
  51. package/lib/cjs/duet-progress.cjs.entry.js +1 -1
  52. package/lib/cjs/duet-promo-card.cjs.entry.js +3 -3
  53. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  54. package/lib/cjs/duet-range-slider.cjs.entry.js +3 -3
  55. package/lib/cjs/duet-scrollable_3.cjs.entry.js +4 -4
  56. package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
  57. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  58. package/lib/cjs/duet-shaped-image.cjs.entry.js +1 -1
  59. package/lib/cjs/duet-show-more.cjs.entry.js +2 -2
  60. package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
  61. package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
  62. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
  63. package/lib/cjs/duet-slideout-panel.cjs.entry.js +4 -4
  64. package/lib/cjs/duet-slideout.cjs.entry.js +5 -5
  65. package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
  66. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +2 -2
  67. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +3 -3
  68. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +3 -3
  69. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +3 -3
  70. package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
  71. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  72. package/lib/cjs/duet-toggle.cjs.entry.js +2 -2
  73. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +2 -2
  74. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +2 -2
  75. package/lib/cjs/duet-toolbar-item.cjs.entry.js +1 -1
  76. package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
  77. package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
  78. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +3 -3
  79. package/lib/cjs/duet-tooltip.cjs.entry.js +3 -3
  80. package/lib/cjs/duet-tray.cjs.entry.js +3 -3
  81. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
  82. package/lib/cjs/duet-upload-item.cjs.entry.js +1 -1
  83. package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
  84. package/lib/cjs/duet.cjs.js +2 -2
  85. package/lib/cjs/{focus-utils-1fe78578.js → focus-utils-e1cd19ee.js} +1 -1
  86. package/lib/cjs/{index-93f04ccf.js → index-549a7702.js} +1 -1
  87. package/lib/cjs/{keyboard-utils-66ecb5d6.js → keyboard-utils-681e11ec.js} +2 -1
  88. package/lib/cjs/loader.cjs.js +2 -2
  89. package/lib/cjs/{token-utils-c8094d1e.js → token-utils-4ff49a49.js} +1 -1
  90. package/lib/cjs/{tokens-5b487d39.js → tokens-d270c810.js} +6 -0
  91. package/lib/cjs/{tokens.module-450a747b.js → tokens.module-2198b663.js} +4 -0
  92. package/lib/collection/collection-manifest.json +1 -1
  93. package/lib/collection/common-strings.js +5 -0
  94. package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
  95. package/lib/collection/components/duet-alert/duet-alert.js +1 -1
  96. package/lib/collection/components/duet-banner/duet-banner.css +4 -134
  97. package/lib/collection/components/duet-banner/duet-banner.js +43 -9
  98. package/lib/collection/components/duet-button/duet-button.js +5 -5
  99. package/lib/collection/components/duet-caption/duet-caption.js +1 -1
  100. package/lib/collection/components/duet-card/duet-card.js +3 -3
  101. package/lib/collection/components/duet-checkbox/duet-checkbox.css +2 -1
  102. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  103. package/lib/collection/components/duet-chip/duet-chip.js +5 -5
  104. package/lib/collection/components/duet-choice/duet-choice.css +43 -12
  105. package/lib/collection/components/duet-choice/duet-choice.js +21 -59
  106. package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
  107. package/lib/collection/components/duet-combobox/duet-combobox.js +51 -51
  108. package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
  109. package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
  110. package/lib/collection/components/duet-divider/duet-divider.js +1 -1
  111. package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
  112. package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
  113. package/lib/collection/components/duet-fieldset/duet-fieldset.js +4 -4
  114. package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
  115. package/lib/collection/components/duet-footer/duet-footer.js +7 -7
  116. package/lib/collection/components/duet-grid/duet-grid.css +27 -27
  117. package/lib/collection/components/duet-grid/duet-grid.js +3 -3
  118. package/lib/collection/components/duet-header/duet-header.js +15 -15
  119. package/lib/collection/components/duet-heading/duet-heading.js +1 -1
  120. package/lib/collection/components/duet-hero/duet-hero.js +6 -6
  121. package/lib/collection/components/duet-input/duet-input.js +8 -8
  122. package/lib/collection/components/duet-label/duet-label.js +2 -2
  123. package/lib/collection/components/duet-layout/duet-layout.js +1 -1
  124. package/lib/collection/components/duet-link/duet-link.css +2 -2
  125. package/lib/collection/components/duet-list/duet-list.js +3 -3
  126. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  127. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
  128. package/lib/collection/components/duet-modal/duet-modal.css +30 -0
  129. package/lib/collection/components/duet-modal/duet-modal.js +95 -36
  130. package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
  131. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
  132. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  133. package/lib/collection/components/duet-overlay/duet-overlay.css +10 -0
  134. package/lib/collection/components/duet-overlay/duet-overlay.js +21 -1
  135. package/lib/collection/components/duet-pagination/duet-pagination.js +2 -2
  136. package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
  137. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
  138. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  139. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  140. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  141. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
  142. package/lib/collection/components/duet-select/duet-select.js +5 -5
  143. package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
  144. package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
  145. package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
  146. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  147. package/lib/collection/components/duet-step/duet-step.js +2 -2
  148. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  149. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
  150. package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
  151. package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
  152. package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
  153. package/lib/collection/components/duet-upload/duet-upload.js +14 -14
  154. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  155. package/lib/collection/utils/keyboard-utils.js +2 -1
  156. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  157. package/lib/dist-custom-elements/duet-alert.js +1 -1
  158. package/lib/dist-custom-elements/duet-badge.js +1 -1
  159. package/lib/dist-custom-elements/duet-banner.js +34 -10
  160. package/lib/dist-custom-elements/duet-breadcrumb.js +4 -4
  161. package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
  162. package/lib/dist-custom-elements/duet-button.js +1 -1
  163. package/lib/dist-custom-elements/duet-callout.js +2 -2
  164. package/lib/dist-custom-elements/duet-caption.js +1 -1
  165. package/lib/dist-custom-elements/duet-card.js +5 -5
  166. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  167. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  168. package/lib/dist-custom-elements/duet-chip.js +3 -3
  169. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  170. package/lib/dist-custom-elements/duet-choice.js +28 -51
  171. package/lib/dist-custom-elements/duet-collapsible.js +4 -4
  172. package/lib/dist-custom-elements/duet-combobox.js +51 -51
  173. package/lib/dist-custom-elements/duet-contact-card.js +8 -8
  174. package/lib/dist-custom-elements/duet-cookie-consent.js +7 -7
  175. package/lib/dist-custom-elements/duet-date-picker.js +13 -13
  176. package/lib/dist-custom-elements/duet-divider.js +1 -1
  177. package/lib/dist-custom-elements/duet-editable-table.js +8 -8
  178. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  179. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  180. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  181. package/lib/dist-custom-elements/duet-footer.js +6 -6
  182. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  183. package/lib/dist-custom-elements/duet-grid.js +1 -1
  184. package/lib/dist-custom-elements/duet-header.js +11 -11
  185. package/lib/dist-custom-elements/duet-heading.js +1 -1
  186. package/lib/dist-custom-elements/duet-hero.js +11 -11
  187. package/lib/dist-custom-elements/duet-icon.js +1 -1
  188. package/lib/dist-custom-elements/duet-input.js +1 -1
  189. package/lib/dist-custom-elements/duet-label.js +1 -1
  190. package/lib/dist-custom-elements/duet-layout.js +1 -1
  191. package/lib/dist-custom-elements/duet-link.js +1 -1
  192. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  193. package/lib/dist-custom-elements/duet-list.js +1 -1
  194. package/lib/dist-custom-elements/duet-logo.js +1 -1
  195. package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
  196. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +3 -3
  197. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +4 -4
  198. package/lib/dist-custom-elements/duet-menu-bar-item.js +3 -3
  199. package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
  200. package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
  201. package/lib/dist-custom-elements/duet-modal.js +54 -22
  202. package/lib/dist-custom-elements/duet-multiselect.js +10 -10
  203. package/lib/dist-custom-elements/duet-nav.js +1 -1
  204. package/lib/dist-custom-elements/duet-notification-drawer.js +5 -5
  205. package/lib/dist-custom-elements/duet-notification.js +3 -3
  206. package/lib/dist-custom-elements/duet-number-input.js +12 -12
  207. package/lib/dist-custom-elements/duet-overlay.js +1 -1
  208. package/lib/dist-custom-elements/duet-page-heading.js +2 -2
  209. package/lib/dist-custom-elements/duet-pagination.js +15 -15
  210. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  211. package/lib/dist-custom-elements/duet-popup-menu-item.js +2 -2
  212. package/lib/dist-custom-elements/duet-popup-menu.js +2 -2
  213. package/lib/dist-custom-elements/duet-progress.js +1 -1
  214. package/lib/dist-custom-elements/duet-promo-card.js +4 -4
  215. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  216. package/lib/dist-custom-elements/duet-radio.js +1 -1
  217. package/lib/dist-custom-elements/duet-range-slider.js +4 -4
  218. package/lib/dist-custom-elements/duet-range-stepper.js +5 -5
  219. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  220. package/lib/dist-custom-elements/duet-section-layout.js +1 -1
  221. package/lib/dist-custom-elements/duet-select.js +1 -1
  222. package/lib/dist-custom-elements/duet-shaped-image.js +1 -1
  223. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  224. package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
  225. package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
  226. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
  227. package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
  228. package/lib/dist-custom-elements/duet-slideout.js +5 -5
  229. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  230. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  231. package/lib/dist-custom-elements/duet-step.js +5 -5
  232. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  233. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +3 -3
  234. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +4 -4
  235. package/lib/dist-custom-elements/duet-submenu-bar-item.js +4 -4
  236. package/lib/dist-custom-elements/duet-submenu-bar-link.js +4 -4
  237. package/lib/dist-custom-elements/duet-submenu-bar.js +4 -4
  238. package/lib/dist-custom-elements/duet-tab-group.js +14 -14
  239. package/lib/dist-custom-elements/duet-tab.js +3 -3
  240. package/lib/dist-custom-elements/duet-table.js +1 -1
  241. package/lib/dist-custom-elements/duet-textarea.js +10 -10
  242. package/lib/dist-custom-elements/duet-toggle.js +3 -3
  243. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +3 -3
  244. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +3 -3
  245. package/lib/dist-custom-elements/duet-toolbar-item.js +2 -2
  246. package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
  247. package/lib/dist-custom-elements/duet-toolbar.js +1 -1
  248. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  249. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  250. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  251. package/lib/dist-custom-elements/duet-tray.js +5 -5
  252. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  253. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  254. package/lib/dist-custom-elements/duet-upload.js +19 -19
  255. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  256. package/lib/dist-custom-elements/index.js +1 -1
  257. package/lib/dist-custom-elements/{p-834debd3.js → p-05cfef82.js} +2 -2
  258. package/lib/dist-custom-elements/{p-2f3ee599.js → p-0c564379.js} +4 -0
  259. package/lib/dist-custom-elements/{p-152360b2.js → p-0cb122bf.js} +3 -3
  260. package/lib/dist-custom-elements/{p-48ac698e.js → p-1156248d.js} +3 -3
  261. package/lib/dist-custom-elements/{p-ad2711d6.js → p-13bfc699.js} +1 -1
  262. package/lib/dist-custom-elements/{p-c81e3dce.js → p-18f2ebcd.js} +1 -1
  263. package/lib/dist-custom-elements/{p-edee8d26.js → p-1b6c466c.js} +7 -7
  264. package/lib/dist-custom-elements/{p-0e22be10.js → p-1d0794c9.js} +2 -2
  265. package/lib/dist-custom-elements/{p-9a4206ea.js → p-204592de.js} +2 -2
  266. package/lib/dist-custom-elements/{p-2807b16f.js → p-25c80cdb.js} +1 -1
  267. package/lib/dist-custom-elements/{p-20f18c3d.js → p-2a725cd8.js} +2 -2
  268. package/lib/dist-custom-elements/{p-3e45369c.js → p-2fa3041f.js} +5 -5
  269. package/lib/dist-custom-elements/{p-eb917962.js → p-309d40ca.js} +2 -2
  270. package/lib/dist-custom-elements/{p-c76e19d6.js → p-47534dc7.js} +1 -1
  271. package/lib/dist-custom-elements/{p-0d256713.js → p-4c9ec608.js} +1 -1
  272. package/lib/dist-custom-elements/{p-63679953.js → p-66a72b57.js} +2 -2
  273. package/lib/dist-custom-elements/{p-56c2e1f8.js → p-6d835c97.js} +11 -11
  274. package/lib/dist-custom-elements/{p-75d39aa3.js → p-771e2eca.js} +2 -2
  275. package/lib/dist-custom-elements/{p-0f30ce47.js → p-7f8b3939.js} +1 -1
  276. package/lib/dist-custom-elements/{p-a4254a38.js → p-95c03966.js} +1 -1
  277. package/lib/dist-custom-elements/{p-fcfbe6bf.js → p-95c051bc.js} +1 -1
  278. package/lib/dist-custom-elements/{p-7933de65.js → p-967a8f13.js} +3 -3
  279. package/lib/dist-custom-elements/{p-c994587b.js → p-9a81bb97.js} +1 -1
  280. package/lib/dist-custom-elements/{p-aa07d1a7.js → p-9df4cfa4.js} +6 -1
  281. package/lib/dist-custom-elements/{p-678b1b51.js → p-a33222ce.js} +6 -6
  282. package/lib/dist-custom-elements/{p-577e8d15.js → p-a6ab22be.js} +2 -2
  283. package/lib/dist-custom-elements/{p-f2587ca1.js → p-a8fcb246.js} +8 -8
  284. package/lib/dist-custom-elements/{p-1801b3e4.js → p-b1c54404.js} +2 -2
  285. package/lib/dist-custom-elements/{p-e524d43b.js → p-b5ab75f4.js} +2 -2
  286. package/lib/dist-custom-elements/{p-91afbcb8.js → p-b7523459.js} +10 -10
  287. package/lib/dist-custom-elements/{p-17e9d613.js → p-c622edcc.js} +7 -7
  288. package/lib/dist-custom-elements/{p-a9386ba7.js → p-ce8ea46e.js} +5 -5
  289. package/lib/dist-custom-elements/{p-20a7348b.js → p-cfc01f01.js} +5 -5
  290. package/lib/dist-custom-elements/{p-1f8e3f5c.js → p-e44089a7.js} +6 -3
  291. package/lib/dist-custom-elements/{p-bec3a15c.js → p-e44c0eff.js} +2 -1
  292. package/lib/dist-custom-elements/{p-84553757.js → p-e4eeb350.js} +4 -4
  293. package/lib/dist-custom-elements/{p-9091d3ba.js → p-e61e745f.js} +1 -1
  294. package/lib/dist-custom-elements/{p-e93331ad.js → p-e8ab4056.js} +2 -2
  295. package/lib/dist-custom-elements/{p-6376ce81.js → p-efd41b98.js} +6 -6
  296. package/lib/dist-custom-elements/{p-64c79bfb.js → p-f111aa04.js} +3 -3
  297. package/lib/dist-custom-elements/{p-ed995372.js → p-f9a8d356.js} +6 -0
  298. package/lib/duet/duet.esm.js +1 -1
  299. package/lib/duet/duet.js +1 -1
  300. package/lib/duet/{p-47d9bf6c.system.entry.js → p-00490c2d.system.entry.js} +1 -1
  301. package/lib/duet/{p-35619112.system.entry.js → p-02a4fab4.system.entry.js} +1 -1
  302. package/lib/duet/{p-0a365c48.system.entry.js → p-03b3896d.system.entry.js} +1 -1
  303. package/lib/duet/{p-b4534f33.entry.js → p-03ba1f65.entry.js} +1 -1
  304. package/lib/duet/{p-61bdb8f5.entry.js → p-059954c5.entry.js} +1 -1
  305. package/lib/duet/{p-14cb3b5d.entry.js → p-062800e3.entry.js} +1 -1
  306. package/lib/duet/{p-47e58b32.entry.js → p-095aba6c.entry.js} +1 -1
  307. package/lib/duet/{p-43aef4d6.system.entry.js → p-0aaa7c52.system.entry.js} +1 -1
  308. package/lib/duet/{p-7a66b632.js → p-0bdcf67f.js} +1 -1
  309. package/lib/duet/{p-88390f0d.entry.js → p-0c4706df.entry.js} +1 -1
  310. package/lib/duet/{p-b0ff9649.system.entry.js → p-106ce428.system.entry.js} +1 -1
  311. package/lib/duet/{p-1c44fb6a.system.entry.js → p-10b6ecba.system.entry.js} +1 -1
  312. package/lib/duet/{p-479cb243.system.entry.js → p-117a0b29.system.entry.js} +1 -1
  313. package/lib/duet/{p-d49b2ec8.entry.js → p-148bc528.entry.js} +1 -1
  314. package/lib/duet/{p-79de6bd7.entry.js → p-181d6ed0.entry.js} +1 -1
  315. package/lib/duet/{p-127b077a.entry.js → p-190d47de.entry.js} +1 -1
  316. package/lib/duet/p-1c689a26.system.js +4 -0
  317. package/lib/duet/{p-470463d7.system.entry.js → p-1ccbd436.system.entry.js} +1 -1
  318. package/lib/duet/{p-f3622582.system.entry.js → p-1de381e2.system.entry.js} +1 -1
  319. package/lib/duet/{p-46d717b5.entry.js → p-1e75d2c2.entry.js} +1 -1
  320. package/lib/duet/{p-c2d0873d.system.entry.js → p-1fba8c78.system.entry.js} +1 -1
  321. package/lib/duet/{p-a4054df1.system.entry.js → p-20533062.system.entry.js} +1 -1
  322. package/lib/duet/{p-0cadbd87.system.entry.js → p-220bb407.system.entry.js} +1 -1
  323. package/lib/duet/{p-62f8a72d.system.entry.js → p-22a8fb2e.system.entry.js} +1 -1
  324. package/lib/duet/{p-4df61f88.system.entry.js → p-23be59a9.system.entry.js} +1 -1
  325. package/lib/duet/{p-4cfc156b.entry.js → p-24455de3.entry.js} +1 -1
  326. package/lib/duet/{p-53dda19c.entry.js → p-2528b528.entry.js} +1 -1
  327. package/lib/duet/{p-9176e0c2.entry.js → p-254e32d9.entry.js} +1 -1
  328. package/lib/duet/p-28669c27.entry.js +4 -0
  329. package/lib/duet/{p-b3cd865e.entry.js → p-2b44092c.entry.js} +1 -1
  330. package/lib/duet/{p-9ca2c729.system.entry.js → p-2be9b17b.system.entry.js} +1 -1
  331. package/lib/duet/{p-9319a23f.system.entry.js → p-2c13773e.system.entry.js} +1 -1
  332. package/lib/duet/p-2c75274e.system.entry.js +4 -0
  333. package/lib/duet/{p-4a5c19e5.system.entry.js → p-2cf0931d.system.entry.js} +1 -1
  334. package/lib/duet/{p-0729a30a.entry.js → p-2d1aa4bb.entry.js} +1 -1
  335. package/lib/duet/p-2d7c2ce7.entry.js +4 -0
  336. package/lib/duet/{p-76bc4957.system.entry.js → p-2e2b6a95.system.entry.js} +1 -1
  337. package/lib/duet/{p-c9fb1a93.entry.js → p-2eae6a4e.entry.js} +1 -1
  338. package/lib/duet/{p-faabf909.system.entry.js → p-3087775d.system.entry.js} +1 -1
  339. package/lib/duet/{p-b4c654b6.entry.js → p-3093fa09.entry.js} +1 -1
  340. package/lib/duet/p-31cc0bd5.entry.js +4 -0
  341. package/lib/duet/{p-302277e7.system.entry.js → p-31fe1d1a.system.entry.js} +1 -1
  342. package/lib/duet/{p-a1fba72f.system.entry.js → p-327e2019.system.entry.js} +1 -1
  343. package/lib/duet/{p-b2716337.system.js → p-34d7dd10.system.js} +1 -1
  344. package/lib/duet/p-37ae40e9.system.entry.js +4 -0
  345. package/lib/duet/{p-93d01125.system.entry.js → p-38a1721f.system.entry.js} +1 -1
  346. package/lib/duet/{p-8efa2c37.entry.js → p-3a5a9947.entry.js} +1 -1
  347. package/lib/duet/{p-65a8ccb8.entry.js → p-3a7d5532.entry.js} +1 -1
  348. package/lib/duet/{p-11f655ce.system.entry.js → p-3b859909.system.entry.js} +1 -1
  349. package/lib/duet/{p-3799f546.system.entry.js → p-3f86b484.system.entry.js} +1 -1
  350. package/lib/duet/{p-b53c5f39.system.entry.js → p-4112aa71.system.entry.js} +1 -1
  351. package/lib/duet/{p-fcdb9075.system.entry.js → p-41e58471.system.entry.js} +1 -1
  352. package/lib/duet/{p-6e6b361d.system.entry.js → p-42139e5a.system.entry.js} +1 -1
  353. package/lib/duet/{p-4e30645a.entry.js → p-421adcc5.entry.js} +1 -1
  354. package/lib/duet/p-446d5ba7.system.entry.js +4 -0
  355. package/lib/duet/{p-629c90d5.system.entry.js → p-45f3e361.system.entry.js} +1 -1
  356. package/lib/duet/p-46333231.js +4 -0
  357. package/lib/duet/{p-cbb47ed3.entry.js → p-46ce246d.entry.js} +1 -1
  358. package/lib/duet/{p-db6220cc.system.entry.js → p-49229ba1.system.entry.js} +1 -1
  359. package/lib/duet/{p-06a5d769.system.entry.js → p-4a2dc59a.system.entry.js} +1 -1
  360. package/lib/duet/p-4fc5b308.entry.js +4 -0
  361. package/lib/duet/{p-b4147628.system.entry.js → p-500206c3.system.entry.js} +1 -1
  362. package/lib/duet/{p-df5bd426.system.entry.js → p-50c4e263.system.entry.js} +1 -1
  363. package/lib/duet/{p-27b9ce07.entry.js → p-520a3a42.entry.js} +1 -1
  364. package/lib/duet/{p-4e19671c.system.entry.js → p-5241ef6c.system.entry.js} +1 -1
  365. package/lib/duet/{p-da9a1543.system.entry.js → p-55b8f2fc.system.entry.js} +1 -1
  366. package/lib/duet/{p-aece6518.system.entry.js → p-5781142a.system.entry.js} +1 -1
  367. package/lib/duet/p-5807d4a1.entry.js +4 -0
  368. package/lib/duet/{p-0613bd7b.system.entry.js → p-5edba964.system.entry.js} +1 -1
  369. package/lib/duet/{p-fc99a8d0.entry.js → p-620cedba.entry.js} +1 -1
  370. package/lib/duet/{p-3272c31c.entry.js → p-6217ecbb.entry.js} +1 -1
  371. package/lib/duet/{p-2d118807.entry.js → p-63c6795c.entry.js} +1 -1
  372. package/lib/duet/p-67dc45d7.js +4 -0
  373. package/lib/duet/{p-0d5ea85f.system.entry.js → p-69b543fa.system.entry.js} +1 -1
  374. package/lib/duet/p-6e7b84a3.entry.js +4 -0
  375. package/lib/duet/{p-f396711d.entry.js → p-730aecdb.entry.js} +1 -1
  376. package/lib/duet/p-73e66b09.system.js +4 -0
  377. package/lib/duet/{p-549766dc.entry.js → p-74700e22.entry.js} +1 -1
  378. package/lib/duet/{p-cd5f4075.system.entry.js → p-76928c65.system.entry.js} +1 -1
  379. package/lib/duet/{p-f1caf89d.system.entry.js → p-76fec604.system.entry.js} +1 -1
  380. package/lib/duet/{p-227d2ea5.system.entry.js → p-79aa2820.system.entry.js} +1 -1
  381. package/lib/duet/p-79c1afbf.entry.js +4 -0
  382. package/lib/duet/{p-9b364492.entry.js → p-7a4fa93b.entry.js} +1 -1
  383. package/lib/duet/{p-d921dc51.system.entry.js → p-7a96b8b3.system.entry.js} +1 -1
  384. package/lib/duet/{p-a8d4a4d8.system.entry.js → p-803acead.system.entry.js} +1 -1
  385. package/lib/duet/{p-5f3cc9cc.system.entry.js → p-81b997f3.system.entry.js} +1 -1
  386. package/lib/duet/{p-e73ec26d.entry.js → p-82fc84ad.entry.js} +1 -1
  387. package/lib/duet/{p-71f101cd.system.entry.js → p-84dd785f.system.entry.js} +1 -1
  388. package/lib/duet/{p-78232810.system.entry.js → p-86b4751c.system.entry.js} +1 -1
  389. package/lib/duet/{p-ad2e7d4d.system.entry.js → p-87b0ef7e.system.entry.js} +1 -1
  390. package/lib/duet/{p-598848bb.entry.js → p-87d6d6d1.entry.js} +1 -1
  391. package/lib/duet/{p-d627991d.entry.js → p-87e3f51e.entry.js} +1 -1
  392. package/lib/duet/{p-4bebe5f9.entry.js → p-88bddd9b.entry.js} +1 -1
  393. package/lib/duet/{p-3d187b25.system.entry.js → p-8aa594cc.system.entry.js} +1 -1
  394. package/lib/duet/{p-abef55b3.entry.js → p-8c088f60.entry.js} +1 -1
  395. package/lib/duet/{p-2e1077be.entry.js → p-8c8dbb29.entry.js} +1 -1
  396. package/lib/duet/{p-7a20254b.system.js → p-8db70218.system.js} +1 -1
  397. package/lib/duet/{p-49bd5789.system.entry.js → p-8f36d670.system.entry.js} +1 -1
  398. package/lib/duet/{p-0f80de34.system.entry.js → p-8f46fcdc.system.entry.js} +1 -1
  399. package/lib/duet/{p-04604c7d.system.entry.js → p-936f98fb.system.entry.js} +1 -1
  400. package/lib/duet/{p-afe99772.system.entry.js → p-969d0963.system.entry.js} +1 -1
  401. package/lib/duet/{p-36c7b722.system.entry.js → p-975eda35.system.entry.js} +1 -1
  402. package/lib/duet/{p-eafc21dd.system.entry.js → p-986e6e20.system.entry.js} +1 -1
  403. package/lib/duet/p-9a467121.system.entry.js +4 -0
  404. package/lib/duet/p-9b0c7d54.entry.js +4 -0
  405. package/lib/duet/{p-8f2400f8.entry.js → p-9bdb09d1.entry.js} +1 -1
  406. package/lib/duet/{p-d849f056.entry.js → p-9ca4671a.entry.js} +1 -1
  407. package/lib/duet/{p-5cc472da.entry.js → p-9dc68857.entry.js} +1 -1
  408. package/lib/duet/{p-fafb02c5.system.entry.js → p-a026f0ad.system.entry.js} +1 -1
  409. package/lib/duet/p-a1b7f2a0.js +4 -0
  410. package/lib/duet/{p-09373a35.entry.js → p-a2becf94.entry.js} +1 -1
  411. package/lib/duet/{p-6ee0d230.system.entry.js → p-a6111d86.system.entry.js} +1 -1
  412. package/lib/duet/{p-6cab7d53.entry.js → p-a6276e85.entry.js} +1 -1
  413. package/lib/duet/{p-53b1b4ff.entry.js → p-a9227434.entry.js} +1 -1
  414. package/lib/duet/{p-d1785147.system.entry.js → p-aaa21d34.system.entry.js} +1 -1
  415. package/lib/duet/{p-1d480462.system.entry.js → p-ab7e3bc7.system.entry.js} +1 -1
  416. package/lib/duet/{p-2ce48cb5.entry.js → p-ab7e7315.entry.js} +1 -1
  417. package/lib/duet/{p-5c70ad80.entry.js → p-abc309a5.entry.js} +1 -1
  418. package/lib/duet/{p-1a088c64.entry.js → p-ac5eb233.entry.js} +1 -1
  419. package/lib/duet/p-ac6596bc.entry.js +4 -0
  420. package/lib/duet/{p-cd396f47.entry.js → p-afd9fa1e.entry.js} +1 -1
  421. package/lib/duet/{p-29aa3196.system.entry.js → p-b13ac0d6.system.entry.js} +2 -2
  422. package/lib/duet/p-b31d31d8.system.js +4 -0
  423. package/lib/duet/{p-a47ff0f9.entry.js → p-b60245fb.entry.js} +1 -1
  424. package/lib/duet/{p-e45e1ad1.entry.js → p-b82a3bc9.entry.js} +1 -1
  425. package/lib/duet/p-bb1242c4.system.entry.js +4 -0
  426. package/lib/duet/{p-41cec1fa.system.entry.js → p-bb65547e.system.entry.js} +1 -1
  427. package/lib/duet/{p-23924ee4.system.entry.js → p-bc437348.system.entry.js} +1 -1
  428. package/lib/duet/{p-bfe7345f.system.entry.js → p-bc4503a0.system.entry.js} +1 -1
  429. package/lib/duet/{p-2bfe040a.entry.js → p-bd3e6f66.entry.js} +1 -1
  430. package/lib/duet/{p-76f1a474.entry.js → p-bdb89a57.entry.js} +1 -1
  431. package/lib/duet/{p-4248b34b.entry.js → p-be289587.entry.js} +1 -1
  432. package/lib/duet/{p-aa07d1a7.js → p-beeb12f1.js} +1 -1
  433. package/lib/duet/{p-a8783554.entry.js → p-c109f676.entry.js} +1 -1
  434. package/lib/duet/{p-d2e7c4ba.entry.js → p-c61b7a67.entry.js} +1 -1
  435. package/lib/duet/{p-f972232d.entry.js → p-c7b0caee.entry.js} +1 -1
  436. package/lib/duet/{p-12ddb88e.entry.js → p-c9bc93f6.entry.js} +1 -1
  437. package/lib/duet/{p-e418ecc5.system.entry.js → p-c9ecaf47.system.entry.js} +1 -1
  438. package/lib/duet/{p-ee2526a2.system.entry.js → p-cad03252.system.entry.js} +1 -1
  439. package/lib/duet/{p-8dd241c6.system.js → p-cc5e6288.system.js} +1 -1
  440. package/lib/duet/{p-00cb57a0.entry.js → p-ccb310bf.entry.js} +1 -1
  441. package/lib/duet/{p-cfd6cdac.system.js → p-cd536e94.system.js} +1 -1
  442. package/lib/duet/{p-eb4526a5.system.entry.js → p-cee77d01.system.entry.js} +1 -1
  443. package/lib/duet/{p-d3671b0b.entry.js → p-cf17a64c.entry.js} +1 -1
  444. package/lib/duet/{p-579b25fe.system.entry.js → p-cfbd8dea.system.entry.js} +1 -1
  445. package/lib/duet/{p-d32483d3.entry.js → p-d5c7c1a6.entry.js} +1 -1
  446. package/lib/duet/{p-c74758d9.entry.js → p-d620395a.entry.js} +1 -1
  447. package/lib/duet/{p-b9478c40.entry.js → p-d826cf0f.entry.js} +1 -1
  448. package/lib/duet/p-db25d820.system.entry.js +4 -0
  449. package/lib/duet/{p-66486150.entry.js → p-db42dba7.entry.js} +1 -1
  450. package/lib/duet/{p-6270bb70.system.entry.js → p-dc79932a.system.entry.js} +2 -2
  451. package/lib/duet/{p-06c66116.entry.js → p-de4fdfa7.entry.js} +1 -1
  452. package/lib/duet/{p-2fbd04f4.entry.js → p-dfb38e8b.entry.js} +1 -1
  453. package/lib/duet/{p-e83d0d2b.entry.js → p-e14bba59.entry.js} +1 -1
  454. package/lib/duet/{p-e214ba3f.entry.js → p-e1b17390.entry.js} +1 -1
  455. package/lib/duet/{p-692591e8.entry.js → p-e4063faf.entry.js} +1 -1
  456. package/lib/duet/{p-1ba88f61.entry.js → p-e4eeac5d.entry.js} +1 -1
  457. package/lib/duet/{p-bd08cea3.system.entry.js → p-e638b5f1.system.entry.js} +1 -1
  458. package/lib/duet/{p-3066bcb5.js → p-e852decc.js} +1 -1
  459. package/lib/duet/{p-55e89add.system.entry.js → p-e8d08921.system.entry.js} +1 -1
  460. package/lib/duet/{p-f3d8db78.entry.js → p-e9a9c2ac.entry.js} +1 -1
  461. package/lib/duet/{p-e60bf586.system.entry.js → p-eb8322af.system.entry.js} +1 -1
  462. package/lib/duet/{p-2c78f4e7.system.entry.js → p-ebdf6136.system.entry.js} +1 -1
  463. package/lib/duet/{p-e2dc45d0.system.entry.js → p-ed752627.system.entry.js} +1 -1
  464. package/lib/duet/{p-df714cea.entry.js → p-ee5aa36b.entry.js} +1 -1
  465. package/lib/duet/{p-99efd567.entry.js → p-ee5d6418.entry.js} +1 -1
  466. package/lib/duet/p-eef2351f.system.js +4 -0
  467. package/lib/duet/{p-887ffbd4.entry.js → p-f12a21c8.entry.js} +1 -1
  468. package/lib/duet/{p-381e8ed9.system.entry.js → p-f447dc6b.system.entry.js} +1 -1
  469. package/lib/duet/{p-b55b77a8.entry.js → p-f554c8ae.entry.js} +1 -1
  470. package/lib/duet/{p-0147c133.system.entry.js → p-f63a6bb7.system.entry.js} +1 -1
  471. package/lib/duet/{p-285e6f0b.system.entry.js → p-f69d61e7.system.entry.js} +1 -1
  472. package/lib/duet/{p-4cc461bc.system.entry.js → p-f7462af1.system.entry.js} +1 -1
  473. package/lib/duet/{p-9ddd62a5.entry.js → p-f789f606.entry.js} +1 -1
  474. package/lib/duet/p-f9a8d356.js +4 -0
  475. package/lib/duet/{p-19c22eeb.entry.js → p-fa6b4be4.entry.js} +1 -1
  476. package/lib/duet/{p-215f47be.entry.js → p-fae3a8e7.entry.js} +1 -1
  477. package/lib/esm/{common-strings-7c7f8e40.js → common-strings-af765cad.js} +6 -1
  478. package/lib/esm/duet-action-button.entry.js +4 -4
  479. package/lib/esm/duet-alert.entry.js +2 -2
  480. package/lib/esm/duet-badge.entry.js +1 -1
  481. package/lib/esm/duet-banner.entry.js +31 -8
  482. package/lib/esm/duet-breadcrumb.entry.js +2 -2
  483. package/lib/esm/duet-breadcrumbs.entry.js +3 -3
  484. package/lib/esm/duet-button_2.entry.js +4 -4
  485. package/lib/esm/duet-callout.entry.js +1 -1
  486. package/lib/esm/duet-caption_4.entry.js +5 -5
  487. package/lib/esm/duet-card.entry.js +4 -4
  488. package/lib/esm/duet-checkbox.entry.js +2 -2
  489. package/lib/esm/duet-checkmark.entry.js +1 -1
  490. package/lib/esm/duet-chip.entry.js +2 -2
  491. package/lib/esm/duet-choice_2.entry.js +21 -37
  492. package/lib/esm/duet-collapsible.entry.js +3 -3
  493. package/lib/esm/duet-combobox.entry.js +50 -50
  494. package/lib/esm/duet-contact-card.entry.js +1 -1
  495. package/lib/esm/duet-cookie-consent.entry.js +2 -2
  496. package/lib/esm/duet-date-picker.entry.js +2 -2
  497. package/lib/esm/duet-divider_2.entry.js +3 -3
  498. package/lib/esm/duet-editable-table_3.entry.js +4 -4
  499. package/lib/esm/duet-empty-state.entry.js +1 -1
  500. package/lib/esm/duet-fieldset.entry.js +2 -2
  501. package/lib/esm/duet-file-chooser.entry.js +1 -1
  502. package/lib/esm/duet-footer.entry.js +3 -3
  503. package/lib/esm/duet-grid_2.entry.js +3 -3
  504. package/lib/esm/duet-header_2.entry.js +5 -5
  505. package/lib/esm/duet-hero.entry.js +3 -3
  506. package/lib/esm/duet-icon.entry.js +3 -3
  507. package/lib/esm/duet-input_2.entry.js +4 -4
  508. package/lib/esm/duet-layout.entry.js +1 -1
  509. package/lib/esm/duet-list_2.entry.js +1 -1
  510. package/lib/esm/duet-menu-bar-button.entry.js +2 -2
  511. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +2 -2
  512. package/lib/esm/duet-menu-bar-dropdown.entry.js +3 -3
  513. package/lib/esm/duet-menu-bar-item.entry.js +2 -2
  514. package/lib/esm/duet-menu-bar-link.entry.js +2 -2
  515. package/lib/esm/duet-menu-bar.entry.js +2 -2
  516. package/lib/esm/duet-modal.entry.js +45 -14
  517. package/lib/esm/duet-multiselect.entry.js +2 -2
  518. package/lib/esm/duet-nav.entry.js +1 -1
  519. package/lib/esm/duet-notification_2.entry.js +2 -2
  520. package/lib/esm/duet-number-input.entry.js +2 -2
  521. package/lib/esm/duet-overlay.entry.js +4 -2
  522. package/lib/esm/duet-page-heading.entry.js +1 -1
  523. package/lib/esm/duet-pagination_2.entry.js +4 -4
  524. package/lib/esm/duet-popup-menu-item.entry.js +1 -1
  525. package/lib/esm/duet-popup-menu.entry.js +3 -3
  526. package/lib/esm/duet-progress.entry.js +1 -1
  527. package/lib/esm/duet-promo-card.entry.js +3 -3
  528. package/lib/esm/duet-radio_2.entry.js +1 -1
  529. package/lib/esm/duet-range-slider.entry.js +3 -3
  530. package/lib/esm/duet-scrollable_3.entry.js +4 -4
  531. package/lib/esm/duet-section-layout.entry.js +1 -1
  532. package/lib/esm/duet-select.entry.js +1 -1
  533. package/lib/esm/duet-shaped-image.entry.js +1 -1
  534. package/lib/esm/duet-show-more.entry.js +2 -2
  535. package/lib/esm/duet-slideout-lang.entry.js +1 -1
  536. package/lib/esm/duet-slideout-link.entry.js +1 -1
  537. package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
  538. package/lib/esm/duet-slideout-panel.entry.js +4 -4
  539. package/lib/esm/duet-slideout.entry.js +5 -5
  540. package/lib/esm/duet-step_2.entry.js +2 -2
  541. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +2 -2
  542. package/lib/esm/duet-submenu-bar-dropdown.entry.js +3 -3
  543. package/lib/esm/duet-submenu-bar-item.entry.js +3 -3
  544. package/lib/esm/duet-submenu-bar-link.entry.js +3 -3
  545. package/lib/esm/duet-submenu-bar.entry.js +2 -2
  546. package/lib/esm/duet-textarea.entry.js +1 -1
  547. package/lib/esm/duet-toggle.entry.js +2 -2
  548. package/lib/esm/duet-toolbar-dropdown-link.entry.js +2 -2
  549. package/lib/esm/duet-toolbar-dropdown.entry.js +2 -2
  550. package/lib/esm/duet-toolbar-item.entry.js +1 -1
  551. package/lib/esm/duet-toolbar-link.entry.js +1 -1
  552. package/lib/esm/duet-toolbar.entry.js +1 -1
  553. package/lib/esm/duet-tooltip-button_2.entry.js +3 -3
  554. package/lib/esm/duet-tooltip.entry.js +3 -3
  555. package/lib/esm/duet-tray.entry.js +3 -3
  556. package/lib/esm/duet-upload-aria-status.entry.js +1 -1
  557. package/lib/esm/duet-upload-item.entry.js +1 -1
  558. package/lib/esm/duet-visually-hidden.entry.js +1 -1
  559. package/lib/esm/duet.js +3 -3
  560. package/lib/esm/{focus-utils-b121d217.js → focus-utils-2ec819ab.js} +1 -1
  561. package/lib/esm/{index-ae33ad50.js → index-70bb0f65.js} +1 -1
  562. package/lib/esm/{keyboard-utils-0708be80.js → keyboard-utils-439bcc8b.js} +2 -1
  563. package/lib/esm/loader.js +3 -3
  564. package/lib/esm/{token-utils-be83d039.js → token-utils-2adbab3f.js} +1 -1
  565. package/lib/esm/{tokens-94133fa9.js → tokens-5e02bbe0.js} +6 -0
  566. package/lib/esm/{tokens.module-3547915d.js → tokens.module-8dbafec7.js} +4 -0
  567. package/lib/esm-es5/common-strings-af765cad.js +4 -0
  568. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  569. package/lib/esm-es5/duet-alert.entry.js +1 -1
  570. package/lib/esm-es5/duet-badge.entry.js +1 -1
  571. package/lib/esm-es5/duet-banner.entry.js +1 -1
  572. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  573. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  574. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  575. package/lib/esm-es5/duet-callout.entry.js +1 -1
  576. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  577. package/lib/esm-es5/duet-card.entry.js +1 -1
  578. package/lib/esm-es5/duet-checkbox.entry.js +2 -2
  579. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  580. package/lib/esm-es5/duet-chip.entry.js +1 -1
  581. package/lib/esm-es5/duet-choice_2.entry.js +2 -2
  582. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  583. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  584. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  585. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  586. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  587. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  588. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  589. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  590. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  591. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  592. package/lib/esm-es5/duet-footer.entry.js +1 -1
  593. package/lib/esm-es5/duet-grid_2.entry.js +2 -2
  594. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  595. package/lib/esm-es5/duet-hero.entry.js +1 -1
  596. package/lib/esm-es5/duet-icon.entry.js +2 -2
  597. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  598. package/lib/esm-es5/duet-layout.entry.js +1 -1
  599. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  600. package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
  601. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  602. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  603. package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
  604. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  605. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  606. package/lib/esm-es5/duet-modal.entry.js +2 -2
  607. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  608. package/lib/esm-es5/duet-nav.entry.js +1 -1
  609. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  610. package/lib/esm-es5/duet-number-input.entry.js +2 -2
  611. package/lib/esm-es5/duet-overlay.entry.js +1 -1
  612. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  613. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  614. package/lib/esm-es5/duet-popup-menu-item.entry.js +1 -1
  615. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  616. package/lib/esm-es5/duet-progress.entry.js +1 -1
  617. package/lib/esm-es5/duet-promo-card.entry.js +2 -2
  618. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  619. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  620. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  621. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  622. package/lib/esm-es5/duet-select.entry.js +1 -1
  623. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  624. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  625. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  626. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  627. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
  628. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  629. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  630. package/lib/esm-es5/duet-step_2.entry.js +1 -1
  631. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  632. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  633. package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
  634. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  635. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  636. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  637. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  638. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  639. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  640. package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
  641. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  642. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  643. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  644. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  645. package/lib/esm-es5/duet-tray.entry.js +1 -1
  646. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  647. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  648. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  649. package/lib/esm-es5/duet.js +1 -1
  650. package/lib/esm-es5/focus-utils-2ec819ab.js +4 -0
  651. package/lib/esm-es5/{index-ae33ad50.js → index-70bb0f65.js} +1 -1
  652. package/lib/esm-es5/{keyboard-utils-0708be80.js → keyboard-utils-439bcc8b.js} +1 -1
  653. package/lib/esm-es5/loader.js +1 -1
  654. package/lib/esm-es5/{token-utils-be83d039.js → token-utils-2adbab3f.js} +1 -1
  655. package/lib/esm-es5/tokens-5e02bbe0.js +4 -0
  656. package/lib/esm-es5/tokens.module-8dbafec7.js +4 -0
  657. package/lib/types/common-strings.d.ts +1 -0
  658. package/lib/types/components/duet-banner/duet-banner.d.ts +8 -3
  659. package/lib/types/components/duet-choice/duet-choice.d.ts +1 -5
  660. package/lib/types/components/duet-fieldset/duet-fieldset.d.ts +1 -1
  661. package/lib/types/components/duet-modal/duet-modal.d.ts +21 -8
  662. package/lib/types/components/duet-overlay/duet-overlay.d.ts +4 -0
  663. package/lib/types/components.d.ts +34 -18
  664. package/package.json +5 -5
  665. package/lib/duet/p-0239cd87.system.entry.js +0 -4
  666. package/lib/duet/p-03f6f09a.js +0 -4
  667. package/lib/duet/p-16478189.system.entry.js +0 -4
  668. package/lib/duet/p-1f98c13d.entry.js +0 -4
  669. package/lib/duet/p-3076ce41.entry.js +0 -4
  670. package/lib/duet/p-32c25096.entry.js +0 -4
  671. package/lib/duet/p-3624bad1.js +0 -4
  672. package/lib/duet/p-41ba30b7.system.js +0 -4
  673. package/lib/duet/p-52e38899.system.js +0 -4
  674. package/lib/duet/p-580a7108.system.js +0 -4
  675. package/lib/duet/p-5e1cd395.entry.js +0 -4
  676. package/lib/duet/p-650a419d.system.js +0 -4
  677. package/lib/duet/p-6968b5e5.system.entry.js +0 -4
  678. package/lib/duet/p-77621947.entry.js +0 -4
  679. package/lib/duet/p-78b32f51.system.entry.js +0 -4
  680. package/lib/duet/p-910b09cf.entry.js +0 -4
  681. package/lib/duet/p-9b216691.entry.js +0 -4
  682. package/lib/duet/p-ba13e78e.entry.js +0 -4
  683. package/lib/duet/p-bf2e4020.system.entry.js +0 -4
  684. package/lib/duet/p-cbdba86b.entry.js +0 -4
  685. package/lib/duet/p-ed995372.js +0 -4
  686. package/lib/duet/p-f4821cf8.system.entry.js +0 -4
  687. package/lib/duet/p-f7c29a40.js +0 -4
  688. package/lib/esm-es5/common-strings-7c7f8e40.js +0 -4
  689. package/lib/esm-es5/focus-utils-b121d217.js +0 -4
  690. package/lib/esm-es5/tokens-94133fa9.js +0 -4
  691. package/lib/esm-es5/tokens.module-3547915d.js +0 -4
package/hydrate/index.js CHANGED
@@ -7664,7 +7664,8 @@ function listenMouse() {
7664
7664
  // start listening for mouse clicking (and tabbing through that) only if window is defined (i.e. not on server)
7665
7665
  if (typeof window !== "undefined") {
7666
7666
  window.addEventListener("mousedown", listenMouse, false);
7667
- window.addEventListener("blur", () => notifySubscribers(true));
7667
+ // on blur, leave the window in tabbing state
7668
+ window.addEventListener("blur", () => listenKeys({ key: "Tab" }));
7668
7669
  }
7669
7670
  const subscribeTabbingChange = component => {
7670
7671
  tabbingChangeSubscribers.add(component);
@@ -7870,6 +7871,7 @@ const colorGrayDark = "rgb(144, 149, 153)";
7870
7871
  const colorGrayLight = "rgb(225, 227, 230)";
7871
7872
  const colorSecondary = "rgb(0, 41, 77)";
7872
7873
  const colorCategoryPet = "rgb(168, 1, 78)";
7874
+ const colorPrimaryDarker = "rgb(0, 98, 154)";
7873
7875
  const colorPrimaryLight = "rgb(205, 229, 241)";
7874
7876
  const colorCategoryTravel = "rgb(213, 66, 3)";
7875
7877
  const colorGray = "rgb(207, 210, 212)";
@@ -7890,6 +7892,7 @@ const colorGrayDarkTurva = "rgb(116, 116, 117)";
7890
7892
  const colorGrayLightTurva = "rgb(228, 228, 230)";
7891
7893
  const colorBrandGrayTurva = "rgb(178, 180, 179)";
7892
7894
  const colorSecondaryTurva = "rgb(23, 28, 58)";
7895
+ const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
7893
7896
  const colorPrimaryLightTurva = "rgb(244, 207, 214)";
7894
7897
  const colorCategoryTravelTurva = "rgb(9, 129, 148)";
7895
7898
  const colorGrayTurva = "rgb(207, 207, 209)";
@@ -8034,6 +8037,7 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
8034
8037
  colorGrayLight: colorGrayLight,
8035
8038
  colorSecondary: colorSecondary,
8036
8039
  colorCategoryPet: colorCategoryPet,
8040
+ colorPrimaryDarker: colorPrimaryDarker,
8037
8041
  colorPrimaryLight: colorPrimaryLight,
8038
8042
  colorCategoryTravel: colorCategoryTravel,
8039
8043
  colorGray: colorGray,
@@ -8054,6 +8058,7 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
8054
8058
  colorGrayLightTurva: colorGrayLightTurva,
8055
8059
  colorBrandGrayTurva: colorBrandGrayTurva,
8056
8060
  colorSecondaryTurva: colorSecondaryTurva,
8061
+ colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
8057
8062
  colorPrimaryLightTurva: colorPrimaryLightTurva,
8058
8063
  colorCategoryTravelTurva: colorCategoryTravelTurva,
8059
8064
  colorGrayTurva: colorGrayTurva,
@@ -8750,7 +8755,7 @@ const DuetPicture = ({ img, sources }) => {
8750
8755
  hAsync("img", Object.assign({}, img))));
8751
8756
  };
8752
8757
 
8753
- const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height: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-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.medium*/.duet-banner.medium.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:500px;max-width:542px;height:288px}/*!@.duet-banner.medium .visual*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.medium .visual .image-container*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:absolute;bottom:-72px;left:-178px}/*!@.duet-banner.medium .visual .image*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{width:auto;height:auto}/*!@.duet-banner.medium .visual .icon*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:36px;left:168px}/*!@.duet-banner.medium .content*/.duet-banner.medium.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.medium .action*/.duet-banner.medium.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px;width:100%;height:100%}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}@media (max-width: 35.9375em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}}@media (min-width: 36em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:500px;max-width:542px;height:288px}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:absolute;bottom:-72px;left:-178px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{width:auto;height:auto}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:36px;left:168px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}@media (min-width: 62em){/*!@.duet-banner.auto*/.duet-banner.auto.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.auto .visual*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.auto .visual .image-container*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;top:-30px;left:-30px}/*!@.duet-banner.auto .visual .image*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px;width:100%;height:100%}/*!@.duet-banner.auto .visual .icon*/.duet-banner.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.auto .content*/.duet-banner.auto.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.auto .action*/.duet-banner.auto.sc-duet-banner .action.sc-duet-banner{flex-grow:0}}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-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-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.medium .visual .image-container*/.duet-banner.duet-theme-turva.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-185px;width:410px;height:422px}/*!@.duet-banner.duet-theme-turva.medium .visual .image*/.duet-banner.duet-theme-turva.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px;width:526px;height:456px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}@media (min-width: 36em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-185px;width:410px;height:422px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}}@media (min-width: 62em){/*!@.duet-banner.duet-theme-turva.auto .visual .image-container*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px;width:526px;height:456px}/*!@.duet-banner.duet-theme-turva.auto .visual .image*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.auto .visual .icon*/.duet-banner.duet-theme-turva.auto.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}}";
8758
+ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-banner::after,*.sc-duet-banner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-banner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:36px !important;margin-bottom:36px !important;display:flex;justify-content:center;width:auto}/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child,.sc-duet-banner-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h{margin:0 !important}/*!@.duet-banner*/.duet-banner.sc-duet-banner{display:grid;width:100%;height: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-style:normal;text-align:left;border-radius:24px}/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner{padding:0 !important}/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner{margin:0 !important}/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{position:absolute}/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner{hyphens:auto}/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}/*!@.duet-banner.small*/.duet-banner.small.sc-duet-banner{grid-template-rows:335px 1fr;max-width:335px}/*!@.duet-banner.small .visual*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-top-right-radius:24px}/*!@.duet-banner.small .visual .image-container*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-130px;left:-40px}/*!@.duet-banner.small .visual .icon*/.duet-banner.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:30px;left:15px}/*!@.duet-banner.medium*/.duet-banner.medium.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;max-width:542px;height:288px}/*!@.duet-banner.medium .visual*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.medium .visual .image-container*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:absolute;bottom:-72px;left:-178px}/*!@.duet-banner.medium .visual .image*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{width:auto;height:auto}/*!@.duet-banner.medium .visual .icon*/.duet-banner.medium.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:36px;left:168px}/*!@.duet-banner.medium .content*/.duet-banner.medium.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.medium .action*/.duet-banner.medium.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.large*/.duet-banner.large.sc-duet-banner{grid-template-rows:none;grid-template-columns:50% 50%;max-width:1112px;height:320px;max-height:none}/*!@.duet-banner.large .visual*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner{border-top-left-radius:24px;border-bottom-left-radius:24px}/*!@.duet-banner.large .visual .image-container*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{position:relative;top:-30px;left:-30px}/*!@.duet-banner.large .visual .image*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:-15px;left:30px;width:100%;height:100%}/*!@.duet-banner.large .visual .icon*/.duet-banner.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{top:40px;bottom:auto;left:335px}/*!@.duet-banner.large .content*/.duet-banner.large.sc-duet-banner .content.sc-duet-banner{align-items:flex-start;justify-content:center;padding:0 72px 0 0}/*!@.duet-banner.large .action*/.duet-banner.large.sc-duet-banner .action.sc-duet-banner{flex-grow:0}/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-banner.duet-theme-turva .visual .image-container*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{width:526px;height:456px;transform:none;-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-banner.duet-theme-turva .visual .image*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{transform:none}/*!@.duet-banner.duet-theme-turva.small .visual .image-container*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-164px;left:-147px}/*!@.duet-banner.duet-theme-turva.small .visual .image*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.small .visual .icon*/.duet-banner.duet-theme-turva.small.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:15px}/*!@.duet-banner.duet-theme-turva.medium .visual .image-container*/.duet-banner.duet-theme-turva.medium.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-185px;width:410px;height:422px}/*!@.duet-banner.duet-theme-turva.medium .visual .image*/.duet-banner.duet-theme-turva.medium.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .image-container*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner{top:-54.923px;left:-147px;width:526px;height:456px}/*!@.duet-banner.duet-theme-turva.large .visual .image*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner{top:0;left:0}/*!@.duet-banner.duet-theme-turva.large .visual .icon*/.duet-banner.duet-theme-turva.large.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner{bottom:auto;left:295px}";
8754
8759
 
8755
8760
  /**
8756
8761
  * @slot heading - Slot for heading content. Only span should be used in this slot.
@@ -8760,6 +8765,19 @@ const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner,*.sc-duet-
8760
8765
  class DuetBanner {
8761
8766
  constructor(hostRef) {
8762
8767
  registerInstance(this, hostRef);
8768
+ this.checkBannerSize = () => {
8769
+ const elementSize = this.element.clientWidth;
8770
+ if (elementSize < 500 || this.size === "small") {
8771
+ this.currentSize = "small";
8772
+ }
8773
+ else if (elementSize < 900 || this.size === "medium") {
8774
+ this.currentSize = "medium";
8775
+ }
8776
+ else {
8777
+ this.currentSize = "large";
8778
+ }
8779
+ this.setButtonSize();
8780
+ };
8763
8781
  /**
8764
8782
  * Default to smaller button size for small and medium banners.
8765
8783
  */
@@ -8767,19 +8785,20 @@ class DuetBanner {
8767
8785
  if (this.hasActionSlot) {
8768
8786
  const buttons = this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");
8769
8787
  for (const button of buttons) {
8770
- if (button && button.getAttribute("size") === null && this.size !== "large") {
8788
+ if (button && button.getAttribute("size") === null && this.currentSize !== "large") {
8771
8789
  button.size = "small";
8772
8790
  }
8773
8791
  }
8774
8792
  }
8775
8793
  };
8794
+ this.currentSize = undefined;
8776
8795
  this.theme = "";
8777
8796
  this.margin = "auto";
8778
8797
  this.backgroundColor = "primary-lighter";
8779
8798
  this.iconColor = "gray-lightest";
8780
8799
  this.iconBackgroundColor = "primary";
8781
8800
  this.textColor = "secondary";
8782
- this.size = "auto";
8801
+ this.size = "large";
8783
8802
  this.image = "";
8784
8803
  this.sources = undefined;
8785
8804
  this.icon = "";
@@ -8795,6 +8814,15 @@ class DuetBanner {
8795
8814
  this.hasActionSlot = hasSlot(this.element, "action");
8796
8815
  checkNamedSlotElement(this.element, "heading", "span");
8797
8816
  this.setButtonSize();
8817
+ setTimeout(() => {
8818
+ this.checkBannerSize();
8819
+ }, 0);
8820
+ }
8821
+ connectedCallback() {
8822
+ window.addEventListener("resize", this.checkBannerSize);
8823
+ }
8824
+ disconnectedCallback() {
8825
+ window.removeEventListener("resize", this.checkBannerSize);
8798
8826
  }
8799
8827
  /**
8800
8828
  * render() function
@@ -8814,8 +8842,8 @@ class DuetBanner {
8814
8842
  return (hAsync(Host, { class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { class: {
8815
8843
  "duet-banner": true,
8816
8844
  "duet-theme-turva": this.theme === "turva",
8817
- [this.size]: true,
8818
- }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.size === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.size === "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" })))))));
8845
+ [this.currentSize]: true,
8846
+ }, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), this.icon && (hAsync("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), 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" })))))));
8819
8847
  }
8820
8848
  get element() { return getElement(this); }
8821
8849
  static get style() { return duetBannerCss; }
@@ -8833,7 +8861,8 @@ class DuetBanner {
8833
8861
  "image": [1],
8834
8862
  "sources": [1],
8835
8863
  "icon": [1],
8836
- "headingLevel": [1, "heading-level"]
8864
+ "headingLevel": [1, "heading-level"],
8865
+ "currentSize": [32]
8837
8866
  },
8838
8867
  "$listeners$": undefined,
8839
8868
  "$lazyBundleId$": "-",
@@ -8987,6 +9016,11 @@ const DuetStringsLoadingDefaults = {
8987
9016
  sv: "Laddas",
8988
9017
  en: "Loading…",
8989
9018
  };
9019
+ const DuetStringsPleaseWaitDefaults = {
9020
+ fi: "Odota, ole hyvä.",
9021
+ sv: "Vänligen vänta.",
9022
+ en: "Please wait.",
9023
+ };
8990
9024
 
8991
9025
  const duetButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-button,*.sc-duet-button::after,*.sc-duet-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-button-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;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}/*!@:host:last-child, :host:last-of-type*/.sc-duet-button-h:last-child,.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-button-h{width:100%}}/*!@:host(.square)*/.square.sc-duet-button-h{margin-right:12px !important}/*!@:host(.square):last-child, :host(.square):last-of-type*/.square.sc-duet-button-h:last-child,.square.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.input-button)*/.input-button.sc-duet-button-h{z-index:250}/*!@:host(.duet-small),\n:host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{margin-right:4px !important;margin-bottom:8px !important}/*!@:host(.duet-small):last-child, :host(.duet-small):last-of-type,\n:host(.duet-x-small):last-child,\n:host(.duet-x-small):last-of-type*/.duet-small.sc-duet-button-h:last-child,.duet-small.sc-duet-button-h:last-of-type,.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-small),\n :host(.duet-x-small)*/.duet-small.sc-duet-button-h,.duet-x-small.sc-duet-button-h{width:auto}}/*!@:host(.duet-x-small)*/.duet-x-small.sc-duet-button-h{margin-right:2px !important}/*!@:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type*/.duet-x-small.sc-duet-button-h:last-child,.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.square.duet-small),\n:host(.square.duet-x-small)*/.square.duet-small.sc-duet-button-h,.square.duet-x-small.sc-duet-button-h{margin-right:8px !important}/*!@:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,\n:host(.square.duet-x-small):last-child,\n:host(.square.duet-x-small):last-of-type*/.square.duet-small.sc-duet-button-h:last-child,.square.duet-small.sc-duet-button-h:last-of-type,.square.duet-x-small.sc-duet-button-h:last-child,.square.duet-x-small.sc-duet-button-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-expand)*/.duet-expand.sc-duet-button-h{width:100% !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-button-h{margin:0 !important}/*!@:host(.duet-fixed)*/.duet-fixed.sc-duet-button-h{width:auto !important}/*!@:host(:last-child)*/.sc-duet-button-h:last-child{margin-right:0 !important}/*!@.duet-button-container*/.duet-button-container.sc-duet-button{position:relative;display:block;width:100%}/*!@.duet-button*/.duet-button.sc-duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;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:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}/*!@.duet-button.duet-p-0*/.duet-button.duet-p-0.sc-duet-button{padding:0 !important}/*!@.duet-button.duet-m-0*/.duet-button.duet-m-0.sc-duet-button{margin:0 !important}/*!@.duet-button:focus*/.duet-button.sc-duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button:focus,.duet-button.sc-duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-button.duet-button-size-medium*/.duet-button.duet-button-size-medium.sc-duet-button{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.sc-duet-button{padding-right:24px;padding-left:24px;border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.square*/.duet-button.duet-button-size-medium.square.sc-duet-button{border-radius:12.5px}/*!@.duet-button.duet-button-size-medium.icon-left*/.duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:24px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium.icon-left*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-button.duet-button-size-medium.icon-right*/.duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:24px}/*!@.duet-theme-turva .duet-button.duet-button-size-medium.icon-right*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-medium.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-button.duet-button-size-small*/.duet-button.duet-button-size-small.sc-duet-button{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}/*!@.duet-theme-turva .duet-button.duet-button-size-small*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.sc-duet-button{padding-right:18px;padding-left:18px;border-radius:10px}/*!@.duet-button.duet-button-size-small.square*/.duet-button.duet-button-size-small.square.sc-duet-button{border-radius:10px}/*!@.duet-button.duet-button-size-small.icon-left*/.duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:18px}/*!@.duet-theme-turva .duet-button.duet-button-size-small.icon-left*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.icon-left.sc-duet-button{padding-left:14px}/*!@.duet-button.duet-button-size-small.icon-right*/.duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:18px}/*!@.duet-theme-turva .duet-button.duet-button-size-small.icon-right*/.duet-theme-turva.sc-duet-button .duet-button.duet-button-size-small.icon-right.sc-duet-button{padding-right:14px}/*!@.duet-button.duet-button-size-x-small*/.duet-button.duet-button-size-x-small.sc-duet-button{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}/*!@.duet-button.duet-button-size-x-small.icon-left*/.duet-button.duet-button-size-x-small.icon-left.sc-duet-button{padding-left:10px}/*!@.duet-button.duet-button-size-x-small.icon-right*/.duet-button.duet-button-size-x-small.icon-right.sc-duet-button{padding-right:10px}/*!@.duet-button.plain.duet-p-0*/.duet-button.plain.duet-p-0.sc-duet-button{height:auto}/*!@.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded)*/.duet-button.sc-duet-button:not(.input-button-primary,.input-button-secondary.sc-duet-button,.input-button-embedded).sc-duet-button{font-variant-numeric:tabular-nums}/*!@.duet-button.duet-button-text-center*/.duet-button.duet-button-text-center.sc-duet-button{text-align:center !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only)*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only){min-width:48px}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}/*!@.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0*/.duet-button.duet-button-is-small.sc-duet-button:not(.duet-button-icon-only).duet-p-0{padding:0 !important}/*!@.duet-theme-turva .duet-button*/.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button{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(198, 12, 48) !important}/*!@.duet-button .duet-button-contents*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}/*!@.duet-button .duet-button-contents.icon-right*/.duet-button.sc-duet-button .duet-button-contents.icon-right.sc-duet-button{flex-direction:row-reverse}/*!@.duet-button .duet-button-contents .duet-button-contents-slot*/.duet-button.sc-duet-button .duet-button-contents.sc-duet-button .duet-button-contents-slot.sc-duet-button{position:relative;top:0}/*!@.duet-button.duet-no-wrap*/.duet-button.duet-no-wrap.sc-duet-button{white-space:nowrap}/*!@.duet-button svg*/.duet-button.sc-duet-button svg.sc-duet-button{width:100%;min-width:100%;fill:currentColor}/*!@.duet-button .duet-button-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button{display:flex;align-items:center}/*!@.duet-button .duet-button-icon duet-icon*/.duet-button.sc-duet-button .duet-button-icon.sc-duet-button duet-icon.sc-duet-button{width:16px;height:16px}/*!@.duet-button .duet-button-icon.large duet-icon*/.duet-button.sc-duet-button .duet-button-icon.large.sc-duet-button duet-icon.sc-duet-button{width:20px;height:20px}/*!@.duet-button .duet-button-icon.medium-small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.medium-small.sc-duet-button duet-icon.sc-duet-button{width:10px;height:10px}/*!@.duet-button .duet-button-icon.small duet-icon*/.duet-button.sc-duet-button .duet-button-icon.small.sc-duet-button duet-icon.sc-duet-button{width:7px;height:7px}/*!@.duet-button:active:not([disabled])*/.duet-button.sc-duet-button:active:not([disabled]){opacity:0.75;transition:none}/*!@.duet-button.default*/.duet-button.default.sc-duet-button{background:rgb(255, 255, 255);border-color:rgb(207, 210, 212)}/*!@.duet-theme-turva .duet-button.default*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button{color:rgb(198, 12, 48) !important;border-color:rgb(228, 228, 230)}/*!@.duet-button.default:hover*/.duet-button.default.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.default:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.default.duet-button-negative*/.duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button{background-color:rgb(228, 228, 230) !important}/*!@.duet-button.default.duet-button-negative:hover*/.duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.default.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.default.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.primary, .duet-button.input-button-primary*/.duet-button.primary.sc-duet-button,.duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-button.primary:hover, .duet-button.input-button-primary:hover*/.duet-button.primary.sc-duet-button:hover,.duet-button.input-button-primary.sc-duet-button:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:hover{background:rgb(148, 9, 37);border-color:rgb(148, 9, 37)}/*!@.duet-button.primary:focus, .duet-button.input-button-primary:focus*/.duet-button.primary.sc-duet-button:focus,.duet-button.input-button-primary.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}/*!@.duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus*/.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:focus,.duet-theme-turva.sc-duet-button .duet-button.input-button-primary.sc-duet-button:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}/*!@.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded*/.duet-button.secondary.sc-duet-button,.duet-button.input-button-secondary.sc-duet-button,.duet-button.input-button-embedded.sc-duet-button{color:rgb(0, 41, 77) !important;background:transparent;border-color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}/*!@.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover*/.duet-button.secondary.sc-duet-button:hover,.duet-button.input-button-secondary.sc-duet-button:hover,.duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative*/.duet-button.secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(225, 227, 230) !important;border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-secondary.duet-button-negative.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.input-button-embedded.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}/*!@.duet-button.input-button-embedded*/.duet-button.input-button-embedded.sc-duet-button{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}/*!@.duet-button.input-button*/.duet-button.input-button.sc-duet-button{height:auto}/*!@.duet-button.negative*/.duet-button.negative.sc-duet-button{color:rgb(0, 41, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}/*!@.duet-theme-turva .duet-button.negative*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button{color:rgb(23, 28, 58) !important}/*!@.duet-button.negative:hover*/.duet-button.negative.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}/*!@.duet-button.negative:focus*/.duet-button.negative.sc-duet-button:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-theme-turva .duet-button.negative:focus*/.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}/*!@.duet-button.destructive-primary*/.duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(222, 35, 98);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive-primary*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(224, 42, 13);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive-primary:hover*/.duet-button.destructive-primary.sc-duet-button:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}/*!@.duet-theme-turva .duet-button.destructive-primary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive-primary.sc-duet-button:hover{background:#b3220a}/*!@.duet-button.destructive, .duet-button.destructive-secondary*/.duet-button.destructive.sc-duet-button,.duet-button.destructive-secondary.sc-duet-button{color:rgb(222, 35, 98) !important;background:rgb(255, 255, 255);border-color:rgb(222, 35, 98)}/*!@.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button{color:rgb(224, 42, 13) !important;background:rgb(255, 255, 255);border-color:rgb(224, 42, 13)}/*!@.duet-button.destructive:hover, .duet-button.destructive-secondary:hover*/.duet-button.destructive.sc-duet-button:hover,.duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b21c4e;border-color:#b21c4e}/*!@.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover*/.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.destructive-secondary.sc-duet-button:hover{color:rgb(255, 255, 255) !important;background:#b3220a;border-color:#b3220a}/*!@.duet-button.plain*/.duet-button.plain.sc-duet-button{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}/*!@.duet-theme-turva .duet-button.plain*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}/*!@.duet-button.plain.duet-p-0 .duet-button-contents*/.duet-button.plain.duet-p-0.sc-duet-button .duet-button-contents.sc-duet-button{height:auto}/*!@.duet-button.plain[disabled]*/.duet-button.plain[disabled].sc-duet-button{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}/*!@.duet-theme-turva .duet-button.plain[disabled]*/.duet-theme-turva.sc-duet-button .duet-button.plain[disabled].sc-duet-button{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(228, 228, 230) !important}/*!@.duet-button.plain:hover*/.duet-button.plain.sc-duet-button:hover{color:rgb(0, 77, 128) !important;background:transparent !important}/*!@.duet-theme-turva .duet-button.plain:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover{color:rgb(148, 9, 37) !important}/*!@.duet-button.plain.duet-button-negative*/.duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button{color:rgb(228, 228, 230) !important}/*!@.duet-button.plain.duet-button-negative:hover*/.duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-button.plain.duet-button-negative:hover*/.duet-theme-turva.sc-duet-button .duet-button.plain.duet-button-negative.sc-duet-button:hover{color:rgb(198, 12, 48) !important}/*!@.duet-button.duet-button-icon-only*/.duet-button.duet-button-icon-only.sc-duet-button{min-width:48px;min-height:48px;padding:0 !important}/*!@.duet-button.duet-button-icon-only .duet-button-contents*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button-icon-only .duet-button-icon.left.large,\n.duet-button.duet-button-icon-only .duet-button-icon.left.medium,\n.duet-button.duet-button-icon-only .duet-button-icon.left.small*/.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button-icon-only.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-primary.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}/*!@.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-contents.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-contents.sc-duet-button{position:static}/*!@.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,\n.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small*/.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-primary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-secondary.sc-duet-button .duet-button-icon.left.small.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.large.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.medium.sc-duet-button,.duet-button.duet-button.input-button-embedded.sc-duet-button .duet-button-icon.left.small.sc-duet-button{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}/*!@.duet-button.duet-button.input-button-embedded*/.duet-button.duet-button.input-button-embedded.sc-duet-button{border-left-width:0}/*!@.duet-button.square*/.duet-button.square.sc-duet-button{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(207, 210, 212);border-width:1px}/*!@.duet-button.square.duet-button-size-small*/.duet-button.square.duet-button-size-small.sc-duet-button{width:42px;font-size:0.875rem}/*!@.duet-button.square.duet-button-size-x-small*/.duet-button.square.duet-button-size-x-small.sc-duet-button{width:34px;font-size:0.875rem}/*!@.duet-button.square.duet-button-negative*/.duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-button.square.duet-button-negative*/.duet-theme-turva.sc-duet-button .duet-button.square.duet-button-negative.sc-duet-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}/*!@.duet-theme-turva .duet-button.square*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button{border-color:rgb(228, 228, 230)}/*!@.duet-button.square:hover*/.duet-button.square.sc-duet-button:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}/*!@.duet-theme-turva .duet-button.square:hover*/.duet-theme-turva.sc-duet-button .duet-button.square.sc-duet-button:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-button.square .duet-button-contents*/.duet-button.square.sc-duet-button .duet-button-contents.sc-duet-button{gap:0}/*!@.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover*/.duet-button[disabled].sc-duet-button,.duet-button[disabled].sc-duet-button:hover,.duet-button.duet-button-negative[disabled].sc-duet-button,.duet-button.duet-button-negative[disabled].sc-duet-button:hover{color:rgb(101, 119, 135) !important;cursor:not-allowed;background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important;outline-color:rgb(225, 227, 230) !important;box-shadow:none !important}/*!@.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover*/.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button:hover,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button,.duet-theme-turva.sc-duet-button .duet-button.duet-button-negative.sc-duet-button [disabled].sc-duet-button:hover{color:rgb(116, 116, 117) !important;cursor:not-allowed;background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important;outline-color:rgb(228, 228, 230) !important}/*!@.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary*/.duet-button-is-loading.primary.sc-duet-button,.duet-button-is-loading.input-button-primary.sc-duet-button{color:rgb(255, 255, 255)}/*!@.duet-button-is-loading.default*/.duet-button-is-loading.default.sc-duet-button{color:rgb(0, 119, 179)}/*!@.duet-button-is-loading.default.duet-theme-turva*/.duet-button-is-loading.default.duet-theme-turva.sc-duet-button{color:rgb(198, 12, 48)}/*!@.duet-button-is-loading .duet-button-contents*/.duet-button-is-loading.sc-duet-button .duet-button-contents.sc-duet-button{visibility:hidden;opacity:0}";
8992
9026
 
@@ -9494,7 +9528,7 @@ class DuetCard {
9494
9528
  }; }
9495
9529
  }
9496
9530
 
9497
- 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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
9531
+ 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}";
9498
9532
 
9499
9533
  class DuetCheckbox {
9500
9534
  constructor(hostRef) {
@@ -9924,19 +9958,7 @@ class DuetChip {
9924
9958
  }; }
9925
9959
  }
9926
9960
 
9927
- const focusElement = (element) => {
9928
- if ("setFocus" in element) {
9929
- element.setFocus();
9930
- }
9931
- else {
9932
- element.focus();
9933
- }
9934
- };
9935
- const FocusGuard = ({ moveFocusTo }) => {
9936
- return hAsync("div", { class: "duet-focus-guard", "aria-hidden": "true", tabIndex: 0, onFocus: () => focusElement(moveFocusTo) });
9937
- };
9938
-
9939
- const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(225, 227, 230);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 1px);border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:1px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 8px 8px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(0, 119, 179);border-width:2px}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice .duet-choice-info-container.sc-duet-choice:focus{outline:none}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}";
9961
+ const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(225, 227, 230);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(116, 116, 117)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(144, 149, 153) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important;border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important;border-color:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(173, 11, 43)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:1px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}";
9940
9962
 
9941
9963
  /**
9942
9964
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
@@ -9959,6 +9981,9 @@ class DuetChoice {
9959
9981
  this.expandId = createID("DuetChoiceExpand");
9960
9982
  this.headerId = createID("DuetChoiceHeader");
9961
9983
  this.infoButtonId = createID("DuetChoiceInfoButton");
9984
+ /**
9985
+ * Component event handling.
9986
+ */
9962
9987
  this.onMouseEnter = () => {
9963
9988
  this.isHovering = true;
9964
9989
  };
@@ -10009,7 +10034,6 @@ class DuetChoice {
10009
10034
  if (this.getDisabled()) {
10010
10035
  return;
10011
10036
  }
10012
- this.isInfoOpen = false;
10013
10037
  // if it's a radio button, and it's already checked
10014
10038
  // we shouldn't fire an event, so exit early
10015
10039
  if (this.type === "radio" && this.checked) {
@@ -10029,12 +10053,11 @@ class DuetChoice {
10029
10053
  setTimeout(() => {
10030
10054
  var _a;
10031
10055
  (_a = this.infoContainer) === null || _a === void 0 ? void 0 : _a.focus();
10032
- });
10056
+ }, 150);
10033
10057
  }
10034
10058
  };
10035
10059
  this.isHovering = false;
10036
10060
  this.isInfoOpen = false;
10037
- this.isBlurred = false;
10038
10061
  this.theme = "";
10039
10062
  this.label = "label";
10040
10063
  this.accessibleLabelInfoButtonDefaults = DuetStringsExternalDefaults;
@@ -10102,30 +10125,6 @@ class DuetChoice {
10102
10125
  unsubscribeTabbingChange(this);
10103
10126
  this.duetChoiceRemove.emit();
10104
10127
  }
10105
- /**
10106
- * Component event handling.
10107
- */
10108
- handleHostBlur(ev) {
10109
- /**
10110
- * When moving away from a choice, collapse the info bar to assist visually impared people on focusing
10111
- */
10112
- if (this.hasInfo && this.isInfoOpen && this.isKeyDown) {
10113
- // @ts-ignore
10114
- const isTargetContainedInHost = this.element.contains(ev === null || ev === void 0 ? void 0 : ev.relatedTarget) || false;
10115
- if (!isTargetContainedInHost) {
10116
- this.toggleInfo();
10117
- }
10118
- }
10119
- }
10120
- handleHostKeyDown() {
10121
- this.isKeyDown = true;
10122
- }
10123
- handleHostKeyUp(ev) {
10124
- this.isKeyDown = false;
10125
- if (isEscapeKey(ev) && this.isInfoOpen) {
10126
- this.toggleInfo();
10127
- }
10128
- }
10129
10128
  /**
10130
10129
  * Sets focus on the specified `duet-choice`. Use this method instead of the global
10131
10130
  * `input.focus()`.
@@ -10139,6 +10138,16 @@ class DuetChoice {
10139
10138
  async toggleInfoMethod() {
10140
10139
  this.isInfoOpen = !this.isInfoOpen;
10141
10140
  }
10141
+ handleEscape(e) {
10142
+ if (isEscapeKey(e)) {
10143
+ if (this.isInfoOpen) {
10144
+ this.isInfoOpen = false;
10145
+ if (this.infoButtonEl) {
10146
+ this.infoButtonEl.focus();
10147
+ }
10148
+ }
10149
+ }
10150
+ }
10142
10151
  /**
10143
10152
  * Should the collapsible content be announced by screen readers
10144
10153
  */
@@ -10247,11 +10256,10 @@ class DuetChoice {
10247
10256
  "collapsibleNotification": [1025, "collapsible-notification"],
10248
10257
  "isHovering": [32],
10249
10258
  "isInfoOpen": [32],
10250
- "isBlurred": [32],
10251
10259
  "setFocus": [64],
10252
10260
  "toggleInfoMethod": [64]
10253
10261
  },
10254
- "$listeners$": [[2, "blur", "handleHostBlur"], [2, "keydown", "handleHostKeyDown"], [2, "keyup", "handleHostKeyUp"]],
10262
+ "$listeners$": undefined,
10255
10263
  "$lazyBundleId$": "-",
10256
10264
  "$attrsToReflect$": [["value", "value"], ["type", "type"], ["checked", "checked"], ["disabled", "disabled"]]
10257
10265
  }; }
@@ -10428,6 +10436,7 @@ const color_gray_dark = "rgb(144, 149, 153)";
10428
10436
  const color_gray_light = "rgb(225, 227, 230)";
10429
10437
  const color_secondary = "rgb(0, 41, 77)";
10430
10438
  const color_category_pet = "rgb(168, 1, 78)";
10439
+ const color_primary_darker = "rgb(0, 98, 154)";
10431
10440
  const color_primary_light = "rgb(205, 229, 241)";
10432
10441
  const color_category_travel = "rgb(213, 66, 3)";
10433
10442
  const color_gray = "rgb(207, 210, 212)";
@@ -10448,6 +10457,7 @@ const color_gray_dark_turva = "rgb(116, 116, 117)";
10448
10457
  const color_gray_light_turva = "rgb(228, 228, 230)";
10449
10458
  const color_brand_gray_turva = "rgb(178, 180, 179)";
10450
10459
  const color_secondary_turva = "rgb(23, 28, 58)";
10460
+ const color_primary_darker_turva = "rgb(173, 11, 43)";
10451
10461
  const color_primary_light_turva = "rgb(244, 207, 214)";
10452
10462
  const color_category_travel_turva = "rgb(9, 129, 148)";
10453
10463
  const color_gray_turva = "rgb(207, 207, 209)";
@@ -10590,6 +10600,7 @@ var tokens = {
10590
10600
  color_gray_light: color_gray_light,
10591
10601
  color_secondary: color_secondary,
10592
10602
  color_category_pet: color_category_pet,
10603
+ color_primary_darker: color_primary_darker,
10593
10604
  color_primary_light: color_primary_light,
10594
10605
  color_category_travel: color_category_travel,
10595
10606
  color_gray: color_gray,
@@ -10610,6 +10621,7 @@ var tokens = {
10610
10621
  color_gray_light_turva: color_gray_light_turva,
10611
10622
  color_brand_gray_turva: color_brand_gray_turva,
10612
10623
  color_secondary_turva: color_secondary_turva,
10624
+ color_primary_darker_turva: color_primary_darker_turva,
10613
10625
  color_primary_light_turva: color_primary_light_turva,
10614
10626
  color_category_travel_turva: color_category_travel_turva,
10615
10627
  color_gray_turva: color_gray_turva,
@@ -10755,6 +10767,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
10755
10767
  color_gray_light: color_gray_light,
10756
10768
  color_secondary: color_secondary,
10757
10769
  color_category_pet: color_category_pet,
10770
+ color_primary_darker: color_primary_darker,
10758
10771
  color_primary_light: color_primary_light,
10759
10772
  color_category_travel: color_category_travel,
10760
10773
  color_gray: color_gray,
@@ -10775,6 +10788,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
10775
10788
  color_gray_light_turva: color_gray_light_turva,
10776
10789
  color_brand_gray_turva: color_brand_gray_turva,
10777
10790
  color_secondary_turva: color_secondary_turva,
10791
+ color_primary_darker_turva: color_primary_darker_turva,
10778
10792
  color_primary_light_turva: color_primary_light_turva,
10779
10793
  color_category_travel_turva: color_category_travel_turva,
10780
10794
  color_gray_turva: color_gray_turva,
@@ -11048,6 +11062,52 @@ class DuetCombobox {
11048
11062
  // this.listElement.style.width = `${currentWidth + 1}px`
11049
11063
  }
11050
11064
  }, 100));
11065
+ this.handleInputKeyDownEvent = (e) => {
11066
+ //if selection is made, close the list and update internal and external values
11067
+ // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
11068
+ // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
11069
+ this.input.accessibleActiveDescendant = undefined;
11070
+ if (isEnterKey(e)) {
11071
+ e.preventDefault();
11072
+ this.selectActiveItem();
11073
+ this.updateInputText(false);
11074
+ this.listOpen = false;
11075
+ return;
11076
+ }
11077
+ //tabbing out or escaping, restore initial state
11078
+ if (isEscapeKey(e) || isTabKey(e)) {
11079
+ this.updateInputText(true);
11080
+ this.listOpen = false;
11081
+ return;
11082
+ }
11083
+ //handle arrow up/down navigation
11084
+ let nextActiveItem = this.activeItem;
11085
+ if (isArrowUpKey(e)) {
11086
+ e.preventDefault();
11087
+ nextActiveItem = this.activeItem - 1;
11088
+ }
11089
+ else if (isArrowDownKey(e)) {
11090
+ e.preventDefault();
11091
+ nextActiveItem = this.listOpen ? this.activeItem + 1 : this.activeItem;
11092
+ this.listOpen = true;
11093
+ }
11094
+ if (isArrowDownKey(e) || isArrowUpKey(e)) {
11095
+ const listItems = this.shouldListBeFiltered() ? this.getFilteredItems() : this.processedItems;
11096
+ if (nextActiveItem < 0 || !nextActiveItem) {
11097
+ nextActiveItem = 0;
11098
+ }
11099
+ if (nextActiveItem >= listItems.length) {
11100
+ nextActiveItem = listItems.length - 1;
11101
+ }
11102
+ // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
11103
+ // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
11104
+ this.input.accessibleActiveDescendant = "active_item";
11105
+ this.activeItem = nextActiveItem;
11106
+ this.scrollToActive();
11107
+ }
11108
+ this.announceActive();
11109
+ return;
11110
+ };
11051
11111
  this.processedItems = null;
11052
11112
  this.inputWidth = 0;
11053
11113
  this.inputValue = "";
@@ -11234,52 +11294,6 @@ class DuetCombobox {
11234
11294
  this.inputValue = e.detail.value;
11235
11295
  this.listOpen = String(this.inputValue).length >= this.minCharacters && ((_a = this.getFilteredItems()) === null || _a === void 0 ? void 0 : _a.length) > 0;
11236
11296
  }
11237
- handleInputKeyDownEvent(e) {
11238
- //if selection is made, close the list and update internal and external values
11239
- // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
11240
- // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
11241
- this.input.accessibleActiveDescendant = undefined;
11242
- if (isEnterKey(e)) {
11243
- e.preventDefault();
11244
- this.selectActiveItem();
11245
- this.updateInputText(false);
11246
- this.listOpen = false;
11247
- return;
11248
- }
11249
- //tabbing out or escaping, restore initial state
11250
- if (isEscapeKey(e) || isTabKey(e)) {
11251
- this.updateInputText(true);
11252
- this.listOpen = false;
11253
- return;
11254
- }
11255
- //handle arrow up/down navigation
11256
- let nextActiveItem = this.activeItem;
11257
- if (isArrowUpKey(e)) {
11258
- e.preventDefault();
11259
- nextActiveItem = this.activeItem - 1;
11260
- }
11261
- else if (isArrowDownKey(e)) {
11262
- e.preventDefault();
11263
- nextActiveItem = this.listOpen ? this.activeItem + 1 : this.activeItem;
11264
- this.listOpen = true;
11265
- }
11266
- if (isArrowDownKey(e) || isArrowUpKey(e)) {
11267
- const listItems = this.shouldListBeFiltered() ? this.getFilteredItems() : this.processedItems;
11268
- if (nextActiveItem < 0 || !nextActiveItem) {
11269
- nextActiveItem = 0;
11270
- }
11271
- if (nextActiveItem >= listItems.length) {
11272
- nextActiveItem = listItems.length - 1;
11273
- }
11274
- // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
11275
- // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
11276
- this.input.accessibleActiveDescendant = "active_item";
11277
- this.activeItem = nextActiveItem;
11278
- this.scrollToActive();
11279
- }
11280
- this.announceActive();
11281
- return;
11282
- }
11283
11297
  selectActiveItem() {
11284
11298
  if (this.activeItem === undefined) {
11285
11299
  return;
@@ -11528,6 +11542,18 @@ class DuetCookieConsent {
11528
11542
  }; }
11529
11543
  }
11530
11544
 
11545
+ const focusElement = (element) => {
11546
+ if ("setFocus" in element) {
11547
+ element.setFocus();
11548
+ }
11549
+ else {
11550
+ element.focus();
11551
+ }
11552
+ };
11553
+ const FocusGuard = ({ moveFocusTo }) => {
11554
+ return hAsync("div", { class: "duet-focus-guard", "aria-hidden": "true", tabIndex: 0, onFocus: () => focusElement(moveFocusTo) });
11555
+ };
11556
+
11531
11557
  const DATE_FORMAT = /^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;
11532
11558
  const ISO_DATE_FORMAT = /^(\d{4})-(\d{2})-(\d{2})$/;
11533
11559
  const DATE_OUTPUT_FORMAT = "dd.mm.yyyy";
@@ -12383,7 +12409,7 @@ class DuetFieldset {
12383
12409
  this.compactLabel = false;
12384
12410
  this.error = undefined;
12385
12411
  this.accessibleLiveError = "polite";
12386
- this.labelHeadingLevel = "h3";
12412
+ this.labelHeadingLevel = "span";
12387
12413
  this.labelHidden = false;
12388
12414
  }
12389
12415
  /**
@@ -12653,7 +12679,7 @@ const findCheckedOption = (el, tagName) => {
12653
12679
  return options.find((o) => o.checked === true);
12654
12680
  };
12655
12681
 
12656
- const duetGridCss = ".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:9/span 4}}";
12682
+ const duetGridCss = ".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(even){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(even){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(odd){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(even){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3n+3){grid-column:9/span 4}}";
12657
12683
 
12658
12684
  function isGridItem(element) {
12659
12685
  return element.tagName.toLowerCase() === "duet-grid-item";
@@ -13903,7 +13929,7 @@ class DuetHero {
13903
13929
  href: this.processedBack.href,
13904
13930
  id: this.processedBack.id,
13905
13931
  analyticsId: this.processedBack.analyticsId,
13906
- }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", null, hAsync("slot", { name: "subheading" })))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("div", { class: "duet-hero-slot-unnamed" }, hAsync("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
13932
+ }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", null, hAsync("slot", { name: "subheading" })))), this.description && (hAsync("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", null)), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
13907
13933
  this.variation !== "image" &&
13908
13934
  !campaignOrSection &&
13909
13935
  this.variation !== "product" &&
@@ -14588,7 +14614,7 @@ class DuetLayout {
14588
14614
  }; }
14589
14615
  }
14590
14616
 
14591
- 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}/*!@.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, 119, 179);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(198, 12, 48)}/*!@.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__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)}";
14617
+ 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}/*!@.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__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)}";
14592
14618
 
14593
14619
  /**
14594
14620
  * @part duet-link - piercing selector for styling the link
@@ -15702,7 +15728,7 @@ class Teleport {
15702
15728
  }
15703
15729
  }
15704
15730
 
15705
- 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-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}";
15731
+ 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}";
15706
15732
 
15707
15733
  // The transition below is slightly higher than the actual CSS transition as VoiceOver on
15708
15734
  // iOS has otherwise problems moving the focus from modal back to the original element.
@@ -15727,6 +15753,12 @@ class DuetModal {
15727
15753
  this.hasStickyHeader = false;
15728
15754
  this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
15729
15755
  this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
15756
+ this.accessibleLoaderAnnouncementDefaults = DuetStringsPleaseWaitDefaults;
15757
+ this.accessibleCloseLabelDefaults = {
15758
+ fi: "Sulje ikkuna",
15759
+ sv: "Stäng fönstret",
15760
+ en: "Close the dialog",
15761
+ };
15730
15762
  this.handleAndroidResizeEvents = () => {
15731
15763
  if (document.activeElement.tagName == "INPUT") {
15732
15764
  window.setTimeout(function () {
@@ -15743,12 +15775,8 @@ class DuetModal {
15743
15775
  };
15744
15776
  this.open = false;
15745
15777
  this.language = getLanguage();
15746
- this.accessibleCloseLabelDefaults = {
15747
- fi: "Sulje ikkuna",
15748
- sv: "Stäng fönstret",
15749
- en: "Close the dialog",
15750
- };
15751
15778
  this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefaults, this.language);
15779
+ this.accessibleLoaderAnnouncement = getLocaleString(this.accessibleLoaderAnnouncementDefaults, this.language);
15752
15780
  this.size = "medium";
15753
15781
  this.accessibleDescribedBy = undefined;
15754
15782
  this.accessibleLabelledBy = undefined;
@@ -15774,8 +15802,14 @@ class DuetModal {
15774
15802
  this.focusedElBeforeOpen = document.activeElement;
15775
15803
  disableBodyScroll(this.modalEl, { reserveScrollBarGap: true });
15776
15804
  this.teleport.go(true);
15805
+ this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach(el => el.remove());
15777
15806
  setTimeout(() => {
15778
- this.buttonEl.setFocus();
15807
+ if (this.variation === "loader") {
15808
+ this.addMessage(this.accessibleLoaderAnnouncement, false);
15809
+ }
15810
+ else {
15811
+ this.buttonEl.setFocus();
15812
+ }
15779
15813
  }, TRANSITION_MS);
15780
15814
  setTimeout(() => {
15781
15815
  this.modalEl.classList.add("duet-disable-transitions");
@@ -15811,16 +15845,15 @@ class DuetModal {
15811
15845
  inheritGlobalTheme(this);
15812
15846
  }
15813
15847
  componentDidLoad() {
15814
- this.teleport = new Teleport(this.element);
15815
- if (this.active) {
15816
- // This specific line below can’t be moved to componentWillLoad()
15817
- // as it breaks body scroll enabling.
15818
- this.open = true;
15819
- this.modalEl.classList.add("duet-disable-transitions");
15848
+ {
15849
+ return;
15820
15850
  }
15821
15851
  }
15822
15852
  connectedCallback() {
15823
- connectLanguageChangeObserver(this, { prop: "accessibleCloseLabel", defaults: "accessibleCloseLabelDefaults" });
15853
+ connectLanguageChangeObserver(this, [
15854
+ { prop: "accessibleCloseLabel", defaults: "accessibleCloseLabelDefaults" },
15855
+ { prop: "accessibleLoaderAnnouncement", defaults: "accessibleLoaderAnnouncementDefaults" },
15856
+ ]);
15824
15857
  }
15825
15858
  disconnectedCallback() {
15826
15859
  disconnectLanguageChangeObserver(this);
@@ -15852,6 +15885,25 @@ class DuetModal {
15852
15885
  async hide() {
15853
15886
  this.open = false;
15854
15887
  }
15888
+ /**
15889
+ * Adds a message to the modal dialog using animation and annoucing it to screen readers.
15890
+ * Primarily for use with the loader variation.
15891
+ *
15892
+ * @param message - The message to be added to the modal dialog.
15893
+ * @param visible - set to false if you want to add a non-visual message.
15894
+ */
15895
+ async addMessage(message, visible = true) {
15896
+ const el = document.createElement(visible ? "duet-paragraph" : "duet-visually-hidden");
15897
+ el.textContent = message;
15898
+ el.classList.add("duet-loader-message");
15899
+ if (visible) {
15900
+ setTimeout(() => {
15901
+ this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach(el => el.classList.remove("show"));
15902
+ el.classList.add("show");
15903
+ }, 10);
15904
+ }
15905
+ this.slotContainerEl.appendChild(el);
15906
+ }
15855
15907
  /**
15856
15908
  * Local methods.
15857
15909
  */
@@ -15880,13 +15932,13 @@ class DuetModal {
15880
15932
  iconColor = "primary-turva";
15881
15933
  closeColor = "secondary-turva";
15882
15934
  }
15883
- return (hAsync("div", { ref: modal => (this.modalEl = modal), "aria-label": this.accessibleLabel, "aria-labelledby": this.heading ? this.modalId : false, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", "aria-flowto": this.slotDefaultId, class: {
15935
+ return (hAsync("div", { ref: modal => (this.modalEl = modal), "aria-label": this.accessibleLabel, "aria-labelledby": this.heading ? this.modalId : false, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", "aria-flowto": this.slotDefaultId, class: {
15884
15936
  "duet-modal-container": true,
15885
15937
  "duet-theme-turva": this.theme === "turva",
15886
15938
  "duet-modal-active": this.open,
15887
15939
  "duet-modal-slide-up": this.variation === "slide-up",
15888
15940
  "duet-modal-has-sticky-header": this.hasStickyHeader,
15889
- } }, hAsync(FocusGuard, { moveFocusTo: this.buttonEl }), hAsync("duet-overlay", { "z-index": "-1", visible: this.open }), hAsync("div", { ref: modalInner => (this.modalInnerEl = modalInner), class: {
15941
+ } }, hAsync(FocusGuard, { moveFocusTo: this.buttonEl }), hAsync("duet-overlay", { "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { ref: modalInner => (this.modalInnerEl = modalInner), class: {
15890
15942
  "duet-modal-inner": true,
15891
15943
  [this.size]: true,
15892
15944
  "duet-modal-slide-up": this.variation === "slide-up",
@@ -15908,7 +15960,7 @@ class DuetModal {
15908
15960
  "duet-modal-gutter-small": this.gutterSize === "small",
15909
15961
  "duet-modal-gutter-medium": this.gutterSize === "medium",
15910
15962
  "duet-modal-gutter-large": this.gutterSize === "large",
15911
- } }, hAsync("div", { class: "duet-modal-header" }, hAsync("span", { class: "duet-modal-inner-slot-top" }, hAsync("slot", { name: "top" })), this.icon && hAsync("duet-icon", { name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { "visual-level": (_a = this.headingVisualLevel) !== null && _a !== void 0 ? _a : this.headingLevel, level: this.headingLevel, theme: this.theme, id: this.modalId }, this.heading))), hAsync("div", { class: "duet-modal-inner-slot-default", id: this.slotDefaultId }, hAsync("slot", null))))), hAsync(FocusGuard, { moveFocusTo: this.buttonEl })));
15963
+ } }, hAsync("div", { class: "duet-modal-header" }, hAsync("span", { class: "duet-modal-inner-slot-top" }, hAsync("slot", { name: "top" })), this.icon && hAsync("duet-icon", { name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { "visual-level": (_a = this.headingVisualLevel) !== null && _a !== void 0 ? _a : this.headingLevel, level: this.headingLevel, theme: this.theme, id: this.modalId }, this.heading))), this.variation === "loader" && (hAsync("div", { class: "duet-modal-spinner" }, hAsync("duet-spinner", { size: "large", color: "primary" }))), hAsync("div", { class: "duet-modal-inner-slot-default", id: this.slotDefaultId, ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", null))))), hAsync(FocusGuard, { moveFocusTo: this.buttonEl })));
15912
15964
  }
15913
15965
  get element() { return getElement(this); }
15914
15966
  static get watchers() { return {
@@ -15921,8 +15973,8 @@ class DuetModal {
15921
15973
  "$tagName$": "duet-modal",
15922
15974
  "$members$": {
15923
15975
  "language": [1537],
15924
- "accessibleCloseLabelDefaults": [1, "accessible-close-label-default"],
15925
15976
  "accessibleCloseLabel": [1025, "accessible-close-label"],
15977
+ "accessibleLoaderAnnouncement": [1025, "accessible-loader-announcement"],
15926
15978
  "size": [1],
15927
15979
  "accessibleDescribedBy": [1, "accessible-described-by"],
15928
15980
  "accessibleLabelledBy": [1, "accessible-labelled-by"],
@@ -15941,7 +15993,8 @@ class DuetModal {
15941
15993
  "closeOnBlur": [1028, "close-on-blur"],
15942
15994
  "open": [32],
15943
15995
  "show": [64],
15944
- "hide": [64]
15996
+ "hide": [64],
15997
+ "addMessage": [64]
15945
15998
  },
15946
15999
  "$listeners$": [[8, "keyup", "handleKeyUp"]],
15947
16000
  "$lazyBundleId$": "-",
@@ -16852,7 +16905,7 @@ class DuetNumberInput {
16852
16905
  }; }
16853
16906
  }
16854
16907
 
16855
- const duetOverlayCss = "/*!@.duet-overlay*/.duet-overlay.sc-duet-overlay{position:fixed;top:0;left:0;display:block;width:100%;height:100%;visibility:visible;background:rgb(0, 41, 77);opacity:0.3}/*!@.duet-overlay.duet-theme-turva*/.duet-overlay.duet-theme-turva.sc-duet-overlay{background:rgb(23, 28, 58)}/*!@.duet-overlay.keep-stacking-context*/.duet-overlay.keep-stacking-context.sc-duet-overlay{position:absolute;top:unset;left:unset;z-index:unset !important}/*!@.duet-overlay.modal-overlay*/.duet-overlay.modal-overlay.sc-duet-overlay{z-index:-1}/*!@.duet-overlay.hidden*/.duet-overlay.hidden.sc-duet-overlay{visibility:hidden;opacity:0}/*!@.duet-overlay.display-x-small*/.duet-overlay.display-x-small.sc-duet-overlay{display:none}@media (max-width: 35.9375em){/*!@.duet-overlay.display-x-small*/.duet-overlay.display-x-small.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-x-small.not*/.duet-overlay.display-x-small.not.sc-duet-overlay{display:block}@media (max-width: 35.9375em){/*!@.duet-overlay.display-x-small.not*/.duet-overlay.display-x-small.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.display-small*/.duet-overlay.display-small.sc-duet-overlay{display:none}@media (min-width: 36em){/*!@.duet-overlay.display-small*/.duet-overlay.display-small.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-small.not*/.duet-overlay.display-small.not.sc-duet-overlay{display:block}@media (min-width: 36em){/*!@.duet-overlay.display-small.not*/.duet-overlay.display-small.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.display-medium*/.duet-overlay.display-medium.sc-duet-overlay{display:none}@media (min-width: 48em){/*!@.duet-overlay.display-medium*/.duet-overlay.display-medium.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-medium.not*/.duet-overlay.display-medium.not.sc-duet-overlay{display:block}@media (min-width: 48em){/*!@.duet-overlay.display-medium.not*/.duet-overlay.display-medium.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.display-large*/.duet-overlay.display-large.sc-duet-overlay{display:none}@media (min-width: 62em){/*!@.duet-overlay.display-large*/.duet-overlay.display-large.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-large.not*/.duet-overlay.display-large.not.sc-duet-overlay{display:block}@media (min-width: 62em){/*!@.duet-overlay.display-large.not*/.duet-overlay.display-large.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.transition-slowly*/.duet-overlay.transition-slowly.sc-duet-overlay{transition:600ms ease}/*!@.duet-overlay.transition-quickly*/.duet-overlay.transition-quickly.sc-duet-overlay{transition:300ms ease}";
16908
+ const duetOverlayCss = "/*!@.duet-overlay*/.duet-overlay.sc-duet-overlay{position:fixed;top:0;left:0;display:block;width:100%;height:100%;visibility:visible;background:rgb(0, 41, 77);opacity:0.3}/*!@.duet-overlay.duet-theme-turva*/.duet-overlay.duet-theme-turva.sc-duet-overlay{background:rgb(23, 28, 58)}/*!@.duet-overlay.keep-stacking-context*/.duet-overlay.keep-stacking-context.sc-duet-overlay{position:absolute;top:unset;left:unset;z-index:unset !important}/*!@.duet-overlay.modal-overlay*/.duet-overlay.modal-overlay.sc-duet-overlay{z-index:-1}/*!@.duet-overlay.hidden*/.duet-overlay.hidden.sc-duet-overlay{visibility:hidden;opacity:0}/*!@.duet-overlay.dark*/.duet-overlay.dark.sc-duet-overlay{opacity:0.85}/*!@.duet-overlay.white*/.duet-overlay.white.sc-duet-overlay{background:rgb(255, 255, 255);opacity:0.9}/*!@.duet-overlay.white.duet-theme-turva*/.duet-overlay.white.duet-theme-turva.sc-duet-overlay{background:rgb(255, 255, 255)}/*!@.duet-overlay.display-x-small*/.duet-overlay.display-x-small.sc-duet-overlay{display:none}@media (max-width: 35.9375em){/*!@.duet-overlay.display-x-small*/.duet-overlay.display-x-small.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-x-small.not*/.duet-overlay.display-x-small.not.sc-duet-overlay{display:block}@media (max-width: 35.9375em){/*!@.duet-overlay.display-x-small.not*/.duet-overlay.display-x-small.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.display-small*/.duet-overlay.display-small.sc-duet-overlay{display:none}@media (min-width: 36em){/*!@.duet-overlay.display-small*/.duet-overlay.display-small.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-small.not*/.duet-overlay.display-small.not.sc-duet-overlay{display:block}@media (min-width: 36em){/*!@.duet-overlay.display-small.not*/.duet-overlay.display-small.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.display-medium*/.duet-overlay.display-medium.sc-duet-overlay{display:none}@media (min-width: 48em){/*!@.duet-overlay.display-medium*/.duet-overlay.display-medium.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-medium.not*/.duet-overlay.display-medium.not.sc-duet-overlay{display:block}@media (min-width: 48em){/*!@.duet-overlay.display-medium.not*/.duet-overlay.display-medium.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.display-large*/.duet-overlay.display-large.sc-duet-overlay{display:none}@media (min-width: 62em){/*!@.duet-overlay.display-large*/.duet-overlay.display-large.sc-duet-overlay{display:block}}/*!@.duet-overlay.display-large.not*/.duet-overlay.display-large.not.sc-duet-overlay{display:block}@media (min-width: 62em){/*!@.duet-overlay.display-large.not*/.duet-overlay.display-large.not.sc-duet-overlay{display:none}}/*!@.duet-overlay.transition-slowly*/.duet-overlay.transition-slowly.sc-duet-overlay{transition:600ms ease}/*!@.duet-overlay.transition-quickly*/.duet-overlay.transition-quickly.sc-duet-overlay{transition:300ms ease}";
16856
16909
 
16857
16910
  /**
16858
16911
  * @internal
@@ -16874,6 +16927,7 @@ class DuetOverlay {
16874
16927
  this.displayDevice = "all";
16875
16928
  this.transition = "slowly";
16876
16929
  this.zIndex = "400";
16930
+ this.variation = "default";
16877
16931
  }
16878
16932
  /**
16879
16933
  * Component lifecycle events.
@@ -16897,6 +16951,7 @@ class DuetOverlay {
16897
16951
  "display-large": this.getDisplayBreakpoint() === "large",
16898
16952
  not: this.displayDevice.startsWith("not"),
16899
16953
  hidden: !this.visible,
16954
+ [this.variation]: true,
16900
16955
  } })));
16901
16956
  }
16902
16957
  static get style() { return duetOverlayCss; }
@@ -16910,7 +16965,8 @@ class DuetOverlay {
16910
16965
  "theme": [1025],
16911
16966
  "displayDevice": [1025, "display-device"],
16912
16967
  "transition": [1025],
16913
- "zIndex": [1025, "z-index"]
16968
+ "zIndex": [1025, "z-index"],
16969
+ "variation": [1]
16914
16970
  },
16915
16971
  "$listeners$": undefined,
16916
16972
  "$lazyBundleId$": "-",