@duetds/components 9.0.2 → 9.1.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 (749) hide show
  1. package/hydrate/index.js +859 -164
  2. package/lib/cjs/{app-globals-ea68dfa3.js → app-globals-bbbc26ee.js} +1 -1
  3. package/lib/cjs/body-scroll-dba42314.js +237 -0
  4. package/lib/cjs/duet-action-button.cjs.entry.js +5 -5
  5. package/lib/cjs/duet-alert.cjs.entry.js +4 -4
  6. package/lib/cjs/duet-badge.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-banner.cjs.entry.js +5 -5
  8. package/lib/cjs/duet-breadcrumb.cjs.entry.js +3 -3
  9. package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
  10. package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
  11. package/lib/cjs/duet-callout.cjs.entry.js +2 -2
  12. package/lib/cjs/duet-caption_4.cjs.entry.js +5 -5
  13. package/lib/cjs/duet-card.cjs.entry.js +4 -4
  14. package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
  16. package/lib/cjs/duet-chip.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-choice_2.cjs.entry.js +4 -4
  18. package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
  19. package/lib/cjs/duet-combobox.cjs.entry.js +9 -5
  20. package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
  21. package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-date-picker.cjs.entry.js +5 -5
  23. package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
  24. package/lib/cjs/duet-editable-table_3.cjs.entry.js +8 -8
  25. package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
  26. package/lib/cjs/duet-fieldset.cjs.entry.js +2 -2
  27. package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
  28. package/lib/cjs/duet-footer.cjs.entry.js +4 -4
  29. package/lib/cjs/duet-grid_2.cjs.entry.js +8 -5
  30. package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
  31. package/lib/cjs/duet-hero.cjs.entry.js +5 -5
  32. package/lib/cjs/duet-icon.cjs.entry.js +3 -3
  33. package/lib/cjs/duet-input_2.cjs.entry.js +6 -6
  34. package/lib/cjs/duet-layout.cjs.entry.js +3 -3
  35. package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
  36. package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -1
  37. package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
  38. package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -1
  39. package/lib/cjs/duet-menu-bar-item.cjs.entry.js +1 -1
  40. package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -1
  41. package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
  42. package/lib/cjs/duet-modal.cjs.entry.js +5 -5
  43. package/lib/cjs/duet-multiselect.cjs.entry.js +4 -4
  44. package/lib/cjs/duet-nav.cjs.entry.js +1 -1
  45. package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
  46. package/lib/cjs/duet-number-input.cjs.entry.js +4 -4
  47. package/lib/cjs/duet-overlay.cjs.entry.js +1 -1
  48. package/lib/cjs/duet-page-heading.cjs.entry.js +6 -5
  49. package/lib/cjs/duet-pagination_2.cjs.entry.js +5 -5
  50. package/lib/cjs/duet-popup-menu-item.cjs.entry.js +1 -1
  51. package/lib/cjs/duet-popup-menu.cjs.entry.js +2 -2
  52. package/lib/cjs/duet-progress.cjs.entry.js +3 -3
  53. package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
  54. package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
  55. package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
  56. package/lib/cjs/duet-scrollable_3.cjs.entry.js +58 -38
  57. package/lib/cjs/duet-section-layout.cjs.entry.js +5 -5
  58. package/lib/cjs/duet-select.cjs.entry.js +3 -3
  59. package/lib/cjs/duet-shaped-image.cjs.entry.js +3 -3
  60. package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
  61. package/lib/cjs/duet-slideout-lang.cjs.entry.js +5 -5
  62. package/lib/cjs/duet-slideout-link.cjs.entry.js +3 -3
  63. package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +5 -5
  64. package/lib/cjs/duet-slideout-panel.cjs.entry.js +49 -13
  65. package/lib/cjs/duet-slideout.cjs.entry.js +15 -15
  66. package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
  67. package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +3 -3
  68. package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
  69. package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +2 -2
  70. package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
  71. package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
  72. package/lib/cjs/duet-textarea.cjs.entry.js +4 -4
  73. package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
  74. package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
  75. package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +5 -5
  76. package/lib/cjs/duet-toolbar-item.cjs.entry.js +3 -3
  77. package/lib/cjs/duet-toolbar-link.cjs.entry.js +3 -3
  78. package/lib/cjs/duet-toolbar.cjs.entry.js +3 -3
  79. package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +6 -6
  80. package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
  81. package/lib/cjs/duet-tray.cjs.entry.js +6 -6
  82. package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
  83. package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
  84. package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
  85. package/lib/cjs/duet.cjs.js +3 -3
  86. package/lib/cjs/{errorcodes.utils-fa515fad.js → errorcodes.utils-6fe27aab.js} +2 -2
  87. package/lib/cjs/{focus-utils-c8454b0e.js → focus-utils-b8926034.js} +1 -1
  88. package/lib/cjs/{index-77ef38d9.js → index-0c9fd2f8.js} +1 -1
  89. package/lib/cjs/{language-utils-48d507db.js → language-utils-8f7743a1.js} +2 -2
  90. package/lib/cjs/loader.cjs.js +3 -3
  91. package/lib/cjs/{slot-utils-a914b77c.js → slot-utils-85cd307f.js} +1 -1
  92. package/lib/cjs/{string-utils-053749ff.js → string-utils-7b13c16e.js} +7 -0
  93. package/lib/cjs/{token-utils-2a219fda.js → token-utils-ecc7f5a1.js} +1 -1
  94. package/lib/cjs/{tokens-851fb0c9.js → tokens-1c133754.js} +252 -0
  95. package/lib/cjs/{tokens.module-3e57c188.js → tokens.module-cf303205.js} +168 -0
  96. package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
  97. package/lib/collection/components/duet-alert/duet-alert.js +1 -1
  98. package/lib/collection/components/duet-banner/duet-banner.js +1 -1
  99. package/lib/collection/components/duet-button/duet-button.js +5 -5
  100. package/lib/collection/components/duet-caption/duet-caption.js +1 -1
  101. package/lib/collection/components/duet-card/duet-card.js +3 -3
  102. package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
  103. package/lib/collection/components/duet-chip/duet-chip.js +6 -6
  104. package/lib/collection/components/duet-choice/duet-choice.js +3 -3
  105. package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
  106. package/lib/collection/components/duet-combobox/duet-combobox-select.js +6 -1
  107. package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
  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-file-chooser/duet-file-chooser.js +1 -1
  114. package/lib/collection/components/duet-footer/duet-footer.js +7 -7
  115. package/lib/collection/components/duet-grid/duet-grid.css +187 -113
  116. package/lib/collection/components/duet-grid/duet-grid.js +5 -4
  117. package/lib/collection/components/duet-grid-item/duet-grid-item.css +27 -2
  118. package/lib/collection/components/duet-grid-item/duet-grid-item.js +25 -2
  119. package/lib/collection/components/duet-header/duet-header.js +15 -15
  120. package/lib/collection/components/duet-heading/duet-heading.js +1 -1
  121. package/lib/collection/components/duet-hero/duet-hero.css +12 -0
  122. package/lib/collection/components/duet-hero/duet-hero.js +5 -5
  123. package/lib/collection/components/duet-input/duet-input.js +8 -8
  124. package/lib/collection/components/duet-label/duet-label.js +2 -2
  125. package/lib/collection/components/duet-layout/duet-layout.css +1 -0
  126. package/lib/collection/components/duet-layout/duet-layout.js +1 -1
  127. package/lib/collection/components/duet-list/duet-list.js +3 -3
  128. package/lib/collection/components/duet-logo/duet-logo.js +1 -1
  129. package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
  130. package/lib/collection/components/duet-modal/duet-modal.js +4 -4
  131. package/lib/collection/components/duet-multiselect/duet-multiselect.js +6 -6
  132. package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
  133. package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
  134. package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
  135. package/lib/collection/components/duet-page-heading/duet-page-heading.css +7 -0
  136. package/lib/collection/components/duet-page-heading/duet-page-heading.js +7 -6
  137. package/lib/collection/components/duet-pagination/duet-pagination.js +2 -2
  138. package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
  139. package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
  140. package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
  141. package/lib/collection/components/duet-radio/duet-radio.js +3 -3
  142. package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
  143. package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
  144. package/lib/collection/components/duet-scrollable/duet-scrollable.css +69 -40
  145. package/lib/collection/components/duet-scrollable/duet-scrollable.js +76 -32
  146. package/lib/collection/components/duet-section-layout/duet-section-layout.css +1 -0
  147. package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
  148. package/lib/collection/components/duet-select/duet-select.js +5 -5
  149. package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
  150. package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
  151. package/lib/collection/components/duet-slideout/duet-slideout.js +6 -6
  152. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +1 -0
  153. package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
  154. package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
  155. package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +48 -8
  156. package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
  157. package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
  158. package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
  159. package/lib/collection/components/duet-step/duet-step.js +3 -3
  160. package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
  161. package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
  162. package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
  163. package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
  164. package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
  165. package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
  166. package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
  167. package/lib/collection/components/duet-table/duet-table.js +2 -2
  168. package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
  169. package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
  170. package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
  171. package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
  172. package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
  173. package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +2 -2
  174. package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
  175. package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +2 -2
  176. package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
  177. package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
  178. package/lib/collection/components/duet-tray/duet-tray.js +2 -2
  179. package/lib/collection/components/duet-upload/duet-upload.js +14 -14
  180. package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
  181. package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
  182. package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
  183. package/lib/collection/utils/body-scroll.js +257 -0
  184. package/lib/collection/utils/string-utils.js +6 -0
  185. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  186. package/lib/dist-custom-elements/duet-alert.js +1 -1
  187. package/lib/dist-custom-elements/duet-badge.js +1 -1
  188. package/lib/dist-custom-elements/duet-banner.js +5 -5
  189. package/lib/dist-custom-elements/duet-breadcrumb.js +4 -4
  190. package/lib/dist-custom-elements/duet-breadcrumbs.js +3 -3
  191. package/lib/dist-custom-elements/duet-button.js +1 -1
  192. package/lib/dist-custom-elements/duet-callout.js +2 -2
  193. package/lib/dist-custom-elements/duet-caption.js +1 -1
  194. package/lib/dist-custom-elements/duet-card.js +5 -5
  195. package/lib/dist-custom-elements/duet-checkbox.js +1 -1
  196. package/lib/dist-custom-elements/duet-checkmark.js +1 -1
  197. package/lib/dist-custom-elements/duet-chip.js +1 -1
  198. package/lib/dist-custom-elements/duet-choice-group.js +8 -8
  199. package/lib/dist-custom-elements/duet-choice.js +5 -5
  200. package/lib/dist-custom-elements/duet-collapsible.js +4 -4
  201. package/lib/dist-custom-elements/duet-combobox.js +19 -15
  202. package/lib/dist-custom-elements/duet-contact-card.js +9 -9
  203. package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
  204. package/lib/dist-custom-elements/duet-date-picker.js +14 -14
  205. package/lib/dist-custom-elements/duet-divider.js +1 -1
  206. package/lib/dist-custom-elements/duet-editable-table.js +8 -8
  207. package/lib/dist-custom-elements/duet-empty-state.js +1 -1
  208. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  209. package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
  210. package/lib/dist-custom-elements/duet-footer.js +9 -9
  211. package/lib/dist-custom-elements/duet-grid-item.js +1 -1
  212. package/lib/dist-custom-elements/duet-grid.js +1 -1
  213. package/lib/dist-custom-elements/duet-header.js +11 -11
  214. package/lib/dist-custom-elements/duet-heading.js +1 -1
  215. package/lib/dist-custom-elements/duet-hero.js +12 -12
  216. package/lib/dist-custom-elements/duet-icon.js +1 -1
  217. package/lib/dist-custom-elements/duet-input.js +1 -1
  218. package/lib/dist-custom-elements/duet-label.js +1 -1
  219. package/lib/dist-custom-elements/duet-layout.js +2 -2
  220. package/lib/dist-custom-elements/duet-link.js +1 -1
  221. package/lib/dist-custom-elements/duet-list-item.js +1 -1
  222. package/lib/dist-custom-elements/duet-list.js +1 -1
  223. package/lib/dist-custom-elements/duet-logo.js +1 -1
  224. package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
  225. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
  226. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
  227. package/lib/dist-custom-elements/duet-menu-bar-item.js +2 -2
  228. package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
  229. package/lib/dist-custom-elements/duet-menu-bar.js +4 -4
  230. package/lib/dist-custom-elements/duet-modal.js +9 -9
  231. package/lib/dist-custom-elements/duet-multiselect.js +11 -11
  232. package/lib/dist-custom-elements/duet-nav.js +1 -1
  233. package/lib/dist-custom-elements/duet-notification-drawer.js +5 -5
  234. package/lib/dist-custom-elements/duet-notification.js +3 -3
  235. package/lib/dist-custom-elements/duet-number-input.js +12 -12
  236. package/lib/dist-custom-elements/duet-overlay.js +1 -1
  237. package/lib/dist-custom-elements/duet-page-heading.js +7 -6
  238. package/lib/dist-custom-elements/duet-pagination.js +16 -16
  239. package/lib/dist-custom-elements/duet-paragraph.js +1 -1
  240. package/lib/dist-custom-elements/duet-popup-menu-item.js +2 -2
  241. package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
  242. package/lib/dist-custom-elements/duet-progress.js +1 -1
  243. package/lib/dist-custom-elements/duet-promo-card.js +4 -4
  244. package/lib/dist-custom-elements/duet-radio-group.js +8 -8
  245. package/lib/dist-custom-elements/duet-radio.js +1 -1
  246. package/lib/dist-custom-elements/duet-range-slider.js +3 -3
  247. package/lib/dist-custom-elements/duet-range-stepper.js +5 -5
  248. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  249. package/lib/dist-custom-elements/duet-section-layout.js +5 -5
  250. package/lib/dist-custom-elements/duet-select.js +1 -1
  251. package/lib/dist-custom-elements/duet-shaped-image.js +3 -3
  252. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  253. package/lib/dist-custom-elements/duet-slideout-lang.js +5 -5
  254. package/lib/dist-custom-elements/duet-slideout-link.js +4 -4
  255. package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +6 -6
  256. package/lib/dist-custom-elements/duet-slideout-panel.js +47 -10
  257. package/lib/dist-custom-elements/duet-slideout.js +10 -10
  258. package/lib/dist-custom-elements/duet-spacer.js +1 -1
  259. package/lib/dist-custom-elements/duet-spinner.js +1 -1
  260. package/lib/dist-custom-elements/duet-step.js +7 -6
  261. package/lib/dist-custom-elements/duet-stepper.js +2 -2
  262. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +4 -4
  263. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +7 -7
  264. package/lib/dist-custom-elements/duet-submenu-bar-item.js +3 -3
  265. package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
  266. package/lib/dist-custom-elements/duet-submenu-bar.js +9 -9
  267. package/lib/dist-custom-elements/duet-tab-group.js +14 -14
  268. package/lib/dist-custom-elements/duet-tab.js +3 -3
  269. package/lib/dist-custom-elements/duet-table.js +1 -1
  270. package/lib/dist-custom-elements/duet-textarea.js +11 -11
  271. package/lib/dist-custom-elements/duet-toggle.js +2 -2
  272. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
  273. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +6 -6
  274. package/lib/dist-custom-elements/duet-toolbar-item.js +4 -4
  275. package/lib/dist-custom-elements/duet-toolbar-link.js +4 -4
  276. package/lib/dist-custom-elements/duet-toolbar.js +3 -3
  277. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  278. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  279. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  280. package/lib/dist-custom-elements/duet-tray.js +7 -7
  281. package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
  282. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  283. package/lib/dist-custom-elements/duet-upload.js +21 -21
  284. package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
  285. package/lib/dist-custom-elements/index.js +1 -1
  286. package/lib/dist-custom-elements/{p-917183fc.js → p-003f07d0.js} +2 -2
  287. package/lib/dist-custom-elements/{p-5d662897.js → p-08ba0c8e.js} +3 -3
  288. package/lib/dist-custom-elements/{p-a72e5b7a.js → p-092cf346.js} +1 -1
  289. package/lib/dist-custom-elements/{p-5a3e8d37.js → p-0f98be73.js} +4 -4
  290. package/lib/dist-custom-elements/p-1195ba92.js +81 -0
  291. package/lib/dist-custom-elements/{p-6c76ef5f.js → p-13259f25.js} +5 -5
  292. package/lib/dist-custom-elements/p-151ba4af.js +194 -0
  293. package/lib/dist-custom-elements/{p-30bd8b81.js → p-1a0717b2.js} +6 -6
  294. package/lib/dist-custom-elements/{p-49e5becc.js → p-203e91c1.js} +6 -6
  295. package/lib/dist-custom-elements/{p-7acaa80f.js → p-2ad70bfb.js} +3 -3
  296. package/lib/dist-custom-elements/{p-98e97672.js → p-2f3cb54b.js} +4 -4
  297. package/lib/dist-custom-elements/{p-7915de0a.js → p-317b4bb8.js} +1 -1
  298. package/lib/dist-custom-elements/{p-2686d381.js → p-33a40488.js} +2 -2
  299. package/lib/dist-custom-elements/{p-0c1a8c61.js → p-41222b8d.js} +2 -2
  300. package/lib/dist-custom-elements/{p-dbd3f1f5.js → p-4c7eab86.js} +2 -2
  301. package/lib/dist-custom-elements/{p-e107da9a.js → p-4e2ad0e0.js} +2 -2
  302. package/lib/dist-custom-elements/{p-0c2421ed.js → p-5d15bc28.js} +5 -5
  303. package/lib/dist-custom-elements/{p-91d87226.js → p-5faf2571.js} +11 -11
  304. package/lib/dist-custom-elements/{p-646f2766.js → p-6b4d1a90.js} +3 -3
  305. package/lib/dist-custom-elements/{p-203ae2e7.js → p-6ded6ab0.js} +7 -7
  306. package/lib/dist-custom-elements/{p-23a36860.js → p-717f62de.js} +1 -1
  307. package/lib/dist-custom-elements/{p-813c3b7e.js → p-78c42188.js} +1 -1
  308. package/lib/dist-custom-elements/{p-3236c232.js → p-7a4e27a2.js} +7 -7
  309. package/lib/dist-custom-elements/{p-940209c1.js → p-7ecba39f.js} +1 -1
  310. package/lib/dist-custom-elements/{p-bc78082f.js → p-7f7ad9b6.js} +2 -2
  311. package/lib/dist-custom-elements/{p-ea482c86.js → p-8027f9ce.js} +2 -2
  312. package/lib/dist-custom-elements/{p-9bcfe1fd.js → p-9587e63e.js} +1 -1
  313. package/lib/dist-custom-elements/{p-a3706081.js → p-976cffee.js} +9 -9
  314. package/lib/dist-custom-elements/{p-0e052642.js → p-9c3c64b9.js} +7 -1
  315. package/lib/dist-custom-elements/{p-47c7860f.js → p-bcc759f6.js} +6 -6
  316. package/lib/dist-custom-elements/{p-a32bc785.js → p-c25a991b.js} +1 -1
  317. package/lib/dist-custom-elements/{p-6d323107.js → p-ccc48f38.js} +59 -38
  318. package/lib/{esm/tokens-a9d9d4dd.js → dist-custom-elements/p-d5c7ae62.js} +252 -0
  319. package/lib/dist-custom-elements/{p-b6ae3f0f.js → p-d656dd95.js} +1 -1
  320. package/lib/dist-custom-elements/{p-a427adbf.js → p-d7d32738.js} +2 -2
  321. package/lib/dist-custom-elements/{p-67ef919e.js → p-dc26d4a2.js} +168 -0
  322. package/lib/dist-custom-elements/{p-9b9d67cc.js → p-eca652e9.js} +1 -1
  323. package/lib/dist-custom-elements/{p-c2e792ff.js → p-f474833e.js} +1 -1
  324. package/lib/dist-custom-elements/{p-d2a380bb.js → p-f5199769.js} +12 -12
  325. package/lib/dist-custom-elements/{p-02005902.js → p-f58dfec6.js} +2 -2
  326. package/lib/dist-custom-elements/{p-fb0d43f7.js → p-fa97c257.js} +3 -3
  327. package/lib/dist-custom-elements/{p-3ec3eb5f.js → p-fac41d14.js} +1 -1
  328. package/lib/dist-custom-elements/p-fc09c464.js +234 -0
  329. package/lib/duet/duet.esm.js +1 -1
  330. package/lib/duet/duet.js +1 -1
  331. package/lib/duet/{p-b6db5cd9.system.entry.js → p-01e57a3b.system.entry.js} +1 -1
  332. package/lib/duet/{p-9a323612.entry.js → p-022f9a30.entry.js} +1 -1
  333. package/lib/duet/{p-d5a206c2.system.js → p-06ad5d11.system.js} +1 -1
  334. package/lib/duet/{p-62a6a013.system.entry.js → p-07802adc.system.entry.js} +1 -1
  335. package/lib/duet/{p-db0b37db.system.entry.js → p-07df4f67.system.entry.js} +1 -1
  336. package/lib/duet/{p-fd9cb821.entry.js → p-087fbd73.entry.js} +1 -1
  337. package/lib/duet/{p-a0cb7a26.entry.js → p-0bd39158.entry.js} +1 -1
  338. package/lib/duet/{p-1437b0fb.system.entry.js → p-0ce89e2e.system.entry.js} +1 -1
  339. package/lib/duet/{p-f684afe3.entry.js → p-0d0aa77d.entry.js} +1 -1
  340. package/lib/duet/{p-81b39f95.entry.js → p-0fa9b797.entry.js} +1 -1
  341. package/lib/duet/{p-07a3a4b2.entry.js → p-117dff79.entry.js} +1 -1
  342. package/lib/duet/{p-722a6c62.system.entry.js → p-11a2ab97.system.entry.js} +1 -1
  343. package/lib/duet/{p-cd686b5b.entry.js → p-1362dce1.entry.js} +1 -1
  344. package/lib/duet/{p-f8e658cc.entry.js → p-14ffc1f0.entry.js} +1 -1
  345. package/lib/duet/{p-c99d1412.system.entry.js → p-1512ddad.system.entry.js} +1 -1
  346. package/lib/duet/{p-31a0880f.entry.js → p-17279a7b.entry.js} +1 -1
  347. package/lib/duet/{p-1633785d.entry.js → p-18494c5d.entry.js} +1 -1
  348. package/lib/duet/{p-b18dd714.system.entry.js → p-18b40fa3.system.entry.js} +1 -1
  349. package/lib/duet/p-198dd1e6.entry.js +4 -0
  350. package/lib/duet/{p-4e7460f7.entry.js → p-1c4895df.entry.js} +1 -1
  351. package/lib/duet/{p-1e2ff860.entry.js → p-1f66ca2d.entry.js} +1 -1
  352. package/lib/duet/{p-e0a86887.system.entry.js → p-20490634.system.entry.js} +1 -1
  353. package/lib/duet/{p-866ce73e.system.entry.js → p-20b2b9af.system.entry.js} +1 -1
  354. package/lib/duet/{p-e6b8b574.entry.js → p-20e0094b.entry.js} +1 -1
  355. package/lib/duet/{p-8a6233b0.system.entry.js → p-21429748.system.entry.js} +1 -1
  356. package/lib/duet/{p-561420f0.entry.js → p-251392d6.entry.js} +1 -1
  357. package/lib/duet/{p-ce3c4f7c.entry.js → p-26c32975.entry.js} +1 -1
  358. package/lib/duet/p-26f57aa1.entry.js +4 -0
  359. package/lib/duet/{p-08890e7d.system.entry.js → p-2725220b.system.entry.js} +1 -1
  360. package/lib/duet/{p-d3cf62ab.system.entry.js → p-276354d7.system.entry.js} +1 -1
  361. package/lib/duet/p-2aa3dfc5.entry.js +4 -0
  362. package/lib/duet/{p-3a6b59f3.entry.js → p-2b92ea13.entry.js} +1 -1
  363. package/lib/duet/{p-e52a8c04.system.entry.js → p-2c40be98.system.entry.js} +1 -1
  364. package/lib/duet/p-2c4294f8.system.entry.js +4 -0
  365. package/lib/duet/{p-c1445714.system.js → p-2f891fbb.system.js} +1 -1
  366. package/lib/duet/p-335bfe63.entry.js +4 -0
  367. package/lib/duet/{p-4a899a1e.entry.js → p-36dab1b1.entry.js} +1 -1
  368. package/lib/duet/{p-31dfefa7.system.entry.js → p-36f89415.system.entry.js} +1 -1
  369. package/lib/duet/{p-8154981f.system.entry.js → p-3720efca.system.entry.js} +1 -1
  370. package/lib/duet/{p-ef7fa8fb.entry.js → p-382da2ee.entry.js} +1 -1
  371. package/lib/duet/p-389cd1f2.js +4 -0
  372. package/lib/duet/p-38c82b27.entry.js +4 -0
  373. package/lib/duet/{p-c0149766.entry.js → p-3f4a41a0.entry.js} +1 -1
  374. package/lib/duet/{p-7d1cc9e0.system.entry.js → p-3fb27027.system.entry.js} +1 -1
  375. package/lib/duet/{p-049e0344.system.entry.js → p-40c557ff.system.entry.js} +1 -1
  376. package/lib/duet/{p-cd172ca7.system.js → p-45746854.system.js} +1 -1
  377. package/lib/duet/p-4649b4a3.entry.js +4 -0
  378. package/lib/duet/{p-2e3cb88f.entry.js → p-494fc947.entry.js} +1 -1
  379. package/lib/duet/p-49ba4a7f.system.entry.js +4 -0
  380. package/lib/duet/{p-4019294d.system.entry.js → p-49da095c.system.entry.js} +1 -1
  381. package/lib/duet/{p-37497801.entry.js → p-4b5fdaa5.entry.js} +1 -1
  382. package/lib/duet/{p-b8b217c6.entry.js → p-4d0be2e2.entry.js} +1 -1
  383. package/lib/duet/{p-4e9b200c.system.entry.js → p-4efba746.system.entry.js} +1 -1
  384. package/lib/duet/p-50c83774.js +4 -0
  385. package/lib/duet/{p-2d76a7e9.entry.js → p-5395dceb.entry.js} +1 -1
  386. package/lib/duet/{p-c506e25e.entry.js → p-5765427b.entry.js} +1 -1
  387. package/lib/duet/{p-91131ad1.system.entry.js → p-5799fe5f.system.entry.js} +2 -2
  388. package/lib/duet/{p-2bcb1acd.system.entry.js → p-593b4911.system.entry.js} +1 -1
  389. package/lib/duet/{p-6c279a88.system.entry.js → p-613b429d.system.entry.js} +1 -1
  390. package/lib/duet/{p-b9d4ed8d.system.js → p-624552e4.system.js} +1 -1
  391. package/lib/duet/{p-b729cc91.system.entry.js → p-63f481c7.system.entry.js} +1 -1
  392. package/lib/duet/{p-27680688.system.entry.js → p-6435fa0f.system.entry.js} +1 -1
  393. package/lib/duet/{p-6e2f38e0.entry.js → p-64901815.entry.js} +1 -1
  394. package/lib/duet/{p-77f25e03.system.entry.js → p-64c3bff5.system.entry.js} +1 -1
  395. package/lib/duet/p-66819401.system.entry.js +4 -0
  396. package/lib/duet/p-69f68431.entry.js +4 -0
  397. package/lib/duet/{p-3d669958.system.entry.js → p-6b1eff48.system.entry.js} +1 -1
  398. package/lib/duet/{p-af32d23a.entry.js → p-6b76b443.entry.js} +1 -1
  399. package/lib/duet/p-6d32e2a5.entry.js +4 -0
  400. package/lib/duet/p-6e74ac45.system.entry.js +4 -0
  401. package/lib/duet/{p-f99bd1ae.entry.js → p-6e904090.entry.js} +1 -1
  402. package/lib/duet/{p-b0305a06.system.entry.js → p-6fc66353.system.entry.js} +1 -1
  403. package/lib/duet/{p-e12af479.system.js → p-7213e4f9.system.js} +1 -1
  404. package/lib/duet/{p-f5b3bfa2.entry.js → p-72e384da.entry.js} +1 -1
  405. package/lib/duet/p-74bfeccb.js +4 -0
  406. package/lib/duet/{p-e3607cb9.system.entry.js → p-77af0e90.system.entry.js} +1 -1
  407. package/lib/duet/{p-f80c4c88.system.entry.js → p-78b5469b.system.entry.js} +1 -1
  408. package/lib/duet/{p-3788db5a.system.js → p-78fe82c7.system.js} +1 -1
  409. package/lib/duet/{p-41681b12.entry.js → p-7b93c24f.entry.js} +1 -1
  410. package/lib/duet/p-7cb4b92c.system.entry.js +4 -0
  411. package/lib/duet/{p-fc308e26.entry.js → p-7d7efba3.entry.js} +1 -1
  412. package/lib/duet/p-7ed9e2a8.entry.js +4 -0
  413. package/lib/duet/{p-24c7bb10.system.entry.js → p-7f779fb0.system.entry.js} +1 -1
  414. package/lib/duet/{p-205485aa.system.entry.js → p-8464bb3e.system.entry.js} +2 -2
  415. package/lib/duet/{p-ec19c198.system.entry.js → p-84f32ade.system.entry.js} +1 -1
  416. package/lib/duet/{p-26fa8650.entry.js → p-863b1517.entry.js} +1 -1
  417. package/lib/duet/{p-b3c28d88.system.entry.js → p-8707a699.system.entry.js} +1 -1
  418. package/lib/duet/{p-0a858564.system.entry.js → p-8767b8b2.system.entry.js} +1 -1
  419. package/lib/duet/{p-a8d970a0.system.entry.js → p-87b3fb3e.system.entry.js} +1 -1
  420. package/lib/duet/{p-14668571.system.entry.js → p-888cf6df.system.entry.js} +1 -1
  421. package/lib/duet/{p-7d6b40d1.js → p-8a162701.js} +1 -1
  422. package/lib/duet/{p-bcbbf38f.system.entry.js → p-8afd53b2.system.entry.js} +1 -1
  423. package/lib/duet/{p-90852c89.entry.js → p-8bee0043.entry.js} +1 -1
  424. package/lib/duet/{p-befd80a8.system.entry.js → p-8ff34272.system.entry.js} +1 -1
  425. package/lib/duet/{p-cec00890.system.entry.js → p-90cfb998.system.entry.js} +1 -1
  426. package/lib/duet/p-91115d1e.system.js +4 -0
  427. package/lib/duet/{p-57cd8490.entry.js → p-920ab643.entry.js} +1 -1
  428. package/lib/duet/{p-01faaa37.system.entry.js → p-92466b4a.system.entry.js} +1 -1
  429. package/lib/duet/{p-6ef75455.system.js → p-98636086.system.js} +1 -1
  430. package/lib/duet/{p-4dc6516a.system.entry.js → p-9965b2bb.system.entry.js} +1 -1
  431. package/lib/duet/{p-022bb645.entry.js → p-9bfeb191.entry.js} +1 -1
  432. package/lib/duet/{p-0e052642.js → p-9c3c64b9.js} +1 -1
  433. package/lib/duet/{p-aea3bb6c.system.entry.js → p-9e927d04.system.entry.js} +1 -1
  434. package/lib/duet/{p-2ad7e778.system.entry.js → p-9fd3ced5.system.entry.js} +1 -1
  435. package/lib/duet/{p-47e5e138.system.entry.js → p-a0699de6.system.entry.js} +1 -1
  436. package/lib/duet/{p-822b290a.entry.js → p-a209fed5.entry.js} +1 -1
  437. package/lib/duet/{p-c6c02f20.system.entry.js → p-a2301b59.system.entry.js} +1 -1
  438. package/lib/duet/{p-3f307671.entry.js → p-a24aa183.entry.js} +1 -1
  439. package/lib/duet/{p-d283b94b.js → p-a376dd1d.js} +1 -1
  440. package/lib/duet/{p-654abd38.entry.js → p-a3e5abb2.entry.js} +1 -1
  441. package/lib/duet/{p-e4077171.system.entry.js → p-a47059b7.system.entry.js} +1 -1
  442. package/lib/duet/{p-7af1306c.entry.js → p-a56e060b.entry.js} +1 -1
  443. package/lib/duet/p-a79114c3.system.entry.js +4 -0
  444. package/lib/duet/p-a7e281f2.system.entry.js +4 -0
  445. package/lib/duet/{p-950a1ca8.system.entry.js → p-a843b8a9.system.entry.js} +1 -1
  446. package/lib/duet/{p-3db5f59f.entry.js → p-a918531a.entry.js} +1 -1
  447. package/lib/duet/{p-9829ea64.system.entry.js → p-a91a3cf2.system.entry.js} +1 -1
  448. package/lib/duet/{p-5fe66e38.entry.js → p-a9ed4cb0.entry.js} +1 -1
  449. package/lib/duet/p-aaa77eee.entry.js +4 -0
  450. package/lib/duet/{p-dc21c27a.entry.js → p-ac0130a8.entry.js} +1 -1
  451. package/lib/duet/p-ae095513.entry.js +4 -0
  452. package/lib/duet/{p-85acf080.system.js → p-b01fbe26.system.js} +1 -1
  453. package/lib/duet/{p-2f840cf0.system.entry.js → p-b08d87b0.system.entry.js} +1 -1
  454. package/lib/duet/{p-f71e27e4.entry.js → p-b2b147c9.entry.js} +1 -1
  455. package/lib/duet/{p-9f10e97c.entry.js → p-b2eb57ef.entry.js} +1 -1
  456. package/lib/duet/{p-d161b8f7.system.entry.js → p-b35f871e.system.entry.js} +1 -1
  457. package/lib/duet/{p-c7c73778.system.entry.js → p-b4ed38ea.system.entry.js} +1 -1
  458. package/lib/duet/{p-199129a0.entry.js → p-b5074ff6.entry.js} +1 -1
  459. package/lib/duet/{p-86375ce8.entry.js → p-b6269765.entry.js} +1 -1
  460. package/lib/duet/{p-6c2c7e28.system.entry.js → p-b7166c29.system.entry.js} +1 -1
  461. package/lib/duet/{p-4ca01f5c.entry.js → p-b7453f14.entry.js} +1 -1
  462. package/lib/duet/p-b832a5eb.system.entry.js +4 -0
  463. package/lib/duet/{p-1af2bfd6.entry.js → p-b85b3fb8.entry.js} +1 -1
  464. package/lib/duet/p-bb027e2f.entry.js +4 -0
  465. package/lib/duet/{p-a37c90b6.entry.js → p-bb153ecd.entry.js} +1 -1
  466. package/lib/duet/{p-b6fbd465.system.entry.js → p-bca879ba.system.entry.js} +1 -1
  467. package/lib/duet/p-bde12c72.system.js +4 -0
  468. package/lib/duet/{p-e604697b.entry.js → p-be8aa52a.entry.js} +1 -1
  469. package/lib/duet/{p-804331ed.system.entry.js → p-c00ac038.system.entry.js} +1 -1
  470. package/lib/duet/{p-565a2910.system.entry.js → p-c01aa549.system.entry.js} +1 -1
  471. package/lib/duet/{p-46dc8a34.entry.js → p-c106aa51.entry.js} +1 -1
  472. package/lib/duet/{p-0303b9f5.entry.js → p-c127c18e.entry.js} +1 -1
  473. package/lib/duet/{p-b1f2e5bb.system.entry.js → p-c331a8ef.system.entry.js} +1 -1
  474. package/lib/duet/p-c62788a1.system.entry.js +4 -0
  475. package/lib/duet/{p-cef34307.entry.js → p-c646d135.entry.js} +1 -1
  476. package/lib/duet/p-c6584315.system.entry.js +4 -0
  477. package/lib/duet/{p-fd097ec7.system.entry.js → p-c91b3c9f.system.entry.js} +1 -1
  478. package/lib/duet/{p-edc24761.entry.js → p-ca7c0e04.entry.js} +1 -1
  479. package/lib/duet/{p-f5ff737f.system.entry.js → p-cbbeefba.system.entry.js} +1 -1
  480. package/lib/duet/{p-f79a827f.system.entry.js → p-ccc30136.system.entry.js} +1 -1
  481. package/lib/duet/{p-43b90254.entry.js → p-ce1b8c29.entry.js} +1 -1
  482. package/lib/duet/{p-73091ce2.system.entry.js → p-d30a413a.system.entry.js} +1 -1
  483. package/lib/duet/{p-5df3b779.entry.js → p-d316ecf3.entry.js} +1 -1
  484. package/lib/duet/p-d5c7ae62.js +4 -0
  485. package/lib/duet/{p-4b9d877b.entry.js → p-d78d6df5.entry.js} +1 -1
  486. package/lib/duet/{p-0f2dc8b4.system.entry.js → p-d7a4a799.system.entry.js} +2 -2
  487. package/lib/duet/p-d87a08ee.system.entry.js +4 -0
  488. package/lib/duet/p-db2ccb9d.system.js +4 -0
  489. package/lib/duet/{p-a45d4d3c.entry.js → p-dd813d4e.entry.js} +1 -1
  490. package/lib/duet/{p-886652fa.system.entry.js → p-deef8ec0.system.entry.js} +1 -1
  491. package/lib/duet/{p-e31ca113.entry.js → p-df0168af.entry.js} +1 -1
  492. package/lib/duet/{p-64c4c515.entry.js → p-e0dc3a1e.entry.js} +1 -1
  493. package/lib/duet/{p-cb046607.system.entry.js → p-e0e090bb.system.entry.js} +1 -1
  494. package/lib/duet/{p-28721f4b.system.entry.js → p-e18e5311.system.entry.js} +1 -1
  495. package/lib/duet/{p-b9526c80.entry.js → p-e219a93f.entry.js} +1 -1
  496. package/lib/duet/{p-0c75814e.system.entry.js → p-e35347a0.system.entry.js} +1 -1
  497. package/lib/duet/{p-4f2e28d3.entry.js → p-e3d92f42.entry.js} +1 -1
  498. package/lib/duet/{p-0b25ce98.system.entry.js → p-e5435f92.system.entry.js} +1 -1
  499. package/lib/duet/{p-3f920565.entry.js → p-e5a5248f.entry.js} +1 -1
  500. package/lib/duet/{p-ab6d32f0.entry.js → p-e5ecf940.entry.js} +1 -1
  501. package/lib/duet/{p-8c621b3a.system.entry.js → p-e6517fd1.system.entry.js} +1 -1
  502. package/lib/duet/{p-1784b1d2.js → p-e95fa292.js} +1 -1
  503. package/lib/duet/{p-131f4e80.entry.js → p-eda3baff.entry.js} +1 -1
  504. package/lib/duet/{p-7099651c.system.entry.js → p-f0806e36.system.entry.js} +1 -1
  505. package/lib/duet/{p-1dcd3dc3.entry.js → p-f1cb7fa4.entry.js} +1 -1
  506. package/lib/duet/{p-3c969f9f.entry.js → p-f492378f.entry.js} +1 -1
  507. package/lib/duet/p-f5063a7d.system.js +4 -0
  508. package/lib/duet/p-f52d988b.entry.js +4 -0
  509. package/lib/duet/{p-72d3ddd8.entry.js → p-f80687b8.entry.js} +1 -1
  510. package/lib/duet/{p-0e73b18c.entry.js → p-fa1bebb0.entry.js} +1 -1
  511. package/lib/duet/{p-18ada958.js → p-faf67509.js} +1 -1
  512. package/lib/duet/{p-3cefca19.system.entry.js → p-fb3d3226.system.entry.js} +1 -1
  513. package/lib/duet/p-fc09c464.js +4 -0
  514. package/lib/duet/p-fd60b2ff.js +4 -0
  515. package/lib/duet/{p-01478b10.system.entry.js → p-ff92b024.system.entry.js} +2 -2
  516. package/lib/esm/{app-globals-8ff73e1c.js → app-globals-96009d83.js} +1 -1
  517. package/lib/esm/body-scroll-46854769.js +234 -0
  518. package/lib/esm/duet-action-button.entry.js +5 -5
  519. package/lib/esm/duet-alert.entry.js +4 -4
  520. package/lib/esm/duet-badge.entry.js +1 -1
  521. package/lib/esm/duet-banner.entry.js +5 -5
  522. package/lib/esm/duet-breadcrumb.entry.js +3 -3
  523. package/lib/esm/duet-breadcrumbs.entry.js +5 -5
  524. package/lib/esm/duet-button_2.entry.js +5 -5
  525. package/lib/esm/duet-callout.entry.js +2 -2
  526. package/lib/esm/duet-caption_4.entry.js +5 -5
  527. package/lib/esm/duet-card.entry.js +4 -4
  528. package/lib/esm/duet-checkbox.entry.js +1 -1
  529. package/lib/esm/duet-checkmark.entry.js +1 -1
  530. package/lib/esm/duet-chip.entry.js +1 -1
  531. package/lib/esm/duet-choice_2.entry.js +4 -4
  532. package/lib/esm/duet-collapsible.entry.js +4 -4
  533. package/lib/esm/duet-combobox.entry.js +9 -5
  534. package/lib/esm/duet-contact-card.entry.js +3 -3
  535. package/lib/esm/duet-cookie-consent.entry.js +1 -1
  536. package/lib/esm/duet-date-picker.entry.js +5 -5
  537. package/lib/esm/duet-divider_2.entry.js +3 -3
  538. package/lib/esm/duet-editable-table_3.entry.js +8 -8
  539. package/lib/esm/duet-empty-state.entry.js +1 -1
  540. package/lib/esm/duet-fieldset.entry.js +2 -2
  541. package/lib/esm/duet-file-chooser.entry.js +1 -1
  542. package/lib/esm/duet-footer.entry.js +4 -4
  543. package/lib/esm/duet-grid_2.entry.js +8 -5
  544. package/lib/esm/duet-header_2.entry.js +5 -5
  545. package/lib/esm/duet-hero.entry.js +5 -5
  546. package/lib/esm/duet-icon.entry.js +3 -3
  547. package/lib/esm/duet-input_2.entry.js +6 -6
  548. package/lib/esm/duet-layout.entry.js +3 -3
  549. package/lib/esm/duet-list_2.entry.js +1 -1
  550. package/lib/esm/duet-menu-bar-button.entry.js +1 -1
  551. package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
  552. package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -1
  553. package/lib/esm/duet-menu-bar-item.entry.js +1 -1
  554. package/lib/esm/duet-menu-bar-link.entry.js +1 -1
  555. package/lib/esm/duet-menu-bar.entry.js +4 -4
  556. package/lib/esm/duet-modal.entry.js +5 -5
  557. package/lib/esm/duet-multiselect.entry.js +4 -4
  558. package/lib/esm/duet-nav.entry.js +1 -1
  559. package/lib/esm/duet-notification_2.entry.js +3 -3
  560. package/lib/esm/duet-number-input.entry.js +4 -4
  561. package/lib/esm/duet-overlay.entry.js +1 -1
  562. package/lib/esm/duet-page-heading.entry.js +6 -5
  563. package/lib/esm/duet-pagination_2.entry.js +5 -5
  564. package/lib/esm/duet-popup-menu-item.entry.js +1 -1
  565. package/lib/esm/duet-popup-menu.entry.js +2 -2
  566. package/lib/esm/duet-progress.entry.js +3 -3
  567. package/lib/esm/duet-promo-card.entry.js +4 -4
  568. package/lib/esm/duet-radio_2.entry.js +2 -2
  569. package/lib/esm/duet-range-slider.entry.js +2 -2
  570. package/lib/esm/duet-scrollable_3.entry.js +58 -38
  571. package/lib/esm/duet-section-layout.entry.js +5 -5
  572. package/lib/esm/duet-select.entry.js +3 -3
  573. package/lib/esm/duet-shaped-image.entry.js +3 -3
  574. package/lib/esm/duet-show-more.entry.js +3 -3
  575. package/lib/esm/duet-slideout-lang.entry.js +5 -5
  576. package/lib/esm/duet-slideout-link.entry.js +3 -3
  577. package/lib/esm/duet-slideout-panel-dropdown.entry.js +5 -5
  578. package/lib/esm/duet-slideout-panel.entry.js +49 -13
  579. package/lib/esm/duet-slideout.entry.js +12 -12
  580. package/lib/esm/duet-step_2.entry.js +2 -2
  581. package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +3 -3
  582. package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
  583. package/lib/esm/duet-submenu-bar-item.entry.js +2 -2
  584. package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
  585. package/lib/esm/duet-submenu-bar.entry.js +7 -7
  586. package/lib/esm/duet-textarea.entry.js +4 -4
  587. package/lib/esm/duet-toggle.entry.js +1 -1
  588. package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
  589. package/lib/esm/duet-toolbar-dropdown.entry.js +5 -5
  590. package/lib/esm/duet-toolbar-item.entry.js +3 -3
  591. package/lib/esm/duet-toolbar-link.entry.js +3 -3
  592. package/lib/esm/duet-toolbar.entry.js +3 -3
  593. package/lib/esm/duet-tooltip-button_2.entry.js +6 -6
  594. package/lib/esm/duet-tooltip.entry.js +4 -4
  595. package/lib/esm/duet-tray.entry.js +6 -6
  596. package/lib/esm/duet-upload-aria-status.entry.js +2 -2
  597. package/lib/esm/duet-upload-item.entry.js +4 -4
  598. package/lib/esm/duet-visually-hidden.entry.js +2 -2
  599. package/lib/esm/duet.js +4 -4
  600. package/lib/esm/{errorcodes.utils-59416946.js → errorcodes.utils-568ea028.js} +2 -2
  601. package/lib/esm/{focus-utils-53d44671.js → focus-utils-003541f7.js} +1 -1
  602. package/lib/esm/{index-ea400af3.js → index-bbae2d5d.js} +1 -1
  603. package/lib/esm/{language-utils-27773807.js → language-utils-5a2b4259.js} +2 -2
  604. package/lib/esm/loader.js +4 -4
  605. package/lib/esm/{slot-utils-95c2258f.js → slot-utils-0a3b9dfc.js} +1 -1
  606. package/lib/esm/{string-utils-ca039233.js → string-utils-192eb3c8.js} +7 -1
  607. package/lib/esm/{token-utils-1f843fb9.js → token-utils-54a23ef5.js} +1 -1
  608. package/lib/{dist-custom-elements/p-d5c03b61.js → esm/tokens-e0e3d241.js} +252 -0
  609. package/lib/esm/{tokens.module-ed0ed26f.js → tokens.module-b5fab24a.js} +168 -0
  610. package/lib/esm-es5/{app-globals-8ff73e1c.js → app-globals-96009d83.js} +1 -1
  611. package/lib/esm-es5/body-scroll-46854769.js +4 -0
  612. package/lib/esm-es5/duet-action-button.entry.js +1 -1
  613. package/lib/esm-es5/duet-alert.entry.js +1 -1
  614. package/lib/esm-es5/duet-badge.entry.js +1 -1
  615. package/lib/esm-es5/duet-banner.entry.js +1 -1
  616. package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
  617. package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
  618. package/lib/esm-es5/duet-button_2.entry.js +1 -1
  619. package/lib/esm-es5/duet-callout.entry.js +1 -1
  620. package/lib/esm-es5/duet-caption_4.entry.js +1 -1
  621. package/lib/esm-es5/duet-card.entry.js +1 -1
  622. package/lib/esm-es5/duet-checkbox.entry.js +1 -1
  623. package/lib/esm-es5/duet-checkmark.entry.js +1 -1
  624. package/lib/esm-es5/duet-chip.entry.js +1 -1
  625. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  626. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  627. package/lib/esm-es5/duet-combobox.entry.js +1 -1
  628. package/lib/esm-es5/duet-contact-card.entry.js +1 -1
  629. package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
  630. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  631. package/lib/esm-es5/duet-divider_2.entry.js +1 -1
  632. package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
  633. package/lib/esm-es5/duet-empty-state.entry.js +1 -1
  634. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  635. package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
  636. package/lib/esm-es5/duet-footer.entry.js +1 -1
  637. package/lib/esm-es5/duet-grid_2.entry.js +2 -2
  638. package/lib/esm-es5/duet-header_2.entry.js +1 -1
  639. package/lib/esm-es5/duet-hero.entry.js +1 -1
  640. package/lib/esm-es5/duet-icon.entry.js +1 -1
  641. package/lib/esm-es5/duet-input_2.entry.js +1 -1
  642. package/lib/esm-es5/duet-layout.entry.js +1 -1
  643. package/lib/esm-es5/duet-list_2.entry.js +1 -1
  644. package/lib/esm-es5/duet-menu-bar-button.entry.js +2 -2
  645. package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
  646. package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
  647. package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
  648. package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
  649. package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
  650. package/lib/esm-es5/duet-modal.entry.js +1 -1
  651. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  652. package/lib/esm-es5/duet-nav.entry.js +1 -1
  653. package/lib/esm-es5/duet-notification_2.entry.js +1 -1
  654. package/lib/esm-es5/duet-number-input.entry.js +1 -1
  655. package/lib/esm-es5/duet-overlay.entry.js +1 -1
  656. package/lib/esm-es5/duet-page-heading.entry.js +1 -1
  657. package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
  658. package/lib/esm-es5/duet-popup-menu-item.entry.js +1 -1
  659. package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
  660. package/lib/esm-es5/duet-progress.entry.js +1 -1
  661. package/lib/esm-es5/duet-promo-card.entry.js +1 -1
  662. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  663. package/lib/esm-es5/duet-range-slider.entry.js +1 -1
  664. package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
  665. package/lib/esm-es5/duet-section-layout.entry.js +1 -1
  666. package/lib/esm-es5/duet-select.entry.js +1 -1
  667. package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
  668. package/lib/esm-es5/duet-show-more.entry.js +1 -1
  669. package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
  670. package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
  671. package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +2 -2
  672. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  673. package/lib/esm-es5/duet-slideout.entry.js +2 -2
  674. package/lib/esm-es5/duet-step_2.entry.js +2 -2
  675. package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
  676. package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
  677. package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
  678. package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
  679. package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
  680. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  681. package/lib/esm-es5/duet-toggle.entry.js +1 -1
  682. package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
  683. package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
  684. package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
  685. package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
  686. package/lib/esm-es5/duet-toolbar.entry.js +1 -1
  687. package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
  688. package/lib/esm-es5/duet-tooltip.entry.js +1 -1
  689. package/lib/esm-es5/duet-tray.entry.js +1 -1
  690. package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
  691. package/lib/esm-es5/duet-upload-item.entry.js +1 -1
  692. package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
  693. package/lib/esm-es5/duet.js +1 -1
  694. package/lib/esm-es5/{errorcodes.utils-59416946.js → errorcodes.utils-568ea028.js} +1 -1
  695. package/lib/esm-es5/{focus-utils-53d44671.js → focus-utils-003541f7.js} +1 -1
  696. package/lib/esm-es5/{index-ea400af3.js → index-bbae2d5d.js} +1 -1
  697. package/lib/esm-es5/{language-utils-27773807.js → language-utils-5a2b4259.js} +1 -1
  698. package/lib/esm-es5/loader.js +1 -1
  699. package/lib/esm-es5/{slot-utils-95c2258f.js → slot-utils-0a3b9dfc.js} +1 -1
  700. package/lib/esm-es5/string-utils-192eb3c8.js +4 -0
  701. package/lib/esm-es5/{token-utils-1f843fb9.js → token-utils-54a23ef5.js} +1 -1
  702. package/lib/esm-es5/tokens-e0e3d241.js +4 -0
  703. package/lib/esm-es5/tokens.module-b5fab24a.js +4 -0
  704. package/lib/types/common-types.d.ts +1 -0
  705. package/lib/types/components/duet-grid-item/duet-grid-item.d.ts +6 -0
  706. package/lib/types/components/duet-page-heading/duet-page-heading.d.ts +2 -1
  707. package/lib/types/components/duet-scrollable/duet-scrollable.d.ts +13 -2
  708. package/lib/types/components/duet-slideout-panel/duet-slideout-panel.d.ts +3 -0
  709. package/lib/types/components.d.ts +15 -6
  710. package/lib/types/utils/body-scroll.d.ts +17 -0
  711. package/lib/types/utils/string-utils.d.ts +4 -0
  712. package/package.json +4 -4
  713. package/lib/dist-custom-elements/p-31932263.js +0 -77
  714. package/lib/dist-custom-elements/p-fd50fe15.js +0 -192
  715. package/lib/duet/p-0319560a.entry.js +0 -4
  716. package/lib/duet/p-0e232ca3.system.entry.js +0 -4
  717. package/lib/duet/p-168fce1a.entry.js +0 -4
  718. package/lib/duet/p-22e8c418.system.entry.js +0 -4
  719. package/lib/duet/p-2455ba6c.entry.js +0 -4
  720. package/lib/duet/p-344db520.system.entry.js +0 -4
  721. package/lib/duet/p-391e19af.system.entry.js +0 -4
  722. package/lib/duet/p-395be269.entry.js +0 -4
  723. package/lib/duet/p-3f91a919.system.entry.js +0 -4
  724. package/lib/duet/p-42ffb47d.system.entry.js +0 -4
  725. package/lib/duet/p-440dbcfa.system.entry.js +0 -4
  726. package/lib/duet/p-467fe4e3.js +0 -4
  727. package/lib/duet/p-4a901bfc.js +0 -4
  728. package/lib/duet/p-61dffe85.entry.js +0 -4
  729. package/lib/duet/p-63c519cd.system.entry.js +0 -4
  730. package/lib/duet/p-66e157a0.system.entry.js +0 -4
  731. package/lib/duet/p-7549617b.entry.js +0 -4
  732. package/lib/duet/p-7d277f55.js +0 -4
  733. package/lib/duet/p-8a7ee339.js +0 -4
  734. package/lib/duet/p-918f8fc2.entry.js +0 -4
  735. package/lib/duet/p-ae79dc98.entry.js +0 -4
  736. package/lib/duet/p-b93f0810.entry.js +0 -4
  737. package/lib/duet/p-c51d6fb5.system.js +0 -4
  738. package/lib/duet/p-c86d6786.system.js +0 -4
  739. package/lib/duet/p-cce2db8f.entry.js +0 -4
  740. package/lib/duet/p-d5580da3.entry.js +0 -4
  741. package/lib/duet/p-d5c03b61.js +0 -4
  742. package/lib/duet/p-d6dcd05f.system.js +0 -4
  743. package/lib/duet/p-edc43bc3.system.entry.js +0 -4
  744. package/lib/duet/p-ef6095d7.system.entry.js +0 -4
  745. package/lib/duet/p-f8ede563.entry.js +0 -4
  746. package/lib/duet/p-fdaa6789.entry.js +0 -4
  747. package/lib/esm-es5/string-utils-ca039233.js +0 -4
  748. package/lib/esm-es5/tokens-a9d9d4dd.js +0 -4
  749. package/lib/esm-es5/tokens.module-ed0ed26f.js +0 -4
package/hydrate/index.js CHANGED
@@ -2712,6 +2712,18 @@ const colorCategoryUnionTurva = "rgb(169, 69, 124)";
2712
2712
  const colorCategoryVehicle = "rgb(54, 74, 129)";
2713
2713
  const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
2714
2714
  const colorDanger = "rgb(222, 35, 98)";
2715
+ const colorDanger00 = "rgb(255, 240, 243)";
2716
+ const colorDanger100 = "rgb(255, 211, 219)";
2717
+ const colorDanger1000 = "rgb(89, 0, 45)";
2718
+ const colorDanger200 = "rgb(255, 173, 190)";
2719
+ const colorDanger300 = "rgb(252, 136, 162)";
2720
+ const colorDanger400 = "rgb(243, 98, 134)";
2721
+ const colorDanger50 = "rgb(255, 225, 231)";
2722
+ const colorDanger500 = "rgb(231, 62, 107)";
2723
+ const colorDanger600 = "rgb(214, 28, 82)";
2724
+ const colorDanger700 = "rgb(185, 16, 74)";
2725
+ const colorDanger800 = "rgb(153, 9, 66)";
2726
+ const colorDanger900 = "rgb(120, 4, 56)";
2715
2727
  const colorDangerTurva = "rgb(224, 42, 13)";
2716
2728
  const colorData01 = "rgb(122, 1, 196)";
2717
2729
  const colorData02 = "rgb(0, 155, 204)";
@@ -2740,6 +2752,30 @@ const colorGrayLighterTurva = "rgb(245, 245, 247)";
2740
2752
  const colorGrayLightest = "rgb(255, 255, 255)";
2741
2753
  const colorGrayLightestTurva = "rgb(255, 255, 255)";
2742
2754
  const colorGrayTurva = "rgb(207, 207, 209)";
2755
+ const colorLtBlue00 = "rgb(240, 247, 250)";
2756
+ const colorLtBlue100 = "rgb(217, 236, 245)";
2757
+ const colorLtBlue1000 = "rgb(8, 42, 77)";
2758
+ const colorLtBlue200 = "rgb(198, 225, 238)";
2759
+ const colorLtBlue300 = "rgb(172, 210, 229)";
2760
+ const colorLtBlue400 = "rgb(131, 188, 217)";
2761
+ const colorLtBlue50 = "rgb(228, 241, 247)";
2762
+ const colorLtBlue500 = "rgb(50, 153, 204)";
2763
+ const colorLtBlue600 = "rgb(0, 119, 179)";
2764
+ const colorLtBlue700 = "rgb(0, 97, 155)";
2765
+ const colorLtBlue800 = "rgb(0, 75, 129)";
2766
+ const colorLtBlue900 = "rgb(3, 56, 102)";
2767
+ const colorLtGray00 = "rgb(245, 248, 250)";
2768
+ const colorLtGray100 = "rgb(212, 223, 229)";
2769
+ const colorLtGray1000 = "rgb(17, 28, 38)";
2770
+ const colorLtGray200 = "rgb(181, 198, 208)";
2771
+ const colorLtGray300 = "rgb(153, 174, 186)";
2772
+ const colorLtGray400 = "rgb(127, 150, 165)";
2773
+ const colorLtGray50 = "rgb(228, 236, 239)";
2774
+ const colorLtGray500 = "rgb(98, 121, 138)";
2775
+ const colorLtGray600 = "rgb(81, 105, 123)";
2776
+ const colorLtGray700 = "rgb(62, 84, 102)";
2777
+ const colorLtGray800 = "rgb(45, 64, 81)";
2778
+ const colorLtGray900 = "rgb(30, 45, 59)";
2743
2779
  const colorPrimary = "rgb(0, 119, 179)";
2744
2780
  const colorPrimaryDark = "rgb(0, 77, 128)";
2745
2781
  const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
@@ -2755,8 +2791,56 @@ const colorPrimaryTurva = "rgb(198, 12, 48)";
2755
2791
  const colorSecondary = "rgb(0, 41, 77)";
2756
2792
  const colorSecondaryTurva = "rgb(23, 28, 58)";
2757
2793
  const colorSuccess = "rgb(0, 135, 90)";
2794
+ const colorSuccess00 = "rgb(244, 250, 247)";
2795
+ const colorSuccess100 = "rgb(218, 246, 233)";
2796
+ const colorSuccess1000 = "rgb(4, 38, 33)";
2797
+ const colorSuccess200 = "rgb(191, 239, 218)";
2798
+ const colorSuccess300 = "rgb(163, 229, 202)";
2799
+ const colorSuccess400 = "rgb(134, 215, 185)";
2800
+ const colorSuccess50 = "rgb(231, 248, 239)";
2801
+ const colorSuccess500 = "rgb(105, 196, 166)";
2802
+ const colorSuccess600 = "rgb(77, 171, 143)";
2803
+ const colorSuccess700 = "rgb(48, 131, 105)";
2804
+ const colorSuccess800 = "rgb(29, 106, 88)";
2805
+ const colorSuccess900 = "rgb(13, 71, 59)";
2758
2806
  const colorSuccessTurva = "rgb(8, 135, 78)";
2807
+ const colorTurvaGray00 = "rgb(245, 247, 250)";
2808
+ const colorTurvaGray100 = "rgb(222, 224, 228)";
2809
+ const colorTurvaGray1000 = "rgb(8, 13, 38)";
2810
+ const colorTurvaGray200 = "rgb(199, 202, 207)";
2811
+ const colorTurvaGray300 = "rgb(175, 178, 186)";
2812
+ const colorTurvaGray400 = "rgb(143, 147, 158)";
2813
+ const colorTurvaGray50 = "rgb(234, 235, 239)";
2814
+ const colorTurvaGray500 = "rgb(113, 118, 132)";
2815
+ const colorTurvaGray600 = "rgb(98, 104, 122)";
2816
+ const colorTurvaGray700 = "rgb(71, 78, 101)";
2817
+ const colorTurvaGray800 = "rgb(45, 52, 79)";
2818
+ const colorTurvaGray900 = "rgb(23, 28, 58)";
2819
+ const colorTurvaRed00 = "rgb(255, 241, 241)";
2820
+ const colorTurvaRed100 = "rgb(255, 213, 215)";
2821
+ const colorTurvaRed1000 = "rgb(51, 5, 20)";
2822
+ const colorTurvaRed200 = "rgb(255, 185, 190)";
2823
+ const colorTurvaRed300 = "rgb(252, 148, 158)";
2824
+ const colorTurvaRed400 = "rgb(240, 102, 119)";
2825
+ const colorTurvaRed50 = "rgb(255, 227, 228)";
2826
+ const colorTurvaRed500 = "rgb(221, 49, 77)";
2827
+ const colorTurvaRed600 = "rgb(198, 12, 48)";
2828
+ const colorTurvaRed700 = "rgb(164, 4, 40)";
2829
+ const colorTurvaRed800 = "rgb(126, 2, 35)";
2830
+ const colorTurvaRed900 = "rgb(87, 4, 29)";
2759
2831
  const colorWarning = "rgb(247, 178, 40)";
2832
+ const colorWarning00 = "rgb(255, 251, 242)";
2833
+ const colorWarning100 = "rgb(255, 244, 198)";
2834
+ const colorWarning1000 = "rgb(38, 26, 4)";
2835
+ const colorWarning200 = "rgb(255, 232, 160)";
2836
+ const colorWarning300 = "rgb(255, 217, 120)";
2837
+ const colorWarning400 = "rgb(255, 199, 79)";
2838
+ const colorWarning50 = "rgb(255, 247, 221)";
2839
+ const colorWarning500 = "rgb(247, 178, 40)";
2840
+ const colorWarning600 = "rgb(212, 151, 32)";
2841
+ const colorWarning700 = "rgb(156, 110, 22)";
2842
+ const colorWarning800 = "rgb(126, 87, 16)";
2843
+ const colorWarning900 = "rgb(81, 55, 9)";
2760
2844
  const colorWarningTurva = "rgb(250, 164, 15)";
2761
2845
  const fontFamilyHeading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
2762
2846
  const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
@@ -2878,6 +2962,18 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
2878
2962
  colorCategoryVehicle: colorCategoryVehicle,
2879
2963
  colorCategoryVehicleTurva: colorCategoryVehicleTurva,
2880
2964
  colorDanger: colorDanger,
2965
+ colorDanger00: colorDanger00,
2966
+ colorDanger100: colorDanger100,
2967
+ colorDanger1000: colorDanger1000,
2968
+ colorDanger200: colorDanger200,
2969
+ colorDanger300: colorDanger300,
2970
+ colorDanger400: colorDanger400,
2971
+ colorDanger50: colorDanger50,
2972
+ colorDanger500: colorDanger500,
2973
+ colorDanger600: colorDanger600,
2974
+ colorDanger700: colorDanger700,
2975
+ colorDanger800: colorDanger800,
2976
+ colorDanger900: colorDanger900,
2881
2977
  colorDangerTurva: colorDangerTurva,
2882
2978
  colorData01: colorData01,
2883
2979
  colorData02: colorData02,
@@ -2906,6 +3002,30 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
2906
3002
  colorGrayLightest: colorGrayLightest,
2907
3003
  colorGrayLightestTurva: colorGrayLightestTurva,
2908
3004
  colorGrayTurva: colorGrayTurva,
3005
+ colorLtBlue00: colorLtBlue00,
3006
+ colorLtBlue100: colorLtBlue100,
3007
+ colorLtBlue1000: colorLtBlue1000,
3008
+ colorLtBlue200: colorLtBlue200,
3009
+ colorLtBlue300: colorLtBlue300,
3010
+ colorLtBlue400: colorLtBlue400,
3011
+ colorLtBlue50: colorLtBlue50,
3012
+ colorLtBlue500: colorLtBlue500,
3013
+ colorLtBlue600: colorLtBlue600,
3014
+ colorLtBlue700: colorLtBlue700,
3015
+ colorLtBlue800: colorLtBlue800,
3016
+ colorLtBlue900: colorLtBlue900,
3017
+ colorLtGray00: colorLtGray00,
3018
+ colorLtGray100: colorLtGray100,
3019
+ colorLtGray1000: colorLtGray1000,
3020
+ colorLtGray200: colorLtGray200,
3021
+ colorLtGray300: colorLtGray300,
3022
+ colorLtGray400: colorLtGray400,
3023
+ colorLtGray50: colorLtGray50,
3024
+ colorLtGray500: colorLtGray500,
3025
+ colorLtGray600: colorLtGray600,
3026
+ colorLtGray700: colorLtGray700,
3027
+ colorLtGray800: colorLtGray800,
3028
+ colorLtGray900: colorLtGray900,
2909
3029
  colorPrimary: colorPrimary,
2910
3030
  colorPrimaryDark: colorPrimaryDark,
2911
3031
  colorPrimaryDarkTurva: colorPrimaryDarkTurva,
@@ -2921,8 +3041,56 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
2921
3041
  colorSecondary: colorSecondary,
2922
3042
  colorSecondaryTurva: colorSecondaryTurva,
2923
3043
  colorSuccess: colorSuccess,
3044
+ colorSuccess00: colorSuccess00,
3045
+ colorSuccess100: colorSuccess100,
3046
+ colorSuccess1000: colorSuccess1000,
3047
+ colorSuccess200: colorSuccess200,
3048
+ colorSuccess300: colorSuccess300,
3049
+ colorSuccess400: colorSuccess400,
3050
+ colorSuccess50: colorSuccess50,
3051
+ colorSuccess500: colorSuccess500,
3052
+ colorSuccess600: colorSuccess600,
3053
+ colorSuccess700: colorSuccess700,
3054
+ colorSuccess800: colorSuccess800,
3055
+ colorSuccess900: colorSuccess900,
2924
3056
  colorSuccessTurva: colorSuccessTurva,
3057
+ colorTurvaGray00: colorTurvaGray00,
3058
+ colorTurvaGray100: colorTurvaGray100,
3059
+ colorTurvaGray1000: colorTurvaGray1000,
3060
+ colorTurvaGray200: colorTurvaGray200,
3061
+ colorTurvaGray300: colorTurvaGray300,
3062
+ colorTurvaGray400: colorTurvaGray400,
3063
+ colorTurvaGray50: colorTurvaGray50,
3064
+ colorTurvaGray500: colorTurvaGray500,
3065
+ colorTurvaGray600: colorTurvaGray600,
3066
+ colorTurvaGray700: colorTurvaGray700,
3067
+ colorTurvaGray800: colorTurvaGray800,
3068
+ colorTurvaGray900: colorTurvaGray900,
3069
+ colorTurvaRed00: colorTurvaRed00,
3070
+ colorTurvaRed100: colorTurvaRed100,
3071
+ colorTurvaRed1000: colorTurvaRed1000,
3072
+ colorTurvaRed200: colorTurvaRed200,
3073
+ colorTurvaRed300: colorTurvaRed300,
3074
+ colorTurvaRed400: colorTurvaRed400,
3075
+ colorTurvaRed50: colorTurvaRed50,
3076
+ colorTurvaRed500: colorTurvaRed500,
3077
+ colorTurvaRed600: colorTurvaRed600,
3078
+ colorTurvaRed700: colorTurvaRed700,
3079
+ colorTurvaRed800: colorTurvaRed800,
3080
+ colorTurvaRed900: colorTurvaRed900,
2925
3081
  colorWarning: colorWarning,
3082
+ colorWarning00: colorWarning00,
3083
+ colorWarning100: colorWarning100,
3084
+ colorWarning1000: colorWarning1000,
3085
+ colorWarning200: colorWarning200,
3086
+ colorWarning300: colorWarning300,
3087
+ colorWarning400: colorWarning400,
3088
+ colorWarning50: colorWarning50,
3089
+ colorWarning500: colorWarning500,
3090
+ colorWarning600: colorWarning600,
3091
+ colorWarning700: colorWarning700,
3092
+ colorWarning800: colorWarning800,
3093
+ colorWarning900: colorWarning900,
2926
3094
  colorWarningTurva: colorWarningTurva,
2927
3095
  fontFamilyHeading: fontFamilyHeading,
2928
3096
  fontFamilyHeadingTurva: fontFamilyHeadingTurva,
@@ -5360,6 +5528,18 @@ const color_category_union_turva = "rgb(169, 69, 124)";
5360
5528
  const color_category_vehicle = "rgb(54, 74, 129)";
5361
5529
  const color_category_vehicle_turva = "rgb(23, 28, 58)";
5362
5530
  const color_danger = "rgb(222, 35, 98)";
5531
+ const color_danger_00 = "rgb(255, 240, 243)";
5532
+ const color_danger_100 = "rgb(255, 211, 219)";
5533
+ const color_danger_1000 = "rgb(89, 0, 45)";
5534
+ const color_danger_200 = "rgb(255, 173, 190)";
5535
+ const color_danger_300 = "rgb(252, 136, 162)";
5536
+ const color_danger_400 = "rgb(243, 98, 134)";
5537
+ const color_danger_50 = "rgb(255, 225, 231)";
5538
+ const color_danger_500 = "rgb(231, 62, 107)";
5539
+ const color_danger_600 = "rgb(214, 28, 82)";
5540
+ const color_danger_700 = "rgb(185, 16, 74)";
5541
+ const color_danger_800 = "rgb(153, 9, 66)";
5542
+ const color_danger_900 = "rgb(120, 4, 56)";
5363
5543
  const color_danger_turva = "rgb(224, 42, 13)";
5364
5544
  const color_data_01 = "rgb(122, 1, 196)";
5365
5545
  const color_data_02 = "rgb(0, 155, 204)";
@@ -5388,6 +5568,30 @@ const color_gray_lighter_turva = "rgb(245, 245, 247)";
5388
5568
  const color_gray_lightest = "rgb(255, 255, 255)";
5389
5569
  const color_gray_lightest_turva = "rgb(255, 255, 255)";
5390
5570
  const color_gray_turva = "rgb(207, 207, 209)";
5571
+ const color_lt_blue_00 = "rgb(240, 247, 250)";
5572
+ const color_lt_blue_100 = "rgb(217, 236, 245)";
5573
+ const color_lt_blue_1000 = "rgb(8, 42, 77)";
5574
+ const color_lt_blue_200 = "rgb(198, 225, 238)";
5575
+ const color_lt_blue_300 = "rgb(172, 210, 229)";
5576
+ const color_lt_blue_400 = "rgb(131, 188, 217)";
5577
+ const color_lt_blue_50 = "rgb(228, 241, 247)";
5578
+ const color_lt_blue_500 = "rgb(50, 153, 204)";
5579
+ const color_lt_blue_600 = "rgb(0, 119, 179)";
5580
+ const color_lt_blue_700 = "rgb(0, 97, 155)";
5581
+ const color_lt_blue_800 = "rgb(0, 75, 129)";
5582
+ const color_lt_blue_900 = "rgb(3, 56, 102)";
5583
+ const color_lt_gray_00 = "rgb(245, 248, 250)";
5584
+ const color_lt_gray_100 = "rgb(212, 223, 229)";
5585
+ const color_lt_gray_1000 = "rgb(17, 28, 38)";
5586
+ const color_lt_gray_200 = "rgb(181, 198, 208)";
5587
+ const color_lt_gray_300 = "rgb(153, 174, 186)";
5588
+ const color_lt_gray_400 = "rgb(127, 150, 165)";
5589
+ const color_lt_gray_50 = "rgb(228, 236, 239)";
5590
+ const color_lt_gray_500 = "rgb(98, 121, 138)";
5591
+ const color_lt_gray_600 = "rgb(81, 105, 123)";
5592
+ const color_lt_gray_700 = "rgb(62, 84, 102)";
5593
+ const color_lt_gray_800 = "rgb(45, 64, 81)";
5594
+ const color_lt_gray_900 = "rgb(30, 45, 59)";
5391
5595
  const color_primary = "rgb(0, 119, 179)";
5392
5596
  const color_primary_dark = "rgb(0, 77, 128)";
5393
5597
  const color_primary_dark_turva = "rgb(148, 9, 37)";
@@ -5403,8 +5607,56 @@ const color_primary_turva = "rgb(198, 12, 48)";
5403
5607
  const color_secondary = "rgb(0, 41, 77)";
5404
5608
  const color_secondary_turva = "rgb(23, 28, 58)";
5405
5609
  const color_success = "rgb(0, 135, 90)";
5610
+ const color_success_00 = "rgb(244, 250, 247)";
5611
+ const color_success_100 = "rgb(218, 246, 233)";
5612
+ const color_success_1000 = "rgb(4, 38, 33)";
5613
+ const color_success_200 = "rgb(191, 239, 218)";
5614
+ const color_success_300 = "rgb(163, 229, 202)";
5615
+ const color_success_400 = "rgb(134, 215, 185)";
5616
+ const color_success_50 = "rgb(231, 248, 239)";
5617
+ const color_success_500 = "rgb(105, 196, 166)";
5618
+ const color_success_600 = "rgb(77, 171, 143)";
5619
+ const color_success_700 = "rgb(48, 131, 105)";
5620
+ const color_success_800 = "rgb(29, 106, 88)";
5621
+ const color_success_900 = "rgb(13, 71, 59)";
5406
5622
  const color_success_turva = "rgb(8, 135, 78)";
5623
+ const color_turva_gray_00 = "rgb(245, 247, 250)";
5624
+ const color_turva_gray_100 = "rgb(222, 224, 228)";
5625
+ const color_turva_gray_1000 = "rgb(8, 13, 38)";
5626
+ const color_turva_gray_200 = "rgb(199, 202, 207)";
5627
+ const color_turva_gray_300 = "rgb(175, 178, 186)";
5628
+ const color_turva_gray_400 = "rgb(143, 147, 158)";
5629
+ const color_turva_gray_50 = "rgb(234, 235, 239)";
5630
+ const color_turva_gray_500 = "rgb(113, 118, 132)";
5631
+ const color_turva_gray_600 = "rgb(98, 104, 122)";
5632
+ const color_turva_gray_700 = "rgb(71, 78, 101)";
5633
+ const color_turva_gray_800 = "rgb(45, 52, 79)";
5634
+ const color_turva_gray_900 = "rgb(23, 28, 58)";
5635
+ const color_turva_red_00 = "rgb(255, 241, 241)";
5636
+ const color_turva_red_100 = "rgb(255, 213, 215)";
5637
+ const color_turva_red_1000 = "rgb(51, 5, 20)";
5638
+ const color_turva_red_200 = "rgb(255, 185, 190)";
5639
+ const color_turva_red_300 = "rgb(252, 148, 158)";
5640
+ const color_turva_red_400 = "rgb(240, 102, 119)";
5641
+ const color_turva_red_50 = "rgb(255, 227, 228)";
5642
+ const color_turva_red_500 = "rgb(221, 49, 77)";
5643
+ const color_turva_red_600 = "rgb(198, 12, 48)";
5644
+ const color_turva_red_700 = "rgb(164, 4, 40)";
5645
+ const color_turva_red_800 = "rgb(126, 2, 35)";
5646
+ const color_turva_red_900 = "rgb(87, 4, 29)";
5407
5647
  const color_warning = "rgb(247, 178, 40)";
5648
+ const color_warning_00 = "rgb(255, 251, 242)";
5649
+ const color_warning_100 = "rgb(255, 244, 198)";
5650
+ const color_warning_1000 = "rgb(38, 26, 4)";
5651
+ const color_warning_200 = "rgb(255, 232, 160)";
5652
+ const color_warning_300 = "rgb(255, 217, 120)";
5653
+ const color_warning_400 = "rgb(255, 199, 79)";
5654
+ const color_warning_50 = "rgb(255, 247, 221)";
5655
+ const color_warning_500 = "rgb(247, 178, 40)";
5656
+ const color_warning_600 = "rgb(212, 151, 32)";
5657
+ const color_warning_700 = "rgb(156, 110, 22)";
5658
+ const color_warning_800 = "rgb(126, 87, 16)";
5659
+ const color_warning_900 = "rgb(81, 55, 9)";
5408
5660
  const color_warning_turva = "rgb(250, 164, 15)";
5409
5661
  const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
5410
5662
  const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
@@ -5524,6 +5776,18 @@ var tokens = {
5524
5776
  color_category_vehicle: color_category_vehicle,
5525
5777
  color_category_vehicle_turva: color_category_vehicle_turva,
5526
5778
  color_danger: color_danger,
5779
+ color_danger_00: color_danger_00,
5780
+ color_danger_100: color_danger_100,
5781
+ color_danger_1000: color_danger_1000,
5782
+ color_danger_200: color_danger_200,
5783
+ color_danger_300: color_danger_300,
5784
+ color_danger_400: color_danger_400,
5785
+ color_danger_50: color_danger_50,
5786
+ color_danger_500: color_danger_500,
5787
+ color_danger_600: color_danger_600,
5788
+ color_danger_700: color_danger_700,
5789
+ color_danger_800: color_danger_800,
5790
+ color_danger_900: color_danger_900,
5527
5791
  color_danger_turva: color_danger_turva,
5528
5792
  color_data_01: color_data_01,
5529
5793
  color_data_02: color_data_02,
@@ -5552,6 +5816,30 @@ var tokens = {
5552
5816
  color_gray_lightest: color_gray_lightest,
5553
5817
  color_gray_lightest_turva: color_gray_lightest_turva,
5554
5818
  color_gray_turva: color_gray_turva,
5819
+ color_lt_blue_00: color_lt_blue_00,
5820
+ color_lt_blue_100: color_lt_blue_100,
5821
+ color_lt_blue_1000: color_lt_blue_1000,
5822
+ color_lt_blue_200: color_lt_blue_200,
5823
+ color_lt_blue_300: color_lt_blue_300,
5824
+ color_lt_blue_400: color_lt_blue_400,
5825
+ color_lt_blue_50: color_lt_blue_50,
5826
+ color_lt_blue_500: color_lt_blue_500,
5827
+ color_lt_blue_600: color_lt_blue_600,
5828
+ color_lt_blue_700: color_lt_blue_700,
5829
+ color_lt_blue_800: color_lt_blue_800,
5830
+ color_lt_blue_900: color_lt_blue_900,
5831
+ color_lt_gray_00: color_lt_gray_00,
5832
+ color_lt_gray_100: color_lt_gray_100,
5833
+ color_lt_gray_1000: color_lt_gray_1000,
5834
+ color_lt_gray_200: color_lt_gray_200,
5835
+ color_lt_gray_300: color_lt_gray_300,
5836
+ color_lt_gray_400: color_lt_gray_400,
5837
+ color_lt_gray_50: color_lt_gray_50,
5838
+ color_lt_gray_500: color_lt_gray_500,
5839
+ color_lt_gray_600: color_lt_gray_600,
5840
+ color_lt_gray_700: color_lt_gray_700,
5841
+ color_lt_gray_800: color_lt_gray_800,
5842
+ color_lt_gray_900: color_lt_gray_900,
5555
5843
  color_primary: color_primary,
5556
5844
  color_primary_dark: color_primary_dark,
5557
5845
  color_primary_dark_turva: color_primary_dark_turva,
@@ -5567,8 +5855,56 @@ var tokens = {
5567
5855
  color_secondary: color_secondary,
5568
5856
  color_secondary_turva: color_secondary_turva,
5569
5857
  color_success: color_success,
5858
+ color_success_00: color_success_00,
5859
+ color_success_100: color_success_100,
5860
+ color_success_1000: color_success_1000,
5861
+ color_success_200: color_success_200,
5862
+ color_success_300: color_success_300,
5863
+ color_success_400: color_success_400,
5864
+ color_success_50: color_success_50,
5865
+ color_success_500: color_success_500,
5866
+ color_success_600: color_success_600,
5867
+ color_success_700: color_success_700,
5868
+ color_success_800: color_success_800,
5869
+ color_success_900: color_success_900,
5570
5870
  color_success_turva: color_success_turva,
5871
+ color_turva_gray_00: color_turva_gray_00,
5872
+ color_turva_gray_100: color_turva_gray_100,
5873
+ color_turva_gray_1000: color_turva_gray_1000,
5874
+ color_turva_gray_200: color_turva_gray_200,
5875
+ color_turva_gray_300: color_turva_gray_300,
5876
+ color_turva_gray_400: color_turva_gray_400,
5877
+ color_turva_gray_50: color_turva_gray_50,
5878
+ color_turva_gray_500: color_turva_gray_500,
5879
+ color_turva_gray_600: color_turva_gray_600,
5880
+ color_turva_gray_700: color_turva_gray_700,
5881
+ color_turva_gray_800: color_turva_gray_800,
5882
+ color_turva_gray_900: color_turva_gray_900,
5883
+ color_turva_red_00: color_turva_red_00,
5884
+ color_turva_red_100: color_turva_red_100,
5885
+ color_turva_red_1000: color_turva_red_1000,
5886
+ color_turva_red_200: color_turva_red_200,
5887
+ color_turva_red_300: color_turva_red_300,
5888
+ color_turva_red_400: color_turva_red_400,
5889
+ color_turva_red_50: color_turva_red_50,
5890
+ color_turva_red_500: color_turva_red_500,
5891
+ color_turva_red_600: color_turva_red_600,
5892
+ color_turva_red_700: color_turva_red_700,
5893
+ color_turva_red_800: color_turva_red_800,
5894
+ color_turva_red_900: color_turva_red_900,
5571
5895
  color_warning: color_warning,
5896
+ color_warning_00: color_warning_00,
5897
+ color_warning_100: color_warning_100,
5898
+ color_warning_1000: color_warning_1000,
5899
+ color_warning_200: color_warning_200,
5900
+ color_warning_300: color_warning_300,
5901
+ color_warning_400: color_warning_400,
5902
+ color_warning_50: color_warning_50,
5903
+ color_warning_500: color_warning_500,
5904
+ color_warning_600: color_warning_600,
5905
+ color_warning_700: color_warning_700,
5906
+ color_warning_800: color_warning_800,
5907
+ color_warning_900: color_warning_900,
5572
5908
  color_warning_turva: color_warning_turva,
5573
5909
  font_family_heading: font_family_heading,
5574
5910
  font_family_heading_turva: font_family_heading_turva,
@@ -5691,6 +6027,18 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
5691
6027
  color_category_vehicle: color_category_vehicle,
5692
6028
  color_category_vehicle_turva: color_category_vehicle_turva,
5693
6029
  color_danger: color_danger,
6030
+ color_danger_00: color_danger_00,
6031
+ color_danger_100: color_danger_100,
6032
+ color_danger_1000: color_danger_1000,
6033
+ color_danger_200: color_danger_200,
6034
+ color_danger_300: color_danger_300,
6035
+ color_danger_400: color_danger_400,
6036
+ color_danger_50: color_danger_50,
6037
+ color_danger_500: color_danger_500,
6038
+ color_danger_600: color_danger_600,
6039
+ color_danger_700: color_danger_700,
6040
+ color_danger_800: color_danger_800,
6041
+ color_danger_900: color_danger_900,
5694
6042
  color_danger_turva: color_danger_turva,
5695
6043
  color_data_01: color_data_01,
5696
6044
  color_data_02: color_data_02,
@@ -5719,6 +6067,30 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
5719
6067
  color_gray_lightest: color_gray_lightest,
5720
6068
  color_gray_lightest_turva: color_gray_lightest_turva,
5721
6069
  color_gray_turva: color_gray_turva,
6070
+ color_lt_blue_00: color_lt_blue_00,
6071
+ color_lt_blue_100: color_lt_blue_100,
6072
+ color_lt_blue_1000: color_lt_blue_1000,
6073
+ color_lt_blue_200: color_lt_blue_200,
6074
+ color_lt_blue_300: color_lt_blue_300,
6075
+ color_lt_blue_400: color_lt_blue_400,
6076
+ color_lt_blue_50: color_lt_blue_50,
6077
+ color_lt_blue_500: color_lt_blue_500,
6078
+ color_lt_blue_600: color_lt_blue_600,
6079
+ color_lt_blue_700: color_lt_blue_700,
6080
+ color_lt_blue_800: color_lt_blue_800,
6081
+ color_lt_blue_900: color_lt_blue_900,
6082
+ color_lt_gray_00: color_lt_gray_00,
6083
+ color_lt_gray_100: color_lt_gray_100,
6084
+ color_lt_gray_1000: color_lt_gray_1000,
6085
+ color_lt_gray_200: color_lt_gray_200,
6086
+ color_lt_gray_300: color_lt_gray_300,
6087
+ color_lt_gray_400: color_lt_gray_400,
6088
+ color_lt_gray_50: color_lt_gray_50,
6089
+ color_lt_gray_500: color_lt_gray_500,
6090
+ color_lt_gray_600: color_lt_gray_600,
6091
+ color_lt_gray_700: color_lt_gray_700,
6092
+ color_lt_gray_800: color_lt_gray_800,
6093
+ color_lt_gray_900: color_lt_gray_900,
5722
6094
  color_primary: color_primary,
5723
6095
  color_primary_dark: color_primary_dark,
5724
6096
  color_primary_dark_turva: color_primary_dark_turva,
@@ -5734,8 +6106,56 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
5734
6106
  color_secondary: color_secondary,
5735
6107
  color_secondary_turva: color_secondary_turva,
5736
6108
  color_success: color_success,
6109
+ color_success_00: color_success_00,
6110
+ color_success_100: color_success_100,
6111
+ color_success_1000: color_success_1000,
6112
+ color_success_200: color_success_200,
6113
+ color_success_300: color_success_300,
6114
+ color_success_400: color_success_400,
6115
+ color_success_50: color_success_50,
6116
+ color_success_500: color_success_500,
6117
+ color_success_600: color_success_600,
6118
+ color_success_700: color_success_700,
6119
+ color_success_800: color_success_800,
6120
+ color_success_900: color_success_900,
5737
6121
  color_success_turva: color_success_turva,
6122
+ color_turva_gray_00: color_turva_gray_00,
6123
+ color_turva_gray_100: color_turva_gray_100,
6124
+ color_turva_gray_1000: color_turva_gray_1000,
6125
+ color_turva_gray_200: color_turva_gray_200,
6126
+ color_turva_gray_300: color_turva_gray_300,
6127
+ color_turva_gray_400: color_turva_gray_400,
6128
+ color_turva_gray_50: color_turva_gray_50,
6129
+ color_turva_gray_500: color_turva_gray_500,
6130
+ color_turva_gray_600: color_turva_gray_600,
6131
+ color_turva_gray_700: color_turva_gray_700,
6132
+ color_turva_gray_800: color_turva_gray_800,
6133
+ color_turva_gray_900: color_turva_gray_900,
6134
+ color_turva_red_00: color_turva_red_00,
6135
+ color_turva_red_100: color_turva_red_100,
6136
+ color_turva_red_1000: color_turva_red_1000,
6137
+ color_turva_red_200: color_turva_red_200,
6138
+ color_turva_red_300: color_turva_red_300,
6139
+ color_turva_red_400: color_turva_red_400,
6140
+ color_turva_red_50: color_turva_red_50,
6141
+ color_turva_red_500: color_turva_red_500,
6142
+ color_turva_red_600: color_turva_red_600,
6143
+ color_turva_red_700: color_turva_red_700,
6144
+ color_turva_red_800: color_turva_red_800,
6145
+ color_turva_red_900: color_turva_red_900,
5738
6146
  color_warning: color_warning,
6147
+ color_warning_00: color_warning_00,
6148
+ color_warning_100: color_warning_100,
6149
+ color_warning_1000: color_warning_1000,
6150
+ color_warning_200: color_warning_200,
6151
+ color_warning_300: color_warning_300,
6152
+ color_warning_400: color_warning_400,
6153
+ color_warning_50: color_warning_50,
6154
+ color_warning_500: color_warning_500,
6155
+ color_warning_600: color_warning_600,
6156
+ color_warning_700: color_warning_700,
6157
+ color_warning_800: color_warning_800,
6158
+ color_warning_900: color_warning_900,
5739
6159
  color_warning_turva: color_warning_turva,
5740
6160
  font_family_heading: font_family_heading,
5741
6161
  font_family_heading_turva: font_family_heading_turva,
@@ -7768,7 +8188,7 @@ const findCheckedOption = (el, tagName) => {
7768
8188
  return options.find((o) => o.checked === true);
7769
8189
  };
7770
8190
 
7771
- const duetGridCss = ".sc-duet-grid-h {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n.duet-grid-variation-flex.sc-duet-grid-h {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h {\n flex-direction: row-reverse !important;\n}\n@media (max-width: 22.5em) {\n .duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n flex-direction: column !important;\n }\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h {\n flex-direction: row !important;\n }\n .duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h {\n flex-direction: row-reverse !important;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h {\n flex-direction: row !important;\n }\n .duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h {\n flex-direction: row-reverse !important;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h {\n flex-direction: row !important;\n }\n .duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h {\n flex-direction: row-reverse !important;\n }\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n flex-direction: row !important;\n }\n .duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h {\n flex-direction: row-reverse !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h {\n flex-wrap: wrap !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h {\n flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h {\n flex-direction: row-reverse !important;\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n flex-direction: column !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n flex-direction: column !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n flex-direction: column !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n flex-direction: column !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n flex-direction: column !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h {\n align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h {\n align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h {\n align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h {\n align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h {\n align-items: baseline !important;\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n align-items: baseline !important;\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h {\n align-items: flex-start !important;\n }\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h {\n align-items: flex-end !important;\n }\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h {\n align-items: center !important;\n }\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h {\n align-items: stretch !important;\n }\n}\n@media (min-width: 36em) {\n .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h {\n align-items: baseline !important;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h {\n align-items: flex-start !important;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h {\n align-items: flex-end !important;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h {\n align-items: center !important;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h {\n align-items: stretch !important;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h {\n align-items: baseline !important;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h {\n align-items: flex-start !important;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h {\n align-items: flex-end !important;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h {\n align-items: center !important;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h {\n align-items: stretch !important;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h {\n align-items: baseline !important;\n }\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n align-items: flex-start !important;\n }\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n align-items: flex-end !important;\n }\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n align-items: center !important;\n }\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n align-items: stretch !important;\n }\n}\n@media (min-width: 64.0625em) {\n .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n align-items: baseline !important;\n }\n}\n.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h {\n justify-content: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h {\n justify-content: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h {\n justify-content: center !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h {\n justify-content: space-between !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h {\n justify-content: space-around !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h {\n justify-content: space-evenly !important;\n}\n@media (max-width: 35.9375em) {\n .duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n@media (max-width: 35.9375em) {\n .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid {\n text-align: center !important;\n }\n}\n@media (max-width: 35.9375em) {\n .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid {\n text-align: right !important;\n }\n}\n\n.duet-grid-variation-grid.sc-duet-grid-h {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n margin: 0 20px;\n container-type: inline-size;\n}\n@media (min-width: 36em) {\n .duet-grid-variation-grid.sc-duet-grid-h {\n gap: 24px;\n margin: 0 40px;\n }\n}\n@media (min-width: 48em) {\n .duet-grid-variation-grid.sc-duet-grid-h {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n margin: 0 auto;\n }\n}\n@media (min-width: 62em) {\n .duet-grid-variation-grid.sc-duet-grid-h {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n margin: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n .duet-grid-variation-grid.sc-duet-grid-h {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n margin: 0 auto;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n grid-column: 3/span 8;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n grid-column: 2/span 10;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n grid-column: 1/span 12;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 8;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n grid-column: 9/span 4;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 4;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n grid-column: 5/span 8;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n grid-column: 1/span 6;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n grid-column: 7/span 6;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n grid-column: 1/span 4;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n grid-column: 5/span 4;\n }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n grid-column: 9/span 4;\n }\n}\n.duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n margin: 0;\n \n \n}\n@media (min-width: 36em) {\n .duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n \n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n \n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";
8191
+ const duetGridCss = ":host {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n:host(.duet-grid-variation-flex) {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n justify-content: flex-start !important;\n width: 100%;\n max-width: 100%;\n height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n flex-direction: row !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n flex-direction: column !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 36em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 48em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 62em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n align-items: baseline !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n align-items: flex-start !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n align-items: flex-end !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n align-items: center !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n align-items: stretch !important;\n }\n}\n\n@media (min-width: 64.0625em) {\n :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n align-items: baseline !important;\n }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n align-items: flex-start !important;\n justify-content: flex-start !important;\n text-align: left !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n align-items: center !important;\n justify-content: center !important;\n text-align: center !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n text-align: center !important;\n }\n}\n\n@media (max-width: 35.9375em) {\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n align-items: flex-end !important;\n justify-content: flex-end !important;\n text-align: right !important;\n }\n :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n text-align: right !important;\n }\n}\n\n:host(.duet-grid-variation-grid) {\n display: grid;\n grid-template-rows: repeat(1, 1fr);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n align-items: flex-start;\n justify-content: center;\n padding: 0 20px;\n container-type: inline-size;\n overflow-x: clip;\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid) {\n gap: 24px;\n padding: 0 40px;\n }\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(8, 55px);\n gap: 24px 32px;\n padding: 0;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n padding: 0 64px;\n }\n}\n@media (min-width: 76.25em) {\n :host(.duet-grid-variation-grid) {\n grid-template-columns: repeat(12, 55px);\n gap: 40px;\n padding: 0;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n grid-column: 3/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n grid-column: 2/span 10;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n grid-column: 1/span 12;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n grid-column: 5/span 8;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n grid-column: 1/span 6;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 5/span 4;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n grid-column: 7/span 6;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n grid-column: 1/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n grid-column: 5/span 4;\n }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 1/span 8;\n }\n}\n@media (min-width: 62em) {\n :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n grid-column: 9/span 4;\n }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n grid-template-columns: minmax(0, 1fr);\n gap: 12px;\n padding: 0;\n /* stylelint-disable */\n /* stylelint-disable */\n}\n@media (min-width: 36em) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n gap: 16px;\n }\n}\n@container (min-width: 664px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@container (min-width: 1100px) {\n :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n /* stylelint-enable */\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}";
7772
8192
  var DuetGridStyle0 = duetGridCss;
7773
8193
 
7774
8194
  function isGridItem(element) {
@@ -7856,6 +8276,7 @@ class DuetGrid {
7856
8276
  item.responsive = this.responsive;
7857
8277
  item.breakpoint = this.breakpoint;
7858
8278
  item.direction = this.direction;
8279
+ item.rowReverse = this.rowReverse;
7859
8280
  });
7860
8281
  }
7861
8282
  async updateGridItemsWithInputFields() {
@@ -7898,7 +8319,7 @@ class DuetGrid {
7898
8319
  }; }
7899
8320
  static get style() { return DuetGridStyle0; }
7900
8321
  static get cmpMeta() { return {
7901
- "$flags$": 6,
8322
+ "$flags$": 9,
7902
8323
  "$tagName$": "duet-grid",
7903
8324
  "$members$": {
7904
8325
  "responsive": [4],
@@ -7917,7 +8338,7 @@ class DuetGrid {
7917
8338
  }; }
7918
8339
  }
7919
8340
 
7920
- const duetGridItemCss = ".sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{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-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}";
8341
+ const duetGridItemCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.duet-theme-turva){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)}:host(.duet-m-0){padding:0 !important;margin:0 !important}";
7921
8342
  var DuetGridItemStyle0 = duetGridItemCss;
7922
8343
 
7923
8344
  class DuetGridItem {
@@ -7931,6 +8352,7 @@ class DuetGridItem {
7931
8352
  this.responsive = false;
7932
8353
  this.direction = "horizontal";
7933
8354
  this.breakpoint = "small";
8355
+ this.rowReverse = false;
7934
8356
  }
7935
8357
  /**
7936
8358
  * Component lifecycle events.
@@ -7949,7 +8371,7 @@ class DuetGridItem {
7949
8371
  }
7950
8372
  static get style() { return DuetGridItemStyle0; }
7951
8373
  static get cmpMeta() { return {
7952
- "$flags$": 2,
8374
+ "$flags$": 9,
7953
8375
  "$tagName$": "duet-grid-item",
7954
8376
  "$members$": {
7955
8377
  "fill": [4],
@@ -7959,7 +8381,8 @@ class DuetGridItem {
7959
8381
  "margin": [1],
7960
8382
  "responsive": [4],
7961
8383
  "direction": [1],
7962
- "breakpoint": [1]
8384
+ "breakpoint": [1],
8385
+ "rowReverse": [4, "row-reverse"]
7963
8386
  },
7964
8387
  "$listeners$": undefined,
7965
8388
  "$lazyBundleId$": "-",
@@ -7984,11 +8407,11 @@ var navigationUser={"title":"navigation-user","tags":"navigation user human pers
7984
8407
  // Adopted and modified solution from Bohdan Didukh (2017)
7985
8408
  // https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi
7986
8409
 
7987
- let hasPassiveEvents = false;
8410
+ let hasPassiveEvents$1 = false;
7988
8411
  if (typeof window !== 'undefined') {
7989
8412
  const passiveTestOptions = {
7990
8413
  get passive() {
7991
- hasPassiveEvents = true;
8414
+ hasPassiveEvents$1 = true;
7992
8415
  return undefined;
7993
8416
  }
7994
8417
  };
@@ -7996,17 +8419,17 @@ if (typeof window !== 'undefined') {
7996
8419
  window.removeEventListener('testPassive', null, passiveTestOptions);
7997
8420
  }
7998
8421
 
7999
- const isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);
8422
+ const isIosDevice$1 = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);
8000
8423
 
8001
8424
 
8002
- let locks = [];
8003
- let documentListenerAdded = false;
8004
- let initialClientY = -1;
8005
- let previousBodyOverflowSetting;
8006
- let previousBodyPaddingRight;
8425
+ let locks$1 = [];
8426
+ let documentListenerAdded$1 = false;
8427
+ let initialClientY$1 = -1;
8428
+ let previousBodyOverflowSetting$1;
8429
+ let previousBodyPaddingRight$1;
8007
8430
 
8008
8431
  // returns true if `el` should be allowed to receive touchmove events.
8009
- const allowTouchMove = el => locks.some(lock => {
8432
+ const allowTouchMove$1 = el => locks$1.some(lock => {
8010
8433
  if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {
8011
8434
  return true;
8012
8435
  }
@@ -8014,14 +8437,14 @@ const allowTouchMove = el => locks.some(lock => {
8014
8437
  return false;
8015
8438
  });
8016
8439
 
8017
- const preventDefault = rawEvent => {
8440
+ const preventDefault$1 = rawEvent => {
8018
8441
  const e = rawEvent || window.event;
8019
8442
 
8020
8443
  // For the case whereby consumers adds a touchmove event listener to document.
8021
8444
  // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })
8022
8445
  // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then
8023
8446
  // the touchmove event on document will break.
8024
- if (allowTouchMove(e.target)) {
8447
+ if (allowTouchMove$1(e.target)) {
8025
8448
  return true;
8026
8449
  }
8027
8450
 
@@ -8033,68 +8456,68 @@ const preventDefault = rawEvent => {
8033
8456
  return false;
8034
8457
  };
8035
8458
 
8036
- const setOverflowHidden = options => {
8459
+ const setOverflowHidden$1 = options => {
8037
8460
  // If previousBodyPaddingRight is already set, don't set it again.
8038
- if (previousBodyPaddingRight === undefined) {
8461
+ if (previousBodyPaddingRight$1 === undefined) {
8039
8462
  const reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;
8040
8463
  const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
8041
8464
 
8042
8465
  if (reserveScrollBarGap && scrollBarGap > 0) {
8043
- previousBodyPaddingRight = document.body.style.paddingRight;
8466
+ previousBodyPaddingRight$1 = document.body.style.paddingRight;
8044
8467
  document.body.style.paddingRight = `${scrollBarGap}px`;
8045
8468
  }
8046
8469
  }
8047
8470
 
8048
8471
  // If previousBodyOverflowSetting is already set, don't set it again.
8049
- if (previousBodyOverflowSetting === undefined) {
8050
- previousBodyOverflowSetting = document.body.style.overflow;
8472
+ if (previousBodyOverflowSetting$1 === undefined) {
8473
+ previousBodyOverflowSetting$1 = document.body.style.overflow;
8051
8474
  document.body.style.overflow = 'hidden';
8052
8475
  }
8053
8476
  };
8054
8477
 
8055
- const restoreOverflowSetting = () => {
8056
- if (previousBodyPaddingRight !== undefined) {
8057
- document.body.style.paddingRight = previousBodyPaddingRight;
8478
+ const restoreOverflowSetting$1 = () => {
8479
+ if (previousBodyPaddingRight$1 !== undefined) {
8480
+ document.body.style.paddingRight = previousBodyPaddingRight$1;
8058
8481
 
8059
8482
  // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it
8060
8483
  // can be set again.
8061
- previousBodyPaddingRight = undefined;
8484
+ previousBodyPaddingRight$1 = undefined;
8062
8485
  }
8063
8486
 
8064
- if (previousBodyOverflowSetting !== undefined) {
8065
- document.body.style.overflow = previousBodyOverflowSetting;
8487
+ if (previousBodyOverflowSetting$1 !== undefined) {
8488
+ document.body.style.overflow = previousBodyOverflowSetting$1;
8066
8489
 
8067
8490
  // Restore previousBodyOverflowSetting to undefined
8068
8491
  // so setOverflowHidden knows it can be set again.
8069
- previousBodyOverflowSetting = undefined;
8492
+ previousBodyOverflowSetting$1 = undefined;
8070
8493
  }
8071
8494
  };
8072
8495
 
8073
8496
  // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
8074
- const isTargetElementTotallyScrolled = targetElement => targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;
8497
+ const isTargetElementTotallyScrolled$1 = targetElement => targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;
8075
8498
 
8076
- const handleScroll = (event, targetElement) => {
8077
- const clientY = event.targetTouches[0].clientY - initialClientY;
8499
+ const handleScroll$1 = (event, targetElement) => {
8500
+ const clientY = event.targetTouches[0].clientY - initialClientY$1;
8078
8501
 
8079
- if (allowTouchMove(event.target)) {
8502
+ if (allowTouchMove$1(event.target)) {
8080
8503
  return false;
8081
8504
  }
8082
8505
 
8083
8506
  if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {
8084
8507
  // element is at the top of its scroll.
8085
- return preventDefault(event);
8508
+ return preventDefault$1(event);
8086
8509
  }
8087
8510
 
8088
- if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {
8511
+ if (isTargetElementTotallyScrolled$1(targetElement) && clientY < 0) {
8089
8512
  // element is at the bottom of its scroll.
8090
- return preventDefault(event);
8513
+ return preventDefault$1(event);
8091
8514
  }
8092
8515
 
8093
8516
  event.stopPropagation();
8094
8517
  return true;
8095
8518
  };
8096
8519
 
8097
- const disableBodyScroll = (targetElement, options) => {
8520
+ const disableBodyScroll$1 = (targetElement, options) => {
8098
8521
  // targetElement must be provided
8099
8522
  if (!targetElement) {
8100
8523
  // eslint-disable-next-line no-console
@@ -8103,7 +8526,7 @@ const disableBodyScroll = (targetElement, options) => {
8103
8526
  }
8104
8527
 
8105
8528
  // disableBodyScroll must not have been called on this targetElement before
8106
- if (locks.some(lock => lock.targetElement === targetElement)) {
8529
+ if (locks$1.some(lock => lock.targetElement === targetElement)) {
8107
8530
  return;
8108
8531
  }
8109
8532
 
@@ -8112,50 +8535,50 @@ const disableBodyScroll = (targetElement, options) => {
8112
8535
  options: options || {}
8113
8536
  };
8114
8537
 
8115
- locks = [...locks, lock];
8538
+ locks$1 = [...locks$1, lock];
8116
8539
 
8117
- if (isIosDevice) {
8540
+ if (isIosDevice$1) {
8118
8541
  targetElement.ontouchstart = event => {
8119
8542
  if (event.targetTouches.length === 1) {
8120
8543
  // detect single touch.
8121
- initialClientY = event.targetTouches[0].clientY;
8544
+ initialClientY$1 = event.targetTouches[0].clientY;
8122
8545
  }
8123
8546
  };
8124
8547
  targetElement.ontouchmove = event => {
8125
8548
  if (event.targetTouches.length === 1) {
8126
8549
  // detect single touch.
8127
- handleScroll(event, targetElement);
8550
+ handleScroll$1(event, targetElement);
8128
8551
  }
8129
8552
  };
8130
8553
 
8131
- if (!documentListenerAdded) {
8132
- document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);
8133
- documentListenerAdded = true;
8554
+ if (!documentListenerAdded$1) {
8555
+ document.addEventListener('touchmove', preventDefault$1, hasPassiveEvents$1 ? { passive: false } : undefined);
8556
+ documentListenerAdded$1 = true;
8134
8557
  }
8135
8558
  } else {
8136
- setOverflowHidden(options);
8559
+ setOverflowHidden$1(options);
8137
8560
  }
8138
8561
  };
8139
8562
 
8140
- const enableBodyScroll = targetElement => {
8563
+ const enableBodyScroll$1 = targetElement => {
8141
8564
  if (!targetElement) {
8142
8565
  // eslint-disable-next-line no-console
8143
8566
  console.error('enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.');
8144
8567
  return;
8145
8568
  }
8146
8569
 
8147
- locks = locks.filter(lock => lock.targetElement !== targetElement);
8570
+ locks$1 = locks$1.filter(lock => lock.targetElement !== targetElement);
8148
8571
 
8149
- if (isIosDevice) {
8572
+ if (isIosDevice$1) {
8150
8573
  targetElement.ontouchstart = null;
8151
8574
  targetElement.ontouchmove = null;
8152
8575
 
8153
- if (documentListenerAdded && locks.length === 0) {
8154
- document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);
8155
- documentListenerAdded = false;
8576
+ if (documentListenerAdded$1 && locks$1.length === 0) {
8577
+ document.removeEventListener('touchmove', preventDefault$1, hasPassiveEvents$1 ? { passive: false } : undefined);
8578
+ documentListenerAdded$1 = false;
8156
8579
  }
8157
- } else if (!locks.length) {
8158
- restoreOverflowSetting();
8580
+ } else if (!locks$1.length) {
8581
+ restoreOverflowSetting$1();
8159
8582
  }
8160
8583
  };
8161
8584
 
@@ -8344,10 +8767,10 @@ class DuetHeader {
8344
8767
  this.isSlideOutOpen = toggle;
8345
8768
  this.duetMobileNavToggle.emit({ originalEvent: ev, open: toggle });
8346
8769
  if (this.isSlideOutOpen) {
8347
- disableBodyScroll(this.navigationEl, { reserveScrollBarGap: true });
8770
+ disableBodyScroll$1(this.navigationEl, { reserveScrollBarGap: true });
8348
8771
  }
8349
8772
  else {
8350
- enableBodyScroll(this.navigationEl);
8773
+ enableBodyScroll$1(this.navigationEl);
8351
8774
  }
8352
8775
  }
8353
8776
  else if (type === "sub") {
@@ -8468,7 +8891,7 @@ class DuetHeader {
8468
8891
  }
8469
8892
  disconnectedCallback() {
8470
8893
  if (this.navigationEl) {
8471
- enableBodyScroll(this.navigationEl);
8894
+ enableBodyScroll$1(this.navigationEl);
8472
8895
  }
8473
8896
  for (let i = 0; i < this.mql.length; i++) {
8474
8897
  // addEventListener is not available in Stencil hydrate
@@ -8560,7 +8983,7 @@ class DuetHeader {
8560
8983
  async closeMobileNavigation(moveFocusToButton = false) {
8561
8984
  if (this.isSlideOutOpen) {
8562
8985
  this.isSlideOutOpen = false;
8563
- enableBodyScroll(this.navigationEl);
8986
+ enableBodyScroll$1(this.navigationEl);
8564
8987
  if (moveFocusToButton) {
8565
8988
  this.navigationElButton.focus({
8566
8989
  preventScroll: true,
@@ -8843,7 +9266,7 @@ class DuetHeading {
8843
9266
  }; }
8844
9267
  }
8845
9268
 
8846
- const duetHeroCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-hero{position:relative;display:block;width:100%;padding:48px 28px;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-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:rgb(0, 41, 77)}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:rgb(0, 41, 77);background-color:rgb(255, 255, 255);background-image:linear-gradient(rgb(243, 249, 252), #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:\"\";background-image:linear-gradient(#f9fcfe, rgb(255, 255, 255))}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:rgb(23, 28, 58);background-image:linear-gradient(rgb(245, 245, 247), #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, rgb(255, 255, 255))}.duet-hero.duet-hero-gray{color:rgb(0, 41, 77);background:rgb(245, 248, 250)}.duet-hero.duet-hero-gray.duet-theme-turva{background:rgb(245, 245, 247)}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{padding:0 0 48px;margin:0;background:none}@media (min-width: 48em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:540px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:620px}}.duet-hero.duet-hero-campaign .background-area,.duet-hero.duet-hero-section .background-area{height:1px;margin-bottom:-1px}.duet-hero.duet-hero-campaign .background-container,.duet-hero.duet-hero-section .background-container{position:absolute;right:0;left:0;display:grid;align-items:flex-start;justify-content:center;overflow:hidden}.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{display:flex;align-items:flex-start;justify-content:center;height:220px;margin:0 auto}.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{height:100%}.duet-hero.duet-hero-campaign .background img.cover,.duet-hero.duet-hero-section .background img.cover{object-fit:cover}.duet-hero.duet-hero-campaign .background img.center,.duet-hero.duet-hero-section .background img.center{object-position:center}@media (min-width: 1440px){.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:300px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:450px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:500px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:580px}}@media (min-width: 1600px){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{width:1600px;overflow:hidden}}.duet-hero.duet-hero-campaign .background .brand-container,.duet-hero.duet-hero-section .background .brand-container{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden}.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{position:absolute;width:100%;height:220px;background-repeat:no-repeat;background-position:center center;background-size:cover}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:-200px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:auto;height:1100px;background-position:140% -200%}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{background-position:right -200%}}.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{position:absolute;top:143px;right:0;left:-30px;width:340px;height:340px;margin-right:auto;margin-left:auto;background:rgb(255, 255, 255);border-radius:20%;mix-blend-mode:normal;transform:rotate(8deg)}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:160px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:215px;left:-50px;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:250px;left:0;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:240px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:280px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:310px}}.duet-hero.duet-hero-campaign .duet-hero-text,.duet-hero.duet-hero-section .duet-hero-text{width:100%}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:36px}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:48px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:64px}}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{margin:0 auto}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:80%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:52%}}.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{display:flex;align-items:center;height:6rem;padding:0 1rem;margin:1rem 0 4.5rem}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:2rem 0 4rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:6rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:8rem 0 11rem}}.duet-hero.duet-hero-campaign .duet-hero-wrapper.fluid,.duet-hero.duet-hero-campaign .duet-hero-wrapper.narrow,.duet-hero.duet-hero-section .duet-hero-wrapper.fluid,.duet-hero.duet-hero-section .duet-hero-wrapper.narrow{padding:0 16px}.duet-hero.duet-hero-campaign.duet-theme-turva,.duet-hero.duet-hero-section.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:none}.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:125px;left:-10px;width:350px;height:350px;background:rgb(255, 255, 255);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}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:143px;left:-30px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:180px;left:0;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:220px;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:230px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:260px}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:290px}}.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:98%}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:78%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:66%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:65%}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:52%}}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:2rem 0 5rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:6rem 0 12rem}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:8rem 0 13rem}}@media (min-width: 48em){.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-section{min-height:auto}}@media (min-width: 76.25em){.duet-hero.duet-hero-section{min-height:560px}}@media (min-width: 62em){.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 62em){.duet-hero.duet-hero-section .background{width:1400px;height:436px;overflow:hidden}}@media (min-width: 76.25em){.duet-hero.duet-hero-section .background{width:1536px;height:516px}}@media (min-width: 106.25em){.duet-hero.duet-hero-section .background{width:1536px}}.duet-hero.duet-hero-product{position:relative;padding:0 0 48px;margin:0;background:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product{padding-top:240px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product{padding-top:200px}}@media (min-width: 36em){.duet-hero.duet-hero-product{padding-top:260px}}@media (min-width: 48em){.duet-hero.duet-hero-product{padding-top:250px}}@media (min-width: 48em){.duet-hero.duet-hero-product{min-height:400px;padding:72px 0}}@media (min-width: 62em){.duet-hero.duet-hero-product{min-height:500px;padding:96px 0}}@media (min-width: 76.25em){.duet-hero.duet-hero-product{min-height:575px;padding:120px 0}}.duet-hero.duet-hero-product .background-area{position:absolute;top:0;width:100%;height:600px;overflow:hidden}.duet-hero.duet-hero-product .background-container{position:absolute;top:-150px;width:100%;height:600px;overflow:hidden}@media (min-width: 62em){.duet-hero.duet-hero-product .background-container{top:-48px}}.duet-hero.duet-hero-product .background{position:absolute;top:145px;width:100%;overflow:visible}.duet-hero.duet-hero-product .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-product .background{top:130px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background{top:35px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background{position:absolute;right:0;left:0;max-width:1440px;height:100%;margin:0 auto}}.duet-hero.duet-hero-product .background .brand-shaped-image{position:absolute;top:-160px;right:-15%;z-index:0;width:375px;height:375px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-160px;right:-60px;width:360px;height:360px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-120px;right:-14px;width:290px;height:290px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-175px;right:-20px;width:400px;height:400px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-145px;right:-150px;width:414px;height:414px}}@media (min-width: 860px){.duet-hero.duet-hero-product .background .brand-shaped-image{right:-105px}}@media (min-width: 960px){.duet-hero.duet-hero-product .background .brand-shaped-image{right:-45px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-190px;right:-150px;width:552px;height:552px}}@media (min-width: 1100px){.duet-hero.duet-hero-product .background .brand-shaped-image{right:-35px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-300px;right:-128px;width:736px;height:736px}.duet-hero.duet-hero-product .background .brand-shaped-image.narrow{right:-160px}}@media (min-width: 1300px){.duet-hero.duet-hero-product .background .brand-shaped-image.narrow{right:-128px}}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-position:40px;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:520px;height:240px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:440px;height:200px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:600px;height:260px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:500px;height:292px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:720px;height:420px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:950px;height:540px}}.duet-hero.duet-hero-product .background .brand-shape{position:absolute;background:rgb(230, 242, 248);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shape{top:20px;right:210px;width:200px;height:200px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shape{top:24px;right:199px;width:162px;height:162px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shape{top:25px;right:290px;width:220px;height:220px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shape{top:90px;right:145px;width:225px;height:225px}}@media (min-width: 860px){.duet-hero.duet-hero-product .background .brand-shape{right:195px}}@media (min-width: 960px){.duet-hero.duet-hero-product .background .brand-shape{right:245px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shape{top:115px;right:228px;width:300px;height:300px}}@media (min-width: 1100px){.duet-hero.duet-hero-product .background .brand-shape{right:343px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shape{right:394px;width:400px;height:400px}}.duet-hero.duet-hero-product .background .brand-shaped-icon{position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0, 119, 179, 0.85);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:165px;right:25px;width:69px;height:69px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:138px;right:50px;width:57px;height:57px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:175px;right:125px;width:78px;height:78px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:220px;right:60px}}@media (min-width: 860px){.duet-hero.duet-hero-product .background .brand-shaped-icon{right:110px}}@media (min-width: 960px){.duet-hero.duet-hero-product .background .brand-shaped-icon{right:160px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:296px;right:120px;width:105px;height:105px}}@media (min-width: 1100px){.duet-hero.duet-hero-product .background .brand-shaped-icon{right:235px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:345px;right:245px;width:140px;height:140px}}.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{transform:rotate(-7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:100%;height:100%}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:72px;height:72px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:72px;height:72px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:86px;height:86px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:104px;height:104px}}.duet-hero.duet-hero-product .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-text{margin-top:0}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:0}}.duet-hero.duet-hero-product .duet-hero-wrapper.fluid,.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:60%}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:50%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:47%}}.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 72px}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text{width:60%}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text{width:47%}}.duet-hero.duet-hero-product.duet-theme-turva{background:rgb(255, 255, 255)}.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{left:181px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{margin:0 auto;border-radius:0;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}@media (max-width: 35.9375em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-120px;width:385px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-95px;width:320px}}@media (min-width: 36em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-135px;width:420px}}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-110px;right:-110px;width:418px}}@media (min-width: 860px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:-75px}}@media (min-width: 960px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:-40px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-130px;right:-100px;width:552px}}@media (min-width: 1100px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:-35px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-215px;width:736px}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:-115px}}@media (min-width: 1300px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:-50px}}@media (min-width: 1400px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:-35px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg{transform:translate(-50%, 0)}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat;transform:rotate(0deg)}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{position:relative;top:-6px;transform:rotate(0deg)}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-8px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-12px}}.duet-hero.duet-hero-content{padding:0 0 48px;padding-top:236px;background:rgb(255, 255, 255)}@media (min-width: 48em){.duet-hero.duet-hero-content{padding-top:384px}}.duet-hero.duet-hero-content:not(.duet-hero-has-image){padding:72px 0 48px}.duet-hero.duet-hero-content .background-area{position:absolute;width:100%}.duet-hero.duet-hero-content .background{position:absolute;top:-236px;width:100%;height:600px;overflow:hidden}.duet-hero.duet-hero-content .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-content .background{top:-384px}}.duet-hero.duet-hero-content .background .brand-shaped-image{position:absolute;top:-165px;right:0;left:30px;z-index:0;width:375px;height:375px;margin:0 auto;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image{top:-325px;left:250px;width:687px;height:687px}}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-hero-content .background .brand-shape{position:absolute;top:-25px;right:0;left:-300px;width:240px;height:240px;margin-right:auto;margin-left:auto;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.07;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shape{top:80px;left:-400px;width:373px;height:373px}}.duet-hero.duet-hero-content .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-content .duet-hero-wrapper.fluid,.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 72px}}.duet-hero.duet-hero-content .duet-hero-text{max-width:100%}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text{width:80%}}.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1rem;margin-bottom:0.5rem}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1.5rem;margin-bottom:0}}.duet-hero.duet-hero-content.duet-theme-turva{background:rgb(255, 255, 255)}.duet-hero.duet-hero-content.duet-theme-turva .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .background-mask{left:181px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-155px;right:0;left:0;width:420px;height:420px;margin:0 auto;border-radius:0;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}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-230px;width:687px;height:637px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:600px;height:280px;transform:translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:rgb(0, 119, 179);text-align:left;text-decoration:none;border-bottom:1px solid rgb(225, 227, 230);transition:background-color 300ms ease}.duet-hero-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-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:rgb(148, 9, 37) !important}.duet-theme-turva .duet-hero-link{color:rgb(198, 12, 48)}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid rgb(225, 227, 230)}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:rgb(0, 119, 179)}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:rgb(198, 12, 48)}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}";
9269
+ const duetHeroCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-hero{position:relative;display:block;width:100%;padding:48px 28px;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-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:rgb(0, 41, 77)}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:rgb(0, 41, 77);background-color:rgb(255, 255, 255);background-image:linear-gradient(rgb(243, 249, 252), #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:\"\";background-image:linear-gradient(#f9fcfe, rgb(255, 255, 255))}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:rgb(23, 28, 58);background-image:linear-gradient(rgb(245, 245, 247), #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, rgb(255, 255, 255))}.duet-hero.duet-hero-gray{color:rgb(0, 41, 77);background:rgb(245, 248, 250)}.duet-hero.duet-hero-gray.duet-theme-turva{background:rgb(245, 245, 247)}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{padding:0 0 48px;margin:0;background:none}@media (min-width: 48em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:540px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign,.duet-hero.duet-hero-section{min-height:620px}}.duet-hero.duet-hero-campaign .background-area,.duet-hero.duet-hero-section .background-area{height:1px;margin-bottom:-1px}.duet-hero.duet-hero-campaign .background-container,.duet-hero.duet-hero-section .background-container{position:absolute;right:0;left:0;display:grid;align-items:flex-start;justify-content:center;overflow:hidden}.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{display:flex;align-items:flex-start;justify-content:center;height:220px;margin:0 auto}.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{height:100%}.duet-hero.duet-hero-campaign .background img.cover,.duet-hero.duet-hero-section .background img.cover{object-fit:cover}.duet-hero.duet-hero-campaign .background img.center,.duet-hero.duet-hero-section .background img.center{object-position:center}@media (min-width: 1440px){.duet-hero.duet-hero-campaign .background img,.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:300px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:450px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:500px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{height:580px}}@media (min-width: 1600px){.duet-hero.duet-hero-campaign .background,.duet-hero.duet-hero-section .background{width:1600px;overflow:hidden}}.duet-hero.duet-hero-campaign .background .brand-container,.duet-hero.duet-hero-section .background .brand-container{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden}.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{position:absolute;width:100%;height:220px;background-repeat:no-repeat;background-position:center center;background-size:cover}@media (min-width: 36em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:-200px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{left:auto;height:1100px;background-position:140% -200%}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .background .brand,.duet-hero.duet-hero-section .background .brand{background-position:right -200%}}.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{position:absolute;top:143px;right:0;left:-30px;width:340px;height:340px;margin-right:auto;margin-left:auto;background:rgb(255, 255, 255);border-radius:20%;mix-blend-mode:normal;transform:rotate(8deg)}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:160px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:215px;left:-50px;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:250px;left:0;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:240px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:280px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .brand-shape,.duet-hero.duet-hero-section .brand-shape{top:310px}}.duet-hero.duet-hero-campaign .duet-hero-text,.duet-hero.duet-hero-section .duet-hero-text{width:100%}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:36px}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:48px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading),.duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading){font-size:64px}}.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{margin:0 auto}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:80%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section .duet-hero-text duet-paragraph{width:52%}}.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{display:flex;align-items:center;height:6rem;padding:0 1rem;margin:1rem 0 4.5rem}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:2rem 0 4rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:6rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign .duet-hero-heading,.duet-hero.duet-hero-section .duet-hero-heading{margin:8rem 0 11rem}}.duet-hero.duet-hero-campaign .duet-hero-wrapper.fluid,.duet-hero.duet-hero-campaign .duet-hero-wrapper.narrow,.duet-hero.duet-hero-section .duet-hero-wrapper.fluid,.duet-hero.duet-hero-section .duet-hero-wrapper.narrow{padding:0 16px}.duet-hero.duet-hero-campaign.duet-theme-turva,.duet-hero.duet-hero-section.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:none}.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:125px;left:-10px;width:350px;height:350px;background:rgb(255, 255, 255);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}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:143px;left:-30px;width:450px;height:450px}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:180px;left:0;width:550px;height:550px}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:220px;width:712.18px;height:712.18px}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:230px}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:260px}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape,.duet-hero.duet-hero-section.duet-theme-turva .brand-shape{top:290px}}.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:98%}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:90%}}@media (min-width: 25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:78%}}@media (min-width: 30em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:66%}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:65%}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:70%}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph{width:52%}}@media (min-width: 22.5em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:2rem 0 5rem}}@media (min-width: 36em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:3rem 0 8rem}}@media (min-width: 48em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:4rem 0 10rem}}@media (min-width: 62em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:5rem 0 10rem}}@media (min-width: 76.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:6rem 0 12rem}}@media (min-width: 106.25em){.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading,.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading{margin:8rem 0 13rem}}@media (min-width: 48em){.duet-hero.duet-hero-section{min-height:490px}}@media (min-width: 62em){.duet-hero.duet-hero-section{min-height:auto}}@media (min-width: 76.25em){.duet-hero.duet-hero-section{min-height:560px}}@media (min-width: 62em){.duet-hero.duet-hero-section .background img{width:100%;height:auto}}@media (min-width: 62em){.duet-hero.duet-hero-section .background{width:1400px;height:436px;overflow:hidden}}@media (min-width: 76.25em){.duet-hero.duet-hero-section .background{width:1536px;height:516px}}@media (min-width: 106.25em){.duet-hero.duet-hero-section .background{width:1536px}}.duet-hero.duet-hero-product{position:relative;padding:0 0 48px;margin:0;background:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product{padding-top:240px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product{padding-top:200px}}@media (min-width: 36em){.duet-hero.duet-hero-product{padding-top:260px}}@media (min-width: 48em){.duet-hero.duet-hero-product{padding-top:250px}}@media (min-width: 48em){.duet-hero.duet-hero-product{min-height:400px;padding:72px 0}}@media (min-width: 62em){.duet-hero.duet-hero-product{min-height:500px;padding:96px 0}}@media (min-width: 76.25em){.duet-hero.duet-hero-product{min-height:575px;padding:120px 0}}.duet-hero.duet-hero-product .background-area{position:absolute;top:0;width:100%;height:600px;overflow:hidden;pointer-events:none}.duet-hero.duet-hero-product .background-area *{pointer-events:auto}.duet-hero.duet-hero-product .background-container{position:absolute;top:-150px;width:100%;height:600px;overflow:hidden;pointer-events:none}.duet-hero.duet-hero-product .background-container *{pointer-events:auto}@media (min-width: 62em){.duet-hero.duet-hero-product .background-container{top:-48px}}.duet-hero.duet-hero-product .background{position:absolute;top:145px;width:100%;overflow:visible}.duet-hero.duet-hero-product .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-product .background{top:130px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background{top:35px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background{position:absolute;right:0;left:0;max-width:1440px;height:100%;margin:0 auto}}.duet-hero.duet-hero-product .background .brand-shaped-image{position:absolute;top:-160px;right:-15%;z-index:0;width:375px;height:375px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-160px;right:-60px;width:360px;height:360px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-120px;right:-14px;width:290px;height:290px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-175px;right:-20px;width:400px;height:400px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-145px;right:-150px;width:414px;height:414px}}@media (min-width: 860px){.duet-hero.duet-hero-product .background .brand-shaped-image{right:-105px}}@media (min-width: 960px){.duet-hero.duet-hero-product .background .brand-shaped-image{right:-45px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-190px;right:-150px;width:552px;height:552px}}@media (min-width: 1100px){.duet-hero.duet-hero-product .background .brand-shaped-image{right:-35px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-image{top:-300px;right:-128px;width:736px;height:736px}.duet-hero.duet-hero-product .background .brand-shaped-image.narrow{right:-160px}}@media (min-width: 1300px){.duet-hero.duet-hero-product .background .brand-shaped-image.narrow{right:-128px}}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-position:40px;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:520px;height:240px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:440px;height:200px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:600px;height:260px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:500px;height:292px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:720px;height:420px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg{width:950px;height:540px}}.duet-hero.duet-hero-product .background .brand-shape{position:absolute;background:rgb(230, 242, 248);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shape{top:20px;right:210px;width:200px;height:200px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shape{top:24px;right:199px;width:162px;height:162px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shape{top:25px;right:290px;width:220px;height:220px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shape{top:90px;right:145px;width:225px;height:225px}}@media (min-width: 860px){.duet-hero.duet-hero-product .background .brand-shape{right:195px}}@media (min-width: 960px){.duet-hero.duet-hero-product .background .brand-shape{right:245px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shape{top:115px;right:228px;width:300px;height:300px}}@media (min-width: 1100px){.duet-hero.duet-hero-product .background .brand-shape{right:343px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shape{right:394px;width:400px;height:400px}}.duet-hero.duet-hero-product .background .brand-shaped-icon{position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0, 119, 179, 0.85);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:165px;right:25px;width:69px;height:69px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:138px;right:50px;width:57px;height:57px}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:175px;right:125px;width:78px;height:78px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:220px;right:60px}}@media (min-width: 860px){.duet-hero.duet-hero-product .background .brand-shaped-icon{right:110px}}@media (min-width: 960px){.duet-hero.duet-hero-product .background .brand-shaped-icon{right:160px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:296px;right:120px;width:105px;height:105px}}@media (min-width: 1100px){.duet-hero.duet-hero-product .background .brand-shaped-icon{right:235px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-icon{top:345px;right:245px;width:140px;height:140px}}.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{transform:rotate(-7deg)}@media (max-width: 35.9375em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:100%;height:100%}}@media (min-width: 36em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:72px;height:72px}}@media (min-width: 48em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:72px;height:72px}}@media (min-width: 62em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:86px;height:86px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon{width:104px;height:104px}}.duet-hero.duet-hero-product .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-text{margin-top:0}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading{margin-top:0}}.duet-hero.duet-hero-product .duet-hero-wrapper.fluid,.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:60%}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:50%}}@media (min-width: 76.25em){.duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text{width:47%}}.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow{padding:0 72px}}@media (min-width: 48em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text{width:60%}}@media (min-width: 62em){.duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text{width:47%}}.duet-hero.duet-hero-product.duet-theme-turva{background:rgb(255, 255, 255)}.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask{left:181px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{margin:0 auto;border-radius:0;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}@media (max-width: 35.9375em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-120px;width:385px}}@media (max-width: 22.5em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-95px;width:320px}}@media (min-width: 36em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-135px;width:420px}}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-110px;right:-110px;width:418px}}@media (min-width: 860px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:-75px}}@media (min-width: 960px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:-40px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-130px;right:-100px;width:552px}}@media (min-width: 1100px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{right:-35px}}@media (min-width: 76.25em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image{top:-215px;width:736px}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:-115px}}@media (min-width: 1300px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:-50px}}@media (min-width: 1400px){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow{right:-35px}}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg{transform:translate(-50%, 0)}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat;transform:rotate(0deg)}.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{position:relative;top:-6px;transform:rotate(0deg)}@media (min-width: 48em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-8px}}@media (min-width: 62em){.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon{top:-12px}}.duet-hero.duet-hero-content{padding:0 0 48px;padding-top:236px;background:rgb(255, 255, 255)}@media (min-width: 48em){.duet-hero.duet-hero-content{padding-top:384px}}.duet-hero.duet-hero-content:not(.duet-hero-has-image){padding:72px 0 48px}.duet-hero.duet-hero-content .background-area{position:absolute;width:100%}.duet-hero.duet-hero-content .background{position:absolute;top:-236px;width:100%;height:600px;overflow:hidden;pointer-events:none}.duet-hero.duet-hero-content .background *{pointer-events:auto}.duet-hero.duet-hero-content .background .background-mask{display:none}@media (min-width: 48em){.duet-hero.duet-hero-content .background{top:-384px}}.duet-hero.duet-hero-content .background .brand-shaped-image{position:absolute;top:-165px;right:0;left:30px;z-index:0;width:375px;height:375px;margin:0 auto;overflow:hidden;border-radius:20%;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image{top:-325px;left:250px;width:687px;height:687px}}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-wrapper{position:relative;width:100%;height:100%}.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{position:absolute;bottom:0;left:50%;z-index:1;width:600px;height:256px;background-repeat:no-repeat;background-size:100%;transform:rotate(-7deg) translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-hero-content .background .brand-shape{position:absolute;top:-25px;right:0;left:-300px;width:240px;height:240px;margin-right:auto;margin-left:auto;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.07;transform:rotate(7deg)}@media (min-width: 48em){.duet-hero.duet-hero-content .background .brand-shape{top:80px;left:-400px;width:373px;height:373px}}.duet-hero.duet-hero-content .duet-hero-wrapper{max-width:100%;margin:0 auto}.duet-hero.duet-hero-content .duet-hero-wrapper.fluid,.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 16px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 28px}}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-hero.duet-hero-content .duet-hero-wrapper.fluid{max-width:1110px;padding:0}}.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{max-width:888px}@media (min-width: 36em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 48px}}@media (min-width: 48em){.duet-hero.duet-hero-content .duet-hero-wrapper.narrow{padding:0 72px}}.duet-hero.duet-hero-content .duet-hero-text{max-width:100%}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text{width:80%}}.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1rem;margin-bottom:0.5rem}@media (min-width: 62em){.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre{margin-top:1.5rem;margin-bottom:0}}.duet-hero.duet-hero-content.duet-theme-turva{background:rgb(255, 255, 255)}.duet-hero.duet-hero-content.duet-theme-turva .background-mask{position:absolute;top:0;left:0;display:block;width:721px;height:256.85px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .background-mask{left:181px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-155px;right:0;left:0;width:420px;height:420px;margin:0 auto;border-radius:0;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}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image{top:-230px;width:687px;height:637px}}.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:600px;height:280px;transform:translate(-50%, 0)}@media (min-width: 48em){.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg{width:733px;height:413px}}.duet-hero.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:rgb(0, 119, 179);text-align:left;text-decoration:none;border-bottom:1px solid rgb(225, 227, 230);transition:background-color 300ms ease}.duet-hero-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-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:rgb(0, 77, 128) !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:rgb(148, 9, 37) !important}.duet-theme-turva .duet-hero-link{color:rgb(198, 12, 48)}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid rgb(225, 227, 230)}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:rgb(0, 119, 179)}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:rgb(198, 12, 48)}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}";
8847
9270
  var DuetHeroStyle0 = duetHeroCss;
8848
9271
 
8849
9272
  /**
@@ -9683,7 +10106,7 @@ function isInternetExplorer() {
9683
10106
  return "documentMode" in document || /Edge/.test(ua);
9684
10107
  }
9685
10108
 
9686
- const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
10109
+ const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px;overflow-x:clip}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
9687
10110
  var DuetLayoutStyle0 = duetLayoutCss;
9688
10111
 
9689
10112
  /**
@@ -10775,7 +11198,7 @@ class DuetModal {
10775
11198
  this.modalEl.scrollTop = 0;
10776
11199
  }
10777
11200
  this.focusedElBeforeOpen = document.activeElement;
10778
- disableBodyScroll(this.variation === "slide-up" ? this.modalContentEl : this.modalEl, {
11201
+ disableBodyScroll$1(this.variation === "slide-up" ? this.modalContentEl : this.modalEl, {
10779
11202
  reserveScrollBarGap: true,
10780
11203
  });
10781
11204
  this.teleport.makeSiblingsInert();
@@ -10811,7 +11234,7 @@ class DuetModal {
10811
11234
  else {
10812
11235
  this.modalEl.classList.remove("duet-disable-transitions");
10813
11236
  this.modalEl.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
10814
- enableBodyScroll(this.variation === "slide-up" ? this.modalContentEl : this.modalEl);
11237
+ enableBodyScroll$1(this.variation === "slide-up" ? this.modalContentEl : this.modalEl);
10815
11238
  this.duetClose.emit();
10816
11239
  this.teleport.removeInertFromSiblings();
10817
11240
  setTimeout(() => {
@@ -10845,7 +11268,7 @@ class DuetModal {
10845
11268
  disconnectedCallback() {
10846
11269
  disconnectLanguageChangeObserver(this);
10847
11270
  if (this.modalEl) {
10848
- enableBodyScroll(this.modalEl);
11271
+ enableBodyScroll$1(this.modalEl);
10849
11272
  }
10850
11273
  }
10851
11274
  /**
@@ -11999,7 +12422,7 @@ class DuetOverlay {
11999
12422
  }; }
12000
12423
  }
12001
12424
 
12002
- const duetPageHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}}.duet-page-heading:not(.has-icon) .heading{padding-right:0}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{position:relative;top:-3px}";
12425
+ const duetPageHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.auto{overflow:visible}.duet-page-heading.auto .heading,.duet-page-heading.auto .background{max-width:none}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}}.duet-page-heading:not(.has-icon) .heading{padding-right:0}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{position:relative;top:-3px}";
12003
12426
  var DuetPageHeadingStyle0 = duetPageHeadingCss;
12004
12427
 
12005
12428
  /**
@@ -12023,12 +12446,13 @@ class DuetPageHeading {
12023
12446
  * Always the last one in the class.
12024
12447
  */
12025
12448
  render() {
12026
- return (hAsync("div", { key: '8f551a035b22986d0be89b63878c40881ab194de', class: {
12449
+ const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
12450
+ return (hAsync("div", { key: '9f8446416ddfb863e8b7675694a941c8a5a08810', class: {
12027
12451
  "duet-page-heading": true,
12028
12452
  "duet-theme-turva": this.theme === "turva",
12029
12453
  "has-icon": !!this.icon,
12030
- [this.layout]: true,
12031
- } }, hAsync("div", { key: '3c2da3f7140116830a93f8f5540dd5b86e120069', class: "background" }, this.theme === "turva" && hAsync("div", { key: '3e86bf61e372858174fd9480ffd27e55f8bd7f18', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '71d96c85656113166e6deac2ced606d7708f89fb', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '8a8a0beeaa6519f58cae0fd33e42767f3810d85a', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '156f7d3040ad56612bd65c3f353b4cb07191a3f2', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'afd8b09cc616b652655cd4114848bb9f3112bb27', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '0610e27dbc186a87adae00201d5fbfb0576078cf', class: "heading" }, hAsync("slot", { key: '63c9609aad6a4203b8bc6f72d65d17fd86056415', name: "heading" }))));
12454
+ [layout]: true,
12455
+ } }, hAsync("div", { key: 'd2c79bf4b43476d774997990f9ff2eb10bd5c5eb', class: "background" }, this.theme === "turva" && hAsync("div", { key: '5f2cd53a57c83e72eea3cd6c8e05440282de604d', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '5d076b45bd423d3ac5c829fb75e02310fc2de935', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '95f49a37ec75c6aeb261291ab21bcbf78c182d51', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'd7d88d2a72ea954d7b60a657e04df7af66e47f0f', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: '1b7e9dfb264e9d9442b5b4aa76fc86868586290c', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: 'acca7abdb93a35bea48f112af238f61993dd1b1c', class: "heading" }, hAsync("slot", { key: 'd236024e713e2924eabcd18e18260b348cd4dc53', name: "heading" }))));
12032
12456
  }
12033
12457
  get element() { return getElement(this); }
12034
12458
  static get style() { return DuetPageHeadingStyle0; }
@@ -14972,7 +15396,7 @@ class DuetRangeStepper {
14972
15396
  }; }
14973
15397
  }
14974
15398
 
14975
- const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.left::after{position:relative;top:-50px;left:20px;z-index:250;display:block;width:30px;height:100%;content:\"\";background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.right::after{position:relative;top:-50px;right:15px;z-index:250;display:block;width:30px;height:100%;content:\"\";background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;height:100%;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--top{align-self:flex-start}:host .duet-scrollable-items .duet-scrollable-button--bottom{align-self:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;padding-right:5px;padding-left:5px;margin:0 -5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
15399
+ const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items .duet-scrollable-fade-overlay{position:absolute;bottom:0;z-index:250;display:block;width:10px;height:100%;pointer-events:none;transition:transform 300ms ease}:host .duet-scrollable-items .duet-scrollable-fade-overlay--hidden{display:none}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay{}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.left{left:calc(0px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.right{right:calc(0px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.left{left:calc(40px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.right{right:calc(40px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
14976
15400
  var DuetScrollableStyle0 = duetScrollableCss;
14977
15401
 
14978
15402
  /**
@@ -14987,21 +15411,24 @@ class DuetScrollable {
14987
15411
  this.currentIndex = 0;
14988
15412
  this.scrollPaneElement = undefined;
14989
15413
  this.hasCollapseButtonLabelSlot = false;
15414
+ /**
15415
+ * Observer to check if the scrollable content is wider than the scroll pane,
15416
+ * and thus needs scrolling.
15417
+ */
14990
15418
  this.resizeObserver = new ResizeObserver(entries => {
14991
15419
  var _a, _b, _c, _d;
14992
- // otherwise, something is wrong, expecting 1 element only
14993
15420
  if ((entries === null || entries === void 0 ? void 0 : entries.length) === 1) {
14994
- const currentWidth = (_b = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
14995
- const scrollWidth = (_d = (_c = entries[0]) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.scrollWidth;
14996
- // in order to avoid state "jumping" on the boundary condition we add a few pixels to the comparison
14997
- this.isScrollPaneContentSmallerThanWrapper = scrollWidth > currentWidth + 5;
15421
+ const scrollPaneWidth = (_b = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
15422
+ const totalContentWidth = (_d = (_c = entries[0]) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.scrollWidth;
15423
+ const scrollingThreshold = 10;
15424
+ this.needsScrolling = totalContentWidth > scrollPaneWidth + scrollingThreshold;
14998
15425
  }
14999
15426
  });
15000
15427
  this.collapsedOnClick = () => {
15001
15428
  this.collapsed = !this.collapsed;
15002
15429
  };
15003
15430
  this.scrollPaneAtStart = true;
15004
- this.isScrollPaneContentSmallerThanWrapper = true;
15431
+ this.needsScrolling = true;
15005
15432
  this.scrollPaneAtEnd = false;
15006
15433
  this.childrenData = {};
15007
15434
  this.theme = "";
@@ -15010,6 +15437,7 @@ class DuetScrollable {
15010
15437
  this.buttons = true;
15011
15438
  this.buttonAlignment = "center";
15012
15439
  this.center = false;
15440
+ this.padding = "none";
15013
15441
  this.selected = 0;
15014
15442
  }
15015
15443
  watchPropHandler(newValue) {
@@ -15024,7 +15452,11 @@ class DuetScrollable {
15024
15452
  }
15025
15453
  componentDidLoad() {
15026
15454
  this.resizeObserver.observe(this.scrollPaneElement);
15027
- this.updateScrollButtons(this.getScrollPaneElements()[0]);
15455
+ // Use requestAnimationFrame to defer state changes after initial render,
15456
+ // preventing extra re-renders
15457
+ requestAnimationFrame(() => {
15458
+ this.updateScrollButtons(this.getScrollPaneElements()[0]);
15459
+ });
15028
15460
  }
15029
15461
  disconnectedCallback() {
15030
15462
  this.resizeObserver.disconnect();
@@ -15130,43 +15562,55 @@ class DuetScrollable {
15130
15562
  const last = this.getLastVisibleElement();
15131
15563
  this.scrollToElement(last + 1, "center");
15132
15564
  }
15565
+ renderFadeOverlay(direction) {
15566
+ return (hAsync("div", { class: {
15567
+ "duet-scrollable-fade-overlay": true,
15568
+ "duet-scrollable-fade-overlay--hidden": !this.needsScrolling,
15569
+ [`${direction}`]: true,
15570
+ } }));
15571
+ }
15572
+ renderButton(direction) {
15573
+ const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
15574
+ const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
15575
+ const scrollTo = () => {
15576
+ if (direction === "left") {
15577
+ this.scrollLeft();
15578
+ }
15579
+ else {
15580
+ this.scrollRight();
15581
+ }
15582
+ };
15583
+ const scrollPaneLocation = direction === "left" ? this.scrollPaneAtStart : this.scrollPaneAtEnd;
15584
+ return (hAsync("div", { class: {
15585
+ "duet-scrollable-button-container": true,
15586
+ [`${direction}`]: true,
15587
+ "duet-scrollable-button-container--occluded": !this.needsScrolling,
15588
+ } }, hAsync("button", { part: `${this.identifier}-button-${direction}`, "aria-hidden": "true", class: {
15589
+ "duet-scrollable-button": true,
15590
+ [`duet-scrollable-button--${this.buttonAlignment}`]: true,
15591
+ [`duet-scrollable-button--${direction}`]: true,
15592
+ }, onClick: () => scrollTo(), disabled: scrollPaneLocation, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { color: scrollPaneLocation ? arrowColorDisabled : arrowColor, name: direction === "left" ? "action-arrow-left" : "action-arrow-right", size: "small", margin: "none" }))));
15593
+ }
15133
15594
  /**
15134
15595
  * render() function
15135
15596
  * Always the last one in the class.
15136
15597
  */
15137
15598
  render() {
15138
- const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
15139
- const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
15140
- return (hAsync(Host, { key: '5e613776bc5519bb5706b51a2c7e0eb430a67886', class: {
15599
+ return (hAsync(Host, { key: '3b54a0e0a539b3669e6b960b63d4db530828a6d3', class: {
15141
15600
  "duet-theme-turva": this.theme === "turva",
15142
15601
  "duet-theme-default": this.theme === "default",
15143
- } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '7642df92bec227d43dde6cdad844a50b8a75fd40', class: {
15602
+ } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c99af39d9c1b2c6ddd640a5517c9aba227b374d0', class: {
15144
15603
  collapse: true,
15145
- hide: !this.isScrollPaneContentSmallerThanWrapper && !this.collapsed,
15146
- } }, hAsync("duet-button", { key: '2a2b9c955233ce02fba939b7a8366f0381d1c349', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '403bb72d92de84245e7d17116848faf8d1ca3996', name: "collapse-button-label" })))), hAsync("div", { key: '4e4628fc421a80139fd71d3a0232159b7d31a53b', class: {
15604
+ hide: !this.needsScrolling && !this.collapsed,
15605
+ } }, hAsync("duet-button", { key: '232d85eeb640f814572de158f1a54643a0c4e728', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: 'd1797003948509cbc143a4b0dfea35972007e5ad', name: "collapse-button-label" })))), hAsync("div", { key: '0f5f7e114c90cb2dedeaefc7d14cb2d53f4dab3f', class: {
15147
15606
  "duet-scrollable-items": true,
15148
15607
  buttons: this.buttons,
15149
15608
  center: this.center,
15150
- } }, hAsync("div", { key: '7391cc68e6fcc4921bc23417a45e9144ba64d406', class: {
15151
- "duet-scrollable-button-container": true,
15152
- left: true,
15153
- "duet-scrollable-button-container--occluded": !this.isScrollPaneContentSmallerThanWrapper,
15154
- } }, hAsync("button", { key: '1764f20c98b87d8755d14f8ff9991ede35f50d83', part: `${this.identifier}-button-left`, "aria-hidden": "true", class: {
15155
- "duet-scrollable-button": true,
15156
- [`duet-scrollable-button--${this.buttonAlignment}`]: true,
15157
- "duet-scrollable-button--left": true,
15158
- }, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '16edd1294a131c36f59f67179e8b1447d7eed983', color: this.scrollPaneAtStart ? arrowColorDisabled : arrowColor, name: "action-arrow-left", size: "small", margin: "none" }))), hAsync("div", { key: 'b8c2cbd51498d4f6a2a85a8004396e6b379f8407', class: {
15609
+ } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), hAsync("div", { key: '1af5b1b3ec4fa3e357540d6660f7f820a8c78a87', class: {
15159
15610
  "duet-scrollable-list": true,
15160
15611
  collapsed: this.collapsed,
15161
- }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'f1981b1e9fe15b835253820136cbdcc32c193c93' })), hAsync("div", { key: '8be1066f5def1e2891f3fd49bb5db5c9639f6c77', class: {
15162
- "duet-scrollable-button-container": true,
15163
- right: true,
15164
- "duet-scrollable-button-container--occluded": !this.isScrollPaneContentSmallerThanWrapper,
15165
- } }, hAsync("button", { key: '7764023d0ef66c068d4731c59d86d44f780b189a', part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
15166
- "duet-scrollable-button": true,
15167
- [`duet-scrollable-button--${this.buttonAlignment}`]: true,
15168
- "duet-scrollable-button--right": true,
15169
- }, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '945e693aa629bac7e39d40ab4c6361a92e2cab32', color: this.scrollPaneAtEnd ? arrowColorDisabled : arrowColor, name: "action-arrow-right", size: "small", margin: "none" }))))));
15612
+ [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
15613
+ }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '1865d32a0479ba27dbd8afcdc7e9397f5d649600' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
15170
15614
  }
15171
15615
  get element() { return getElement(this); }
15172
15616
  static get watchers() { return {
@@ -15183,9 +15627,10 @@ class DuetScrollable {
15183
15627
  "buttons": [4],
15184
15628
  "buttonAlignment": [1, "button-alignment"],
15185
15629
  "center": [4],
15630
+ "padding": [1],
15186
15631
  "selected": [1026],
15187
15632
  "scrollPaneAtStart": [32],
15188
- "isScrollPaneContentSmallerThanWrapper": [32],
15633
+ "needsScrolling": [32],
15189
15634
  "scrollPaneAtEnd": [32],
15190
15635
  "childrenData": [32]
15191
15636
  },
@@ -15195,7 +15640,7 @@ class DuetScrollable {
15195
15640
  }; }
15196
15641
  }
15197
15642
 
15198
- const duetSectionLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";
15643
+ const duetSectionLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px;overflow-x:clip}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";
15199
15644
  var DuetSectionLayoutStyle0 = duetSectionLayoutCss;
15200
15645
 
15201
15646
  class DuetSectionLayout {
@@ -15210,14 +15655,14 @@ class DuetSectionLayout {
15210
15655
  * Always the last one in the class.
15211
15656
  */
15212
15657
  render() {
15213
- return (hAsync(Host, { key: '3eae73081b51390b86a3a85e507afe1f88da9d3c', class: {
15658
+ return (hAsync(Host, { key: '0513022fd72635b7a29f28bd2d4c499efab5924f', class: {
15214
15659
  "duet-middle": this.middle,
15215
15660
  "duet-ie": isInternetExplorer(),
15216
- } }, hAsync("div", { key: '2a40eedc09186d064eea410ea5235ba9ae257468', class: {
15661
+ } }, hAsync("div", { key: 'f63b99c09e8b7d188e7dee578d6ed7f6f9b3a274', class: {
15217
15662
  "duet-layout": true,
15218
15663
  "duet-m-0": this.margin === "none",
15219
15664
  [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
15220
- } }, hAsync("section", { key: '1ad05f9fb04d37b682658463384fbb787990a432', class: "duet-main" }, hAsync("slot", { key: '54c91da8da32c38aaae149c9279216d7e4c83820' })))));
15665
+ } }, hAsync("section", { key: 'fc795216eaedfd65b6e2638a2735c8555b20400a', class: "duet-main" }, hAsync("slot", { key: '852e1dc28d14c80a9127b0ca9004a5cba7098c76' })))));
15221
15666
  }
15222
15667
  get element() { return getElement(this); }
15223
15668
  static get style() { return DuetSectionLayoutStyle0; }
@@ -15460,9 +15905,9 @@ class DuetShapedImage {
15460
15905
  const style = {
15461
15906
  "--rotation": `${this.rotation}deg`,
15462
15907
  };
15463
- return (hAsync(Host, { key: 'cb4154853051eec78a10658344407c1653d737b3', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '5cab0035d46b9e020cf7e4a18105a999646ad437', class: {
15908
+ return (hAsync(Host, { key: '9a388c03cd8794d8a5c78322b756eceb14f9f0b7', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'd46a7b16b69201e05928ea5515b99c76fccb659e', class: {
15464
15909
  "shaped-image": true,
15465
- }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '8c2d2bb60ac9042377402dea4453e4ec17885aac', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '765b32769035c6746c0412be9fe3b70bf8c75039', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
15910
+ }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '500823451da6d3ccb92c830a281871c73a1c1a6a', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'b6a32e8b7ed72ff300b8f6a1b8f0ac9c3fe7507b', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
15466
15911
  }
15467
15912
  static get style() { return DuetShapedImageStyle0; }
15468
15913
  static get cmpMeta() { return {
@@ -15605,6 +16050,236 @@ class DuetShowMore {
15605
16050
  }; }
15606
16051
  }
15607
16052
 
16053
+ // https://github.com/rick-liruixin/body-scroll-lock-upgrade/blob/develop/src/body-scroll-lock.ts
16054
+ // MIT LICENSE
16055
+ // Older browsers don't support event options, feature detect it.
16056
+ let hasPassiveEvents = false;
16057
+ if (typeof window !== "undefined") {
16058
+ const passiveTestOptions = {
16059
+ get passive() {
16060
+ hasPassiveEvents = true;
16061
+ return undefined;
16062
+ },
16063
+ };
16064
+ window.addEventListener("testPassive", null, passiveTestOptions);
16065
+ window.removeEventListener("testPassive", null, passiveTestOptions);
16066
+ }
16067
+ const isIosDevice = typeof window !== "undefined" &&
16068
+ window.navigator &&
16069
+ window.navigator.platform &&
16070
+ (/iP(ad|hone|od)/.test(window.navigator.platform) ||
16071
+ (window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1));
16072
+ let locks = [];
16073
+ const locksIndex = new Map();
16074
+ let documentListenerAdded = false;
16075
+ let initialClientY = -1;
16076
+ let previousBodyOverflowSetting;
16077
+ let htmlStyle;
16078
+ let bodyStyle;
16079
+ let previousBodyPaddingRight;
16080
+ // returns true if `el` should be allowed to receive touchmove events.
16081
+ const allowTouchMove = (el) => locks.some(lock => {
16082
+ if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {
16083
+ return true;
16084
+ }
16085
+ return false;
16086
+ });
16087
+ const preventDefault = (rawEvent) => {
16088
+ const e = rawEvent || window.event;
16089
+ // For the case whereby consumers adds a touchmove event listener to document.
16090
+ // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })
16091
+ // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then
16092
+ // the touchmove event on document will break.
16093
+ if (allowTouchMove(e.target)) {
16094
+ return true;
16095
+ }
16096
+ // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).
16097
+ if (e.touches.length > 1) {
16098
+ return true;
16099
+ }
16100
+ if (e.preventDefault) {
16101
+ e.preventDefault();
16102
+ }
16103
+ return false;
16104
+ };
16105
+ const setOverflowHidden = (options) => {
16106
+ // If previousBodyPaddingRight is already set, don't set it again.
16107
+ if (previousBodyPaddingRight === undefined) {
16108
+ const reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;
16109
+ const scrollBarGap = window.innerWidth - document.documentElement.getBoundingClientRect().width;
16110
+ if (reserveScrollBarGap && scrollBarGap > 0) {
16111
+ const computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
16112
+ previousBodyPaddingRight = document.body.style.paddingRight;
16113
+ document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarGap}px`;
16114
+ }
16115
+ }
16116
+ // If previousBodyOverflowSetting is already set, don't set it again.
16117
+ if (previousBodyOverflowSetting === undefined) {
16118
+ previousBodyOverflowSetting = document.body.style.overflow;
16119
+ document.body.style.overflow = "hidden";
16120
+ }
16121
+ };
16122
+ const restoreOverflowSetting = () => {
16123
+ if (previousBodyPaddingRight !== undefined) {
16124
+ document.body.style.paddingRight = previousBodyPaddingRight;
16125
+ // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it
16126
+ // can be set again.
16127
+ previousBodyPaddingRight = undefined;
16128
+ }
16129
+ if (previousBodyOverflowSetting !== undefined) {
16130
+ document.body.style.overflow = previousBodyOverflowSetting;
16131
+ // Restore previousBodyOverflowSetting to undefined
16132
+ // so setOverflowHidden knows it can be set again.
16133
+ previousBodyOverflowSetting = undefined;
16134
+ }
16135
+ };
16136
+ const setPositionFixed = () => window.requestAnimationFrame(() => {
16137
+ const $html = document.documentElement;
16138
+ const $body = document.body;
16139
+ // If bodyStyle is already set, don't set it again.
16140
+ if (bodyStyle === undefined) {
16141
+ htmlStyle = Object.assign({}, $html.style);
16142
+ bodyStyle = Object.assign({}, $body.style);
16143
+ // Update the dom inside an animation frame
16144
+ const { scrollY, scrollX, innerHeight } = window;
16145
+ $html.style.height = "100%";
16146
+ $html.style.overflow = "hidden";
16147
+ $body.style.position = "fixed";
16148
+ $body.style.top = `${-scrollY}px`;
16149
+ $body.style.left = `${-scrollX}px`;
16150
+ $body.style.width = "100%";
16151
+ $body.style.height = "auto";
16152
+ $body.style.overflow = "hidden";
16153
+ setTimeout(() => window.requestAnimationFrame(() => {
16154
+ // Attempt to check if the bottom bar appeared due to the position change
16155
+ const bottomBarHeight = innerHeight - window.innerHeight;
16156
+ if (bottomBarHeight && scrollY >= innerHeight) {
16157
+ // Move the content further up so that the bottom bar doesn't hide it
16158
+ $body.style.top = -(scrollY + bottomBarHeight) + "px";
16159
+ }
16160
+ }), 300);
16161
+ }
16162
+ });
16163
+ const restorePositionSetting = () => {
16164
+ if (bodyStyle !== undefined) {
16165
+ // Convert the position from "px" to Int
16166
+ const y = -parseInt(document.body.style.top, 10);
16167
+ const x = -parseInt(document.body.style.left, 10);
16168
+ // Restore styles
16169
+ const $html = document.documentElement;
16170
+ const $body = document.body;
16171
+ $html.style.height = (htmlStyle === null || htmlStyle === void 0 ? void 0 : htmlStyle.height) || "";
16172
+ $html.style.overflow = (htmlStyle === null || htmlStyle === void 0 ? void 0 : htmlStyle.overflow) || "";
16173
+ $body.style.position = bodyStyle.position || "";
16174
+ $body.style.top = bodyStyle.top || "";
16175
+ $body.style.left = bodyStyle.left || "";
16176
+ $body.style.width = bodyStyle.width || "";
16177
+ $body.style.height = bodyStyle.height || "";
16178
+ $body.style.overflow = bodyStyle.overflow || "";
16179
+ // Restore scroll
16180
+ window.scrollTo(x, y);
16181
+ bodyStyle = undefined;
16182
+ }
16183
+ };
16184
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
16185
+ const isTargetElementTotallyScrolled = (targetElement) => targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;
16186
+ const handleScroll = (event, targetElement) => {
16187
+ const clientY = event.targetTouches[0].clientY - initialClientY;
16188
+ if (allowTouchMove(event.target)) {
16189
+ return false;
16190
+ }
16191
+ if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {
16192
+ // element is at the top of its scroll.
16193
+ return preventDefault(event);
16194
+ }
16195
+ if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {
16196
+ // element is at the bottom of its scroll.
16197
+ return preventDefault(event);
16198
+ }
16199
+ event.stopPropagation();
16200
+ return true;
16201
+ };
16202
+ /**
16203
+ *
16204
+ * @param targetElement HTMLElement
16205
+ * @param options BodyScrollOptions
16206
+ * @returns void
16207
+ */
16208
+ const disableBodyScroll = (targetElement, options) => {
16209
+ // targetElement must be provided
16210
+ if (!targetElement) {
16211
+ // eslint-disable-next-line no-console
16212
+ console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
16213
+ return;
16214
+ }
16215
+ locksIndex.set(targetElement, (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) ? (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) + 1 : 1);
16216
+ // disableBodyScroll must not have been called on this targetElement before
16217
+ if (locks.some(lock => lock.targetElement === targetElement)) {
16218
+ return;
16219
+ }
16220
+ const lock = {
16221
+ targetElement,
16222
+ options: options || {},
16223
+ };
16224
+ locks = [...locks, lock];
16225
+ if (isIosDevice) {
16226
+ setPositionFixed();
16227
+ }
16228
+ else {
16229
+ setOverflowHidden(options);
16230
+ }
16231
+ if (isIosDevice) {
16232
+ targetElement.ontouchstart = (event) => {
16233
+ if (event.targetTouches.length === 1) {
16234
+ // detect single touch.
16235
+ initialClientY = event.targetTouches[0].clientY;
16236
+ }
16237
+ };
16238
+ targetElement.ontouchmove = (event) => {
16239
+ if (event.targetTouches.length === 1) {
16240
+ // detect single touch.
16241
+ handleScroll(event, targetElement);
16242
+ }
16243
+ };
16244
+ if (!documentListenerAdded) {
16245
+ document.addEventListener("touchmove", preventDefault, hasPassiveEvents ? { passive: false } : undefined);
16246
+ documentListenerAdded = true;
16247
+ }
16248
+ }
16249
+ };
16250
+ /**
16251
+ * @param targetElement
16252
+ * @returns void
16253
+ */
16254
+ const enableBodyScroll = (targetElement) => {
16255
+ if (!targetElement) {
16256
+ // eslint-disable-next-line no-console
16257
+ console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
16258
+ return;
16259
+ }
16260
+ locksIndex.set(targetElement, (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) ? (locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) - 1 : 0);
16261
+ if ((locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.get(targetElement)) === 0) {
16262
+ locks = locks.filter(lock => lock.targetElement !== targetElement);
16263
+ locksIndex === null || locksIndex === void 0 ? void 0 : locksIndex.delete(targetElement);
16264
+ }
16265
+ if (isIosDevice) {
16266
+ targetElement.ontouchstart = null;
16267
+ targetElement.ontouchmove = null;
16268
+ if (documentListenerAdded && locks.length === 0) {
16269
+ document.removeEventListener("touchmove", preventDefault, hasPassiveEvents ? { passive: false } : undefined);
16270
+ documentListenerAdded = false;
16271
+ }
16272
+ }
16273
+ if (locks.length === 0) {
16274
+ if (isIosDevice) {
16275
+ restorePositionSetting();
16276
+ }
16277
+ else {
16278
+ restoreOverflowSetting();
16279
+ }
16280
+ }
16281
+ };
16282
+
15608
16283
  const duetSlideoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;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-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-slideout.duet-theme-turva{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)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(243, 249, 252)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva 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(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 245, 247)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
15609
16284
  var DuetSlideoutStyle0 = duetSlideoutCss;
15610
16285
 
@@ -15794,15 +16469,15 @@ class DuetSlideout {
15794
16469
  };
15795
16470
  const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
15796
16471
  const exitTranslation = getLocaleString(this.exitLangObject);
15797
- return (hAsync(Host, { key: 'a4e4bdbc1fa5714960b933fa40326461327e12e1' }, hAsync("div", { key: 'e8cc6e3dfb961a706ab453423aadea140e20e7f9', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: 'f5389b854f0613665330be43ee1298fefe46d40f', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'a99ce65f80ba47d02fab0c4906e70556a7a60c9c', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
16472
+ return (hAsync(Host, { key: '88684eeca3c2d0993e9df0926e243a336fdd92a1' }, hAsync("div", { key: 'ca9c8e8e4328049a64f33121bb958db863b6e0b8', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: '8dc6d03b51c732ac868513ee80c923b3250595ec', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '05407d5ce3cd0a99d4e26df046d9f83b4b8e07a9', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
15798
16473
  dialog: true,
15799
16474
  hidden: !this.open,
15800
- }, style: styles }, hAsync(FocusGuard, { key: '1dbeeb5a35769b86cff89696062b31cdfd89a88b', moveFocusTo: this.closeButton }), hAsync("div", { key: 'cd7a062e50bc5d0e9d0fe8dfa38917abf16c18e7', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'a97e253b687f92583bef886526e4d68e56bd6a5b', class: "top" }, hAsync("button", { key: '88bf10f979ea8e208e01b5efc7affe90d27d105f', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
16475
+ }, style: styles }, hAsync(FocusGuard, { key: '8cb01fd8120627bcd639886ae7d6233d9b08e8b6', moveFocusTo: this.closeButton }), hAsync("div", { key: '2370e221ccbc3d408acbbf0ee6a03fad28e443d4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '69189bd75f4b018e76fba05c6e610ca880741bb0', class: "top" }, hAsync("button", { key: '62ded799dcc6087171e5ea4073f34cc565097f91', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
15801
16476
  "slideout-close": true,
15802
16477
  active: this.open,
15803
- }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '485c88489c6d71efefa5dd7588e89d3695c8d093', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '89533e2074dcba7373fb80a2ac2f55c196769f3c', class: "sticky-header" }, hAsync("slot", { key: '9d76126801e6325d7515b1f67e1dd9c651a4d95f', name: "sticky-header" }))), hAsync("div", { key: '9e6ba73148012c0cfe036e66a0f9806aa65e6772', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
16478
+ }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: 'e1bd07316366d09d49ea42d642d9fa4ac1b20767', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '0d1ec43ab54b2ca16880d552849000e0db14fe78', class: "sticky-header" }, hAsync("slot", { key: 'e86ccd4f468257d18b874be14d654685493f0f02', name: "sticky-header" }))), hAsync("div", { key: '7619e955e5292aa26cc195089516c8c1eefbcc6d', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
15804
16479
  items: true,
15805
- } }, hAsync("slot", { key: '81acda30d3373d8343eb397963a441ec1be34076' })), hAsync(FocusGuard, { key: 'a8b78b2d968fe2b687ef4e1a2050fce07473adaa', moveFocusTo: this.closeButton })))));
16480
+ } }, hAsync("slot", { key: '977a423ed91d61da268dbba22fa4920a6b4febce' })), hAsync(FocusGuard, { key: '5b7c2df982e810d0e6ab3093ffce228e0a4c435e', moveFocusTo: this.closeButton })))));
15806
16481
  }
15807
16482
  get element() { return getElement(this); }
15808
16483
  static get watchers() { return {
@@ -15832,7 +16507,7 @@ class DuetSlideout {
15832
16507
  }; }
15833
16508
  }
15834
16509
 
15835
- const duetSlideoutLangCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
16510
+ const duetSlideoutLangCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
15836
16511
  var DuetSlideoutLangStyle0 = duetSlideoutLangCss;
15837
16512
 
15838
16513
  class DuetSlideoutLang {
@@ -15867,7 +16542,7 @@ class DuetSlideoutLang {
15867
16542
  */
15868
16543
  render() {
15869
16544
  const langTranslation = getLocaleString(this.chooseLangObject);
15870
- return (hAsync(Host, { key: 'a3f0902bcc3942cfdd9bd39d753bfcfeeebf8bd4' }, hAsync("div", { key: 'e4b2d5245b065602e7b74bab03d2ad9a6390d5ab', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '10f383d1179787ca4dda410b10ac2785bcbbcc36', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '3a3f899dd72eb996f48ac588474810a95fa6fc19' }))));
16545
+ return (hAsync(Host, { key: '1ffa97535d84470e1212e2edd8e7c5b9f67c2116' }, hAsync("div", { key: '10d65fcbf9c3000eb34125021d51af4efbf4eba0', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '737d762ca01b63971b9d61c3e5ca67f8d92cd94c', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '9964f1c2b7baf17d4aad489c6d508fdd24703e80' }))));
15871
16546
  }
15872
16547
  get element() { return getElement(this); }
15873
16548
  static get style() { return DuetSlideoutLangStyle0; }
@@ -15911,12 +16586,12 @@ class DuetSlideoutLink {
15911
16586
  * Always the last one in the class.
15912
16587
  */
15913
16588
  render() {
15914
- return (hAsync(Host, { key: '756d30871c5f34ca3520a5bdecf5269c6a0b4afb' }, hAsync("a", { key: '16dfc8d2bcae2379ab25ce353eda255e79d6ad6b', class: {
16589
+ return (hAsync(Host, { key: '267e75e5afb886c43533da89f39a6937447a5bc1' }, hAsync("a", { key: 'ab6062843ce76d39f9408dee693d37834bb8041b', class: {
15915
16590
  "duet-slideout-link": true,
15916
16591
  "duet-theme-turva": this.theme === "turva",
15917
16592
  active: this.active,
15918
16593
  [this.size]: true,
15919
- }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '6551aa92fee9498b1fc2b4ebb18a89ff1c72e607', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'f841f0d234ffca0d1dbaaae18e9de9f1de02de55', class: "label" }, hAsync("span", { key: '452f28fecf67c0da43ea807dd572d1db83e10ae6' }, hAsync("slot", { key: '896258d4f5fbcc5efa21d49cd867e0578302dbef' }), hAsync("slot", { key: '6de4aa964201a5ffe68d7f894a499289db302527', name: "description" })), this.caret && (hAsync("duet-icon", { key: '3b7c9337d8d76eb9bcc71fe7277e84599692bce4', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
16594
+ }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'cf170dcab30ff6147ec97cfea8cf80ae91a07e52', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'e3bfb77a0f8b3661936ab9578d27229be577b3a1', class: "label" }, hAsync("span", { key: '2dbb1c5eab8c0bd7893987effe7f830a74c11579' }, hAsync("slot", { key: '67daf8ce8bed028f853bf5a8999aa0ffc6ae88fd' }), hAsync("slot", { key: 'c62fd4e6ae9d31b1f2391485d77d9e4a0dc09b7f', name: "description" })), this.caret && (hAsync("duet-icon", { key: '822173dad75ff048010488b1c28494bd89152ec5', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
15920
16595
  }
15921
16596
  get element() { return getElement(this); }
15922
16597
  static get style() { return DuetSlideoutLinkStyle0; }
@@ -15975,11 +16650,14 @@ class DuetSlideoutPanel {
15975
16650
  const parentElement = this.element.parentElement;
15976
16651
  if (parentElement.tagName === "DUET-SLIDEOUT") {
15977
16652
  const slideout = this.element.parentElement;
16653
+ enableBodyScroll(this.dialog);
16654
+ this.bodyScrollLocked = false;
15978
16655
  slideout.toggle();
15979
16656
  }
15980
16657
  };
15981
16658
  this.label = undefined;
15982
16659
  this.language = getLanguage();
16660
+ this.bodyScrollLocked = false;
15983
16661
  this.theme = "";
15984
16662
  this.active = false;
15985
16663
  this.open = false;
@@ -15997,9 +16675,19 @@ class DuetSlideoutPanel {
15997
16675
  }
15998
16676
  connectedCallback() {
15999
16677
  connectLanguageChangeObserver(this);
16678
+ {
16679
+ return;
16680
+ }
16000
16681
  }
16001
16682
  disconnectedCallback() {
16002
16683
  disconnectLanguageChangeObserver(this);
16684
+ if (this.dialog) {
16685
+ enableBodyScroll(this.dialog);
16686
+ this.bodyScrollLocked = false;
16687
+ }
16688
+ if (this.mutationObserver) {
16689
+ this.mutationObserver.disconnect();
16690
+ }
16003
16691
  }
16004
16692
  handleOpenChange(newValue, oldValue) {
16005
16693
  if (!!newValue === !!oldValue) {
@@ -16013,6 +16701,10 @@ class DuetSlideoutPanel {
16013
16701
  sibling.inert = true;
16014
16702
  }
16015
16703
  });
16704
+ if (!this.bodyScrollLocked) {
16705
+ disableBodyScroll(this.dialog, { reserveScrollBarGap: true });
16706
+ this.bodyScrollLocked = true;
16707
+ }
16016
16708
  this.closeButton.focus();
16017
16709
  }, 200);
16018
16710
  }
@@ -16023,6 +16715,8 @@ class DuetSlideoutPanel {
16023
16715
  sibling.inert = false;
16024
16716
  });
16025
16717
  this.openButton.focus();
16718
+ enableBodyScroll(this.dialog);
16719
+ this.bodyScrollLocked = false;
16026
16720
  }, 200);
16027
16721
  }
16028
16722
  }
@@ -16056,21 +16750,21 @@ class DuetSlideoutPanel {
16056
16750
  };
16057
16751
  const exitTranslation = getLocaleString(this.exitLangObject);
16058
16752
  const backTranslation = getLocaleString(this.backLangObject);
16059
- return (hAsync(Host, { key: '22c28c0ab12659f418c97fbf93bbebd68608fb79' }, hAsync("div", { key: '34c09abac8c0aee1c1dfd1f2bbac570ed0611b35', class: {
16753
+ return (hAsync(Host, { key: '805cfaa182eb761f1ce6217e1c62ed5dd007a947' }, hAsync("div", { key: '363f2f3eaf901468c5f15ad7dcba4d3b781cc500', class: {
16060
16754
  "duet-slideout-panel": true,
16061
16755
  "duet-theme-turva": this.theme === "turva",
16062
16756
  active: this.open,
16063
- } }, hAsync("button", { key: '8dcfb92e4eb8610e0a89fdbe3c7675e00a2e8379', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
16757
+ } }, hAsync("button", { key: '5ec34b3ecd11c56416277f0f4753d6dc1f8efed6', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
16064
16758
  link: true,
16065
16759
  active: this.active,
16066
- }, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: '4944cd788c6d0018243a4cc6b7d9f597ee6d435e', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '813420fa817e10189a300006605f4f724b2b854e', class: "label" }, hAsync("span", { key: 'b63f12c4351efa40940bdcac2dea8889cfbf2c82', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'fb495263ce936ce817e173148e4fcc35f7fa73b8', name: "label" })), hAsync("duet-icon", { key: 'c61e62bf194e44656274ff86ceb55aa51fc3cec8', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'b0b8171895a218075cfc034265abb67c6c12ab4a', class: {
16760
+ }, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: '5d6a27c57dc78e388b271f0f2d6eb2cd7821c202', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'd64964aca9eea3caa8ae881296e258f08146e487', class: "label" }, hAsync("span", { key: '6b4148f10a5d1b3065758fb5625da769c52f72ec', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '81eb240dd33e6fb12e4a7cca81de48fdcee2af19', name: "label" })), hAsync("duet-icon", { key: '50cc29a5a19817e58bfcf90efa70b59b2fba9fdd', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '37829b24562f4b2815f7d4ab2affd231e7850d9e', ref: element => (this.dialog = element), class: {
16067
16761
  dialog: true,
16068
16762
  hidden: !this.open,
16069
- }, style: styles }, hAsync(FocusGuard, { key: 'e5fba5ca765f1a531361fddee555cb1811fcdcdb', moveFocusTo: this.closeButton }), hAsync("div", { key: 'b5134e29091047b89083c0034c9cea235ca2fe5c', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '9419dbfcc225548ac136e2e0627bc7c17a788fb3', class: "top" }, hAsync("button", { key: '4479933ad445c05b72de00c10a54c3336ca89e44', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
16763
+ }, style: styles }, hAsync(FocusGuard, { key: '866309235d2682686f46604d200cb8fb7789fd78', moveFocusTo: this.closeButton }), hAsync("div", { key: 'bf2bc641f6c8818f917fb40b13f6b7fe5e6f208f', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '67071ec5db130b7f92587562eec7b5ebac45e1bd', class: "top" }, hAsync("button", { key: '33da125c06f6246cd7b6a388ffa332c32b8fd374', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
16070
16764
  back: true,
16071
- }, onClick: this.onClick }, hAsync("duet-icon", { key: '627ec8facc8df37e986fd32f83771825ed0fa23a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'b597e175c2c2f97b604f04dccdbf5d00b71bcdb1' }, this.label.innerHTML), hAsync("button", { key: 'fda07c1948d6aabdfbdebd84a5bbe71bbbe37bfa', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'ae152cff044ba959bed507383387374a07c64bf1', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'c6be3120a863c54dccf941033374c9c207d8e4af', class: "sticky-header" }, hAsync("slot", { key: '723211cc2c88a3c20a61a96c5a802ee1fbe462c0', name: "sticky-header" }))), hAsync("div", { key: '0f34420d3730ff49bb92f54457ba2db91fc43114', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
16765
+ }, onClick: this.onClick }, hAsync("duet-icon", { key: '24b7d7426f408b7aa4043495bbf6647851f7d162', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'cd331fba8d0793d7c2b59d96e9796a50d77b4224' }, this.label.innerHTML), hAsync("button", { key: '62fd9e793ff023422c32a9024a74b9befeb1c056', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'de1281dc825979a6cb290a8e4faf24e53ed3c49a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'c7e160049359ff2cef0e1713fc416b81461a8e44', class: "sticky-header" }, hAsync("slot", { key: '8d216879c47672cc6479b1aa9ba76c3379d5e0ec', name: "sticky-header" }))), hAsync("div", { key: 'b0bd9025bc1021ff7771105fc79e2c2fe4545ddc', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
16072
16766
  items: true,
16073
- } }, hAsync("slot", { key: '8575454b60ae274fe2d4876b3d89fb1b9642afef' })), hAsync(FocusGuard, { key: '5f96aa2ae4fa9eea21b2dff7ee8151cd3259c291', moveFocusTo: this.closeButton })))));
16767
+ } }, hAsync("slot", { key: 'd48e80a480587c2dd49773b14f31ddd56fe790dc' })), hAsync(FocusGuard, { key: '4dd1a90579416304992efa312c3999f7941d1a65', moveFocusTo: this.closeButton })))));
16074
16768
  }
16075
16769
  get element() { return getElement(this); }
16076
16770
  static get watchers() { return {
@@ -16089,6 +16783,7 @@ class DuetSlideoutPanel {
16089
16783
  "backgroundColor": [1537, "background-color"],
16090
16784
  "label": [32],
16091
16785
  "language": [32],
16786
+ "bodyScrollLocked": [32],
16092
16787
  "setFocus": [64]
16093
16788
  },
16094
16789
  "$listeners$": undefined,
@@ -16138,16 +16833,16 @@ class DuetSlideoutPanelDropdown {
16138
16833
  * Always the last one in the class.
16139
16834
  */
16140
16835
  render() {
16141
- return (hAsync(Host, { key: 'ed7c011056f2ffe923585058edffcbe6cafaea99' }, hAsync("div", { key: '11e314367f32e42a3811b8e8e0e997b4db8f5b32', class: {
16836
+ return (hAsync(Host, { key: 'ae396c94bb6581cc91e2757c2c86232728315498' }, hAsync("div", { key: '1fbc63be41621dbe711387dec4c733272b58aae4', class: {
16142
16837
  "duet-slideout-panel-dropdown": true,
16143
16838
  "duet-theme-turva": this.theme === "turva",
16144
16839
  active: this.open,
16145
- } }, hAsync("button", { key: 'dc7ebc689b4455261fe552f17989307ea06d05c3', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
16840
+ } }, hAsync("button", { key: 'd3956f08bb9197d68db47cd8ce31b222a825862e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
16146
16841
  active: this.active,
16147
- }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '3f877c7eba448ba92b8772f1ab57434a3f341118', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'd3c63a33347512677d92adef06b3b03f208bf929', class: "label" }, hAsync("slot", { key: '94cab14a738b8d9597158aed4909062b22eda32b', name: "label" }), hAsync("duet-icon", { key: '11d3fdc38f5c07e7425662cbaaf99fe417f0a53b', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'f9bd0923dbedeebfeb45a41eed9e17e3c94df35f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
16842
+ }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '36278cab4355f36e54ff0bc873ebc27e49b146c1', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '5babf16dbd6ae3686423c4ece8779d69819e79e3', class: "label" }, hAsync("slot", { key: '0d3d0f41eaf979d05c21aba744c26ffd043f9d64', name: "label" }), hAsync("duet-icon", { key: 'd6abff8f46d22a4bbd7f4635f53e82a5a1498db1', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '6ee1b74a69107abab5c9af91a9bd9fe824741d55', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
16148
16843
  items: true,
16149
16844
  hidden: !this.open,
16150
- } }, hAsync("slot", { key: 'b2a9cf03573b30f80c2e62c41e55edc9f422e7de' })))));
16845
+ } }, hAsync("slot", { key: '8bc5889a6505974a8929651a8abd6b4fd98e5f74' })))));
16151
16846
  }
16152
16847
  get element() { return getElement(this); }
16153
16848
  static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -16260,7 +16955,7 @@ class DuetSpinner {
16260
16955
 
16261
16956
  var actionEdit2={"title":"action-edit-2","tags":"action edit 2 pen pencil","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z\"/></svg>"};
16262
16957
 
16263
- const duetStepCss = "*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !important;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;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}";
16958
+ const duetStepCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step{padding:20px !important;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;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(116, 116, 117)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(228, 228, 230)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}";
16264
16959
  var DuetStepStyle0 = duetStepCss;
16265
16960
 
16266
16961
  /**
@@ -16350,7 +17045,7 @@ class DuetStep {
16350
17045
  get element() { return getElement(this); }
16351
17046
  static get style() { return DuetStepStyle0; }
16352
17047
  static get cmpMeta() { return {
16353
- "$flags$": 6,
17048
+ "$flags$": 9,
16354
17049
  "$tagName$": "duet-step",
16355
17050
  "$members$": {
16356
17051
  "theme": [1025],
@@ -16519,18 +17214,18 @@ class DuetSubmenuBar {
16519
17214
  };
16520
17215
  this.enableBodyScroll = () => {
16521
17216
  if (this.nav) {
16522
- enableBodyScroll(this.nav);
17217
+ enableBodyScroll$1(this.nav);
16523
17218
  }
16524
17219
  if (this.itemsContainer) {
16525
- enableBodyScroll(this.itemsContainer);
17220
+ enableBodyScroll$1(this.itemsContainer);
16526
17221
  }
16527
17222
  };
16528
17223
  this.disableBodyScroll = () => {
16529
17224
  if (this.nav) {
16530
- disableBodyScroll(this.nav, { reserveScrollBarGap: true });
17225
+ disableBodyScroll$1(this.nav, { reserveScrollBarGap: true });
16531
17226
  }
16532
17227
  if (this.itemsContainer) {
16533
- disableBodyScroll(this.itemsContainer, { reserveScrollBarGap: true });
17228
+ disableBodyScroll$1(this.itemsContainer, { reserveScrollBarGap: true });
16534
17229
  }
16535
17230
  };
16536
17231
  this.checkIfHasItems = () => {
@@ -16614,19 +17309,19 @@ class DuetSubmenuBar {
16614
17309
  * Always the last one in the class.
16615
17310
  */
16616
17311
  render() {
16617
- return (hAsync(Host, { key: '5e92e1ecd485d3d9fcccc551830ab0048f4da4a5' }, hAsync("nav", { key: '643b7b42e0a205886aabcc787e8f0c9b67b069f6', class: {
17312
+ return (hAsync(Host, { key: 'd23feaeb59a6a54db129042cc984d77237de92c4' }, hAsync("nav", { key: 'c1a5e23bf7598285828acc0df6ba04d10777d816', class: {
16618
17313
  "duet-submenu-bar": true,
16619
17314
  "duet-theme-turva": this.theme === "turva",
16620
17315
  hidden: this.hidden,
16621
- }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: 'd42069edb21dd9ffb3c5047dde1731c51ff1f703', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
17316
+ }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '37bef492a5c920f7c63f33cef8496079b25151dd', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
16622
17317
  active: this.open,
16623
- }, onClick: this.onClick }, hAsync("span", { key: '7a92ee474b86be9117955083e72ca1a1e5645f62', class: "label" }, hAsync("slot", { key: '606947cb035e7735c67747c43aae35ccc7841f5c', name: "label" }), hAsync("duet-icon", { key: '2315dc51a812eb5b24d68876465dba0cc7d446cd', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '2b8d170c424e1fc3f540e2bcbfde7ba36d05a196', class: {
17318
+ }, onClick: this.onClick }, hAsync("span", { key: '3627d9e5b49dca1946bbcea8b30139afa373da36', class: "label" }, hAsync("slot", { key: 'e129c5ce82224625f3bec58dec0c20085664b4c8', name: "label" }), hAsync("duet-icon", { key: 'acf4f3367afe06a7068b3120bf8f12951b2a8845', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '882629e17e25bbddaa56c909a298d69d534abe08', class: {
16624
17319
  "menu-container": true,
16625
17320
  hidden: !this.open,
16626
- }, role: "presentation" }, hAsync("div", { key: 'bef9521e8a2a8797fda836db3c6098f0ac5a669c', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
17321
+ }, role: "presentation" }, hAsync("div", { key: 'f06adcfe1330258fdf9395766e0e6a2a44bb1540', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
16627
17322
  items: true,
16628
17323
  hidden: !this.open,
16629
- }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '6760e457a9210522418dd07ff7275a6d8decec4b', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '2540ec6e2801b5bc8ee84df0e7a06792aeed2930' }), hAsync("div", { key: '03993868de8dd80f325aa082c4838dfec1c65237', class: "list-padding" }))), hAsync("duet-overlay", { key: 'e14ba08dd0ac6de076e8d74bf4adb4464fc9f315', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
17324
+ }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'c0b7893f4beafab4ea530f6c7a0723988bd986c8', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '81800724eb1fdc99ebf058a192746cd64ff5f2f4' }), hAsync("div", { key: '33615812b5ac6e839c6487696a1a3bc31f620744', class: "list-padding" }))), hAsync("duet-overlay", { key: '09b4069d8369250684e4a51c085d0b804f57ad29', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
16630
17325
  }
16631
17326
  get element() { return getElement(this); }
16632
17327
  static get watchers() { return {
@@ -16747,18 +17442,18 @@ class DuetSubmenuBarDropdown {
16747
17442
  * Always the last one in the class.
16748
17443
  */
16749
17444
  render() {
16750
- return (hAsync(Host, { key: '5e9d763d516ddde6ca5669cc153e0694445a50ee', role: "listitem" }, hAsync("div", { key: '4dc0d8860562c85e0d70c8ebaea4bb8eef639aaf', class: {
17445
+ return (hAsync(Host, { key: 'ced56417d146eb3149884a6acf9d2f0c2a63441f', role: "listitem" }, hAsync("div", { key: '166bb208b5185668b66feb8dbd14e7afb38bb649', class: {
16751
17446
  "duet-submenu-bar-dropdown": true,
16752
17447
  "duet-theme-turva": this.theme === "turva",
16753
17448
  open: this.open,
16754
17449
  active: this.active,
16755
- } }, hAsync("button", { key: 'fe9dc76f1238082d436632a00af9ab0c584af486', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
17450
+ } }, hAsync("button", { key: 'de45f25e558d837a8325f7f33a4f30e3c1071902', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
16756
17451
  open: this.open,
16757
17452
  active: this.active,
16758
- }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '5ed527a853ded56c0711ff4caf53b653dadcfcb8', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '4649353d7427e225a315c084cdfcf4bbe10f5487', class: "label" }, hAsync("span", { key: 'a5d20f7ef8dfd1389dbcd79e6c4417f964cd6a5c', class: "label-text" }, hAsync("slot", { key: 'a568dd1e1ab914bad89cbe2db7ed9143523dc24f', name: "label" })), hAsync("duet-icon", { key: 'fcdbf9e30b8c837c74d1c4377a2eee142f3ff282', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '5b389af3d376b72a9c08eecd59f259f29b705959', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
17453
+ }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '8308454f3cc3c2771afaad1632f2eeb812ad8e84', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f34879f5749b92e79c2e16ac83261526f958d6a1', class: "label" }, hAsync("span", { key: 'f8be24eef6e5e42e40b1e05fa1a6c391670849a7', class: "label-text" }, hAsync("slot", { key: 'a5e526a73c39672ab1c5cd81f58cb6c362b249eb', name: "label" })), hAsync("duet-icon", { key: '160ce4e95b62545c0432587ee7510bb74607697e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'eb0c9fbe5a4001f406eaa529a7909f148100e8de', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
16759
17454
  items: true,
16760
17455
  hidden: !this.open,
16761
- } }, hAsync("slot", { key: '2bb565befadb2adc00eaa7b924adbb6826642f14' })))));
17456
+ } }, hAsync("slot", { key: '9648718ea62884b361f4cf695b8bc08fcaf42434' })))));
16762
17457
  }
16763
17458
  get element() { return getElement(this); }
16764
17459
  static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -16810,12 +17505,12 @@ class DuetSubmenuBarDropdownLink {
16810
17505
  * Always the last one in the class.
16811
17506
  */
16812
17507
  render() {
16813
- return (hAsync(Host, { key: 'a400917134e580c4893ad3eba9903b940b0cdbae' }, hAsync("a", { key: '871e51527e709c741f03abbd80a1e29da982aefa', class: {
17508
+ return (hAsync(Host, { key: 'becb2a65396836f75dd2107bbca7b490a721ec9f' }, hAsync("a", { key: 'd5e322c29ea914b48d57fad90136d18fe17229ac', class: {
16814
17509
  "duet-submenu-bar-dropdown-link": true,
16815
17510
  "duet-theme-turva": this.theme === "turva",
16816
17511
  highlight: this.highlight,
16817
17512
  active: this.active,
16818
- }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '0da2198cdb336d7ea2497eb41142a87bafe8acba', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'dd44684f0c0675ced40c76f2f146710d93967de9', class: "label-container" }, hAsync("span", { key: '2d2a082969a43fc184d3279995fb8b44326eeaef', class: "label" }, hAsync("slot", { key: '54cb80ae2ee9abb088d6a47fd32b386a176ed1bd' })), this.caret && hAsync("duet-icon", { key: '12aee3915eb2a897ec544a52ed04a135555dd5d8', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'b065c6fe0ce97224497f0b7c62c3f987dc71ce72', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
17513
+ }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '6172f90356d35fba7e533fb632c212b400244666', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '4612a1f95f7d0d41b37d856ac49f8455fb4bca40', class: "label-container" }, hAsync("span", { key: '44b1a2a55750d0eff61f8057f8730a2ef2167131', class: "label" }, hAsync("slot", { key: '1c1bbf56491ce130a990833ad158ce64dfb55c04' })), this.caret && hAsync("duet-icon", { key: 'b1a63e742eadf1244fcd90b98a9df90f37e87fee', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '22ae20117fc0318b97289382cfc6727b101058c1', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
16819
17514
  }
16820
17515
  get element() { return getElement(this); }
16821
17516
  static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -16877,7 +17572,7 @@ class DuetSubmenuBarItem {
16877
17572
  render() {
16878
17573
  const TagName = this.url ? "a" : "button";
16879
17574
  const role = this.url ? "link" : "button";
16880
- return (hAsync(Host, { key: '8cc1a0b506da38e97dafdecef3327240d12bb5a8', role: "listitem" }, hAsync(TagName, { key: '765f433a86d9d9ffda61763568f30a7a1681c579', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (hAsync("duet-icon", { key: '7690f8773410b97bf23f655bed252364770f47ed', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '888fb4e1d7fc3771d3aa2047f5769749011bb933', class: "label" }, hAsync("span", { key: '4af6033f4e8c7cb5df1297f20da66803b1766535', class: "label-text" }, hAsync("slot", { key: '3b3e763fbbc6393d3fe77fc788349cf0ba097b98' })), this.trailingIcon && (hAsync("duet-icon", { key: 'ffc928b61503ca23430a8ff7d55b12b19aab1358', class: {
17575
+ return (hAsync(Host, { key: '003b6e77d31a2b55fcfbb5c07708a96e7a687224', role: "listitem" }, hAsync(TagName, { key: '65bb3b4ae0bc56ffa9425e410026685f09f4cff3', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (hAsync("duet-icon", { key: '75babe76dbd89f0a7fe44760ea40c2d318132163', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f7d6d855c464595ce3ed2e3682b0b469e8d9f0ba', class: "label" }, hAsync("span", { key: '3cfdea86b60ad0e7584374489ae068fabd9b5480', class: "label-text" }, hAsync("slot", { key: '9703e9c022f42456bb4f3237343a256116815731' })), this.trailingIcon && (hAsync("duet-icon", { key: '4da2be3263bfda5b511034edeef0e9308302f7d1', class: {
16881
17576
  "trailing-icon": true,
16882
17577
  "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
16883
17578
  rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
@@ -16934,7 +17629,7 @@ class DuetSubmenuBarLink {
16934
17629
  * Always the last one in the class.
16935
17630
  */
16936
17631
  render() {
16937
- return (hAsync(Host, { key: '7799bc6e797bb8c20f16c0a5e9c093a0379c0e8e', role: "listitem" }, hAsync("a", { key: 'e6094af1e28f4472cf111a5777b79a4494468507', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: '3071e878792df456c6ea249b880650a98f22b44c', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '2a6d9b005442abdd93fd8174e0e1b1005f5c0c71', class: "label" }, hAsync("slot", { key: '2c76abfc6fce3e7dd769633bcaf0e54f009b0a19' })))));
17632
+ return (hAsync(Host, { key: 'c48d47c5e033d5ca70c1d1c80bac45c29f348341', role: "listitem" }, hAsync("a", { key: '8ed842cbabe3a496e0f5736573a9981a74ce8257', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: '3a930062f0a0a0f79b178cedaf990f8b74112603', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '8e9b0e67db2502fdc4616342944576a648002b70', class: "label" }, hAsync("slot", { key: '0c5445ad8aa0dee1c593548e14c91ae7a467d1ee' })))));
16938
17633
  }
16939
17634
  get element() { return getElement(this); }
16940
17635
  static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -17407,7 +18102,7 @@ class DuetTable {
17407
18102
  }
17408
18103
  }
17409
18104
  render() {
17410
- return (hAsync(Host, { key: '26413c0ac0eee035612ced49d409de6d59f13a66', class: {
18105
+ return (hAsync(Host, { key: 'ae58f00a875348e1bfe6a6c15baa15ec447ceb56', class: {
17411
18106
  [`duet-table-${this.variation}`]: true,
17412
18107
  "duet-table-flattened": !this.matchesBreakpoint,
17413
18108
  // sticky only valid when in regular table layout
@@ -17416,7 +18111,7 @@ class DuetTable {
17416
18111
  "duet-m-0": this.margin === "none",
17417
18112
  "duet-theme-turva": this.theme === "turva",
17418
18113
  "duet-table-hide-head-visually": this.hideHeadVisually,
17419
- } }, hAsync("slot", { key: 'fa0424a461e64bbd5f822a8cc5af79f1a147e8e2' })));
18114
+ } }, hAsync("slot", { key: '4bcaeb88b3f25d2bf172207b2d0dc4b0187830e6' })));
17420
18115
  }
17421
18116
  get element() { return getElement(this); }
17422
18117
  static get watchers() { return {
@@ -17792,11 +18487,11 @@ class DuetToolbar {
17792
18487
  */
17793
18488
  render() {
17794
18489
  const variation = this.variation === "negative" ? "negative" : "default";
17795
- return (hAsync(Host, { key: '4facdd60bf2770ac4d23b3a197abd0922439a81e' }, hAsync("nav", { key: 'a06f660682e41dfb2ab07f9035312d1ac69a37a7', class: {
18490
+ return (hAsync(Host, { key: '7600688d2b7f3cf63474d71705af2630a04c9a5a' }, hAsync("nav", { key: '9673ecc614b00413b228099aa0ca4ceec4260f0a', class: {
17796
18491
  "duet-toolbar": true,
17797
18492
  "duet-theme-turva": this.theme === "turva",
17798
18493
  [variation]: true,
17799
- }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'eb4ad22e5e60557d5352b613e8f0997f410b8d6b', class: "container" }, hAsync("div", { key: '6f61b75507ec89330908509fe11a74c0ee2828ad', class: "list", role: "list" }, hAsync("slot", { key: '0e5058eec8df0653a688a21eada26a54e68c4cc8', name: "left" })), hAsync("div", { key: '52218682d3a0daee51db5a199d905ed19e3f5904', class: "list", role: "list" }, hAsync("slot", { key: 'ace123ab65ae117b0025a415bbdc35626e2d4233', name: "right" }))))));
18494
+ }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '60381599cb6eaedc773a667047a8893e96f3047b', class: "container" }, hAsync("div", { key: 'c88cbc1def0dac05211916d6e8d9d0e4dd973abd', class: "list", role: "list" }, hAsync("slot", { key: '4baa8024e241ff80607839bcb74a3b37cc00f82e', name: "left" })), hAsync("div", { key: '89e025134ac6b299d17a839b128b1e9d4cebd0db', class: "list", role: "list" }, hAsync("slot", { key: '382e9e3033e9c1034d10d72a8d441b1e249b93b4', name: "right" }))))));
17800
18495
  }
17801
18496
  get element() { return getElement(this); }
17802
18497
  static get style() { return DuetToolbarStyle0; }
@@ -17864,18 +18559,18 @@ class DuetToolbarDropdown {
17864
18559
  itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
17865
18560
  }
17866
18561
  const variation = this.variation === "negative" ? "negative" : "white";
17867
- return (hAsync(Host, { key: '19ef8c9db7fd05380093c031c8c05d8badb0424e', role: "listitem" }, hAsync("div", { key: '1a267244eab116c66c471ccb0a40d6bd72f14dfa', class: {
18562
+ return (hAsync(Host, { key: 'a03134ac9fe7d5f02b65f2e2d971ba2ae2917151', role: "listitem" }, hAsync("div", { key: 'cdba6c57b783cf33ebb02779c157841d1f3a7069', class: {
17868
18563
  "duet-toolbar-dropdown": true,
17869
18564
  "duet-theme-turva": this.theme === "turva",
17870
18565
  [itemsAlign]: true,
17871
18566
  [variation]: true,
17872
- } }, hAsync("button", { key: '1966a5bdab9d8e19fe632d8a37e7f48dee3082c5', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
18567
+ } }, hAsync("button", { key: '6e9e598d0b050543edf965afa4a039329225bf30', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
17873
18568
  active: this.active,
17874
18569
  open: this.open,
17875
- }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '24ee36902c7e8e1a918abff4d08860206d06e768', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '641c4277c69f7f6d896c3a44485381e2a4fe15f0', class: "label" }, hAsync("slot", { key: 'ad1db677d2797edfb2dc77867d2368ba34fb20a9', name: "label" }), hAsync("duet-icon", { key: 'ad574f7149c8ec05652b84cb8cb6a1978c08c50a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'f60d03104f67f0e2473743a47aa2f6923c02d57d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
18570
+ }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '994ca2b6041ac20bcf181d0a508d9af0544a49b9', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '1f5e46c63cc1de968f174d6d86319ee0d934089c', class: "label" }, hAsync("slot", { key: 'e9f8b3231e608fb37d152cced5288b66f4ac4035', name: "label" }), hAsync("duet-icon", { key: '131452437b2bdca148bff41a245be592715af9c0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '868b963973203d0d10ce080b273d28a569d5d8c2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
17876
18571
  items: true,
17877
18572
  hidden: !this.open,
17878
- } }, hAsync("slot", { key: '88ad120c98a2187b554640d22a771184b87d0538' })))));
18573
+ } }, hAsync("slot", { key: '1e6a4a1d661c39acf3c7a66fbf3c3532b897df6b' })))));
17879
18574
  }
17880
18575
  get element() { return getElement(this); }
17881
18576
  static get style() { return DuetToolbarDropdownStyle0; }
@@ -17928,11 +18623,11 @@ class DuetToolbarDropdownLink {
17928
18623
  * Always the last one in the class.
17929
18624
  */
17930
18625
  render() {
17931
- return (hAsync(Host, { key: '7380e5415f6e010bd5be0c40e974dd5943a53950' }, hAsync("a", { key: '4ec2369809bc9688741a3c6c6a2e65e98a49c01f', class: {
18626
+ return (hAsync(Host, { key: '4af2710f36e24283c22b8c18882e2ffbd9087470' }, hAsync("a", { key: '14042423bfb55754bf44164fade567d2cdd05362', class: {
17932
18627
  "duet-toolbar-dropdown-link": true,
17933
18628
  "duet-theme-turva": this.theme === "turva",
17934
18629
  active: this.active,
17935
- }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '6ef55e0a6828af8826987b471ebe4aa09a71d567', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '2dc2718da722d3649d671a8e57b9a6cb7d6c7c97', class: "label" }, hAsync("slot", { key: '71f6f8fb4796a6af5a7640838290800231ac7cfe' })), this.active && (hAsync("duet-icon", { key: '8e202836940fbb593750efa3f7603739ebd9f61f', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
18630
+ }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '045f0d9fb5cc474dcac7444658549fa290ba6243', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'b8383c9956ddbe65a5c6f5b94f267f3dc09aa27a', class: "label" }, hAsync("slot", { key: '7ba816b6a70ed2cdcccdb91d166212c5b9f0770d' })), this.active && (hAsync("duet-icon", { key: '0cfcee7e092007e149e6aac61a285f15e9abd39d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
17936
18631
  }
17937
18632
  get element() { return getElement(this); }
17938
18633
  static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -17988,12 +18683,12 @@ class DuetToolbarItem {
17988
18683
  render() {
17989
18684
  const TagName = this.url ? "a" : "button";
17990
18685
  const variation = this.variation === "negative" ? "negative" : "white";
17991
- return (hAsync(Host, { key: 'f537e00b3e817d6c14854bdda1c99988377d6b13', role: "listitem" }, hAsync(TagName, { key: '34841f02d2f4bf132a164b67b0b8085ff2aa1662', ref: element => (this.itemElement = element), class: {
18686
+ return (hAsync(Host, { key: '11516108db5173962d464b171bda937ea1ee8a04', role: "listitem" }, hAsync(TagName, { key: 'd96f7785b4b44b47427e42feaf67d421ec87b749', ref: element => (this.itemElement = element), class: {
17992
18687
  "duet-toolbar-item": true,
17993
18688
  "duet-theme-turva": this.theme === "turva",
17994
18689
  active: this.active,
17995
18690
  [variation]: true,
17996
- }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '0380aa7589bb53319535d58e78d9702da36cbc09', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'e1950f24c70b736917ebc73a5e6da993d22f4a43' }), this.trailingIcon && (hAsync("duet-icon", { key: 'c2b250ef34b273a6cd3d1a95dff46ffb717d08fa', class: {
18691
+ }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'c8626052490a913781ed6584838b02d83155927c', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '5fbfcb6f90f3b361703c90848a164ca181fcc5b1' }), this.trailingIcon && (hAsync("duet-icon", { key: 'eba6c7cb4e69d84bb484a7914b1a4846abadd5b8', class: {
17997
18692
  "trailing-icon": true,
17998
18693
  rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
17999
18694
  }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
@@ -18046,12 +18741,12 @@ class DuetToolbarLink {
18046
18741
  */
18047
18742
  render() {
18048
18743
  const variation = this.variation === "negative" ? "negative" : "white";
18049
- return (hAsync(Host, { key: 'b832ea851b28b4646fe9e96daaf3c22c80d8f7b1', role: "listitem" }, hAsync("a", { key: 'fc54c56579b8d3af9779651ac6f1b1ea459f1b15', class: {
18744
+ return (hAsync(Host, { key: '7f5f647cab17b662b98eefc40871e9bbb1ea60ed', role: "listitem" }, hAsync("a", { key: '0e23a4045370b6706ed875e15b6ae161127ad4b9', class: {
18050
18745
  "duet-toolbar-link": true,
18051
18746
  "duet-theme-turva": this.theme === "turva",
18052
18747
  active: this.active,
18053
18748
  [variation]: true,
18054
- }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '410f962aff3503e7bc290ad612e1768e0286ba34', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'f7e9577e8ff512c64164f73d25426e8f9cd154e4' }))));
18749
+ }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '6945770c58a55dd974722d2966e26033f6417c6b', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '00cb434641f8e9399f667b5c2e772fe93e3f087c' }))));
18055
18750
  }
18056
18751
  get element() { return getElement(this); }
18057
18752
  static get style() { return DuetToolbarLinkStyle0; }
@@ -18305,11 +19000,11 @@ class DuetTooltipButton {
18305
19000
  * Always the last one in the class.
18306
19001
  */
18307
19002
  render() {
18308
- return (hAsync(Host, { key: '04f6705a481ebb216bb5df66dbdb4043b8cdef48' }, hAsync("button", { key: '49af408c735e209c64c8d0d108a966ddcbb0f4a4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
19003
+ return (hAsync(Host, { key: '409d3704a983f806173cea73c03d981054e3c6de' }, hAsync("button", { key: '426df6b2d139b2fc0bebcdafb1e8ab3d1633bd92', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
18309
19004
  "duet-tooltip-button": true,
18310
19005
  "duet-tooltip-button-has-label": !!this.label,
18311
19006
  "duet-theme-turva": this.theme === "turva",
18312
- } }, hAsync("svg", { key: '7861f7b8ad6482b8a64a261896ae913fa0cb5b98', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '1fe0cd6a81634da2a5b915533ade21281f478491', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: '036344e0005eb10f72bdcdd5cb10a51cd7c3f589', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'b007d82c4f370fe0a60030db70e8e3f6b35953e9', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
19007
+ } }, hAsync("svg", { key: 'b7b5ed8d8cb3979f81938d3261c7049816e82062', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6b3d544f0f09ee64b358e6a8e9f1cc7a0dcdd8c9', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: '1578bebdcebb5186e29c5f026a825616199dd007', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '7c8e34396e670e46b2640a507e24653fbf3485db', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
18313
19008
  }
18314
19009
  get element() { return getElement(this); }
18315
19010
  static get style() { return DuetTooltipButtonStyle0; }
@@ -18376,11 +19071,11 @@ class DuetTooltipPopup {
18376
19071
  this.contentEl.focus();
18377
19072
  }
18378
19073
  render() {
18379
- return (hAsync(Host, { key: '2c0a3cbe2d1e70112a8e36fb5486c0b3828fec6e' }, hAsync("div", { key: '9615ecf77473659b94f595ce74e4d193f0910c2d', class: {
19074
+ return (hAsync(Host, { key: '0505ed0cbdfc2184bce129841b824d49f8001687' }, hAsync("div", { key: 'fb29acd88d0b6f76e85fa8f86323c689e76a92bc', class: {
18380
19075
  "duet-tooltip": true,
18381
19076
  "duet-theme-turva": this.theme === "turva",
18382
19077
  "duet-tooltip-active": this.active === true,
18383
- } }, hAsync(FocusGuard, { key: '178d295e1ea3cb5ccc5bec86b9f3fc0d7fcdf963', moveFocusTo: this.buttonEl }), hAsync("div", { key: '1155f49ddfdb942c5ae5898fb4820a80a5c40328', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: 'c8a124d7d082b709143701811fdec18d579d57e6' })), hAsync("div", { key: 'f0e09b06cdd9f9945e99ec2b1910ff7decf89134', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'eedba52de69d73626caba16ba466803be54a327d', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'aa5ccd0ff5db12c5608f296ef3428e60fee82599', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'f66f28e0b597d51fd5823a3586e2c9a30c3c643a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'b61c91a4128f970d3fd243405d990cea29f80524' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '44f290cf1a0dbf47fe135818d42c55534f182bcb', moveFocusTo: this.contentEl }))));
19078
+ } }, hAsync(FocusGuard, { key: '8c7134490cd4755b81c13f3315253046859c06b8', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'b7029cf387be46aa709fe235e3423a96e9708373', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: 'ee542792786783f96d8c642effad47b783d75795' })), hAsync("div", { key: '025ac152bd807712198087beefd28ed6367ba4e9', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '6a7cf9e5e0e8041bb85296ccba14590e4ae160e5', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '32c2c7ea24b5fb24aff18e59e3e22068dd7cd275', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '20f6fcf5664b69ed51d6e181db1b0cc579e4b18f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '503b472571ac81e165ae397c126a7596764d8316' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '3f291c5fcf7128f5f4ed13a0f870018f8f2e66e7', moveFocusTo: this.contentEl }))));
18384
19079
  }
18385
19080
  get element() { return getElement(this); }
18386
19081
  static get style() { return DuetTooltipPopupStyle0; }
@@ -18488,14 +19183,14 @@ class DuetTray {
18488
19183
  * Always the last one in the class.
18489
19184
  */
18490
19185
  render() {
18491
- return (hAsync("div", { key: '9ca451a14ab21f41ef8b413dd0695d0fa9625a08', class: {
19186
+ return (hAsync("div", { key: 'ae9c60e60a3726b586a877b713a636af350cdda8', class: {
18492
19187
  "duet-tray": true,
18493
19188
  "duet-tray-is-active": this.active,
18494
19189
  "duet-tray-is-hidden": this.hiddenState,
18495
19190
  "duet-tray-is-responsive": this.responsive,
18496
19191
  "duet-theme-turva": this.theme === "turva",
18497
19192
  "duet-tray-is-expandable": this.hasAdditionalContent,
18498
- } }, hAsync("div", { key: '1363c709ec1abaf78155e81519a78af9fab1fd3b', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '7904af5a351d3438a3bd17dbf00e3a215d850fcb' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '29c834cfa4e11140ed597c440bc70466e784306c' }, hAsync("button", { key: '9c416fa9a6bf76eb3f1b3c7aba4d002cec13320c', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: 'bf2948293a89b14c4712cf0123158bfd6fa09f36', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '377191436c0dc3207906654df3abf2334a1dc886' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '30810b57c176998e6e304f6be52f27de5a2cd6b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'c82e3a298bec6767ee5ecc167348b7153f28c24c', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '5fe1b4e00504d3e98d8e17bc0eab86a27bf7b87e', name: "additional" })))))));
19193
+ } }, hAsync("div", { key: '8a8a2962dc7b033e4012197784bd17eb6e02077d', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '9066cb6a1a302871c8ceb810d5cb8a41d7309735' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '3b030ad2a029e5b2fe98ed81266363631cb33d54' }, hAsync("button", { key: 'ae7c2f4461b852b81a211dda393d0282c677193c', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: 'ac1a683905579c10d002075527eb35c76e10d63e', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '5af7e2f5309b52a853a83829030de0d654df2e3d' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '4dd0e99ace8bd247803f5cec969e73b64d93ea93', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'cabe5e2ae0f180ef813e9bb5456054393853e1ef', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '58a36416006744197c5429c39ad7e296acdb0a12', name: "additional" })))))));
18499
19194
  }
18500
19195
  get element() { return getElement(this); }
18501
19196
  static get style() { return DuetTrayStyle0; }
@@ -19935,7 +20630,7 @@ class DuetUploadAriaStatus {
19935
20630
  * Always the last one in the class.
19936
20631
  */
19937
20632
  render() {
19938
- return (hAsync(Host, { key: '405954504882f40e3c80907b299d9fe769768dc5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '3d51c5dff4e4bdb597427bf90ba74bb671324c24' }, this.statusMessage)));
20633
+ return (hAsync(Host, { key: 'd864d9d774a1124e36b83d555a8f660ee1ae37f5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '4fc569791044395e69a60205f69d9fd423f59e17' }, this.statusMessage)));
19939
20634
  }
19940
20635
  get element() { return getElement(this); }
19941
20636
  static get watchers() { return {
@@ -20157,7 +20852,7 @@ class DuetVisuallyHidden {
20157
20852
  * Always the last one in the class.
20158
20853
  */
20159
20854
  render() {
20160
- return (hAsync(Host, { key: '40bab689f97275fa029c6990b15870ef91e39d79', class: "duet-visually-hidden" }, hAsync("slot", { key: 'cb3ae19e2a3d3be5f76a62a318a75b69551d41d4' })));
20855
+ return (hAsync(Host, { key: 'b07c17d0129eeb4ce43a2c4719da212c177bfb70', class: "duet-visually-hidden" }, hAsync("slot", { key: '58b55523cd8c6385686fe910d42bc17eff2bfca8' })));
20161
20856
  }
20162
20857
  get element() { return getElement(this); }
20163
20858
  static get style() { return DuetVisuallyHiddenStyle0; }