@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.
- package/hydrate/index.js +859 -164
- package/lib/cjs/{app-globals-ea68dfa3.js → app-globals-bbbc26ee.js} +1 -1
- package/lib/cjs/body-scroll-dba42314.js +237 -0
- package/lib/cjs/duet-action-button.cjs.entry.js +5 -5
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-banner.cjs.entry.js +5 -5
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +3 -3
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +5 -5
- package/lib/cjs/duet-button_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-callout.cjs.entry.js +2 -2
- package/lib/cjs/duet-caption_4.cjs.entry.js +5 -5
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
- package/lib/cjs/duet-chip.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +9 -5
- package/lib/cjs/duet-contact-card.cjs.entry.js +3 -3
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +5 -5
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +8 -8
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +2 -2
- package/lib/cjs/duet-file-chooser.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +4 -4
- package/lib/cjs/duet-grid_2.cjs.entry.js +8 -5
- package/lib/cjs/duet-header_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-hero.cjs.entry.js +5 -5
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-layout.cjs.entry.js +3 -3
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar.cjs.entry.js +4 -4
- package/lib/cjs/duet-modal.cjs.entry.js +5 -5
- package/lib/cjs/duet-multiselect.cjs.entry.js +4 -4
- package/lib/cjs/duet-nav.cjs.entry.js +1 -1
- package/lib/cjs/duet-notification_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-number-input.cjs.entry.js +4 -4
- package/lib/cjs/duet-overlay.cjs.entry.js +1 -1
- package/lib/cjs/duet-page-heading.cjs.entry.js +6 -5
- package/lib/cjs/duet-pagination_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +1 -1
- package/lib/cjs/duet-popup-menu.cjs.entry.js +2 -2
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-radio_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +58 -38
- package/lib/cjs/duet-section-layout.cjs.entry.js +5 -5
- package/lib/cjs/duet-select.cjs.entry.js +3 -3
- package/lib/cjs/duet-shaped-image.cjs.entry.js +3 -3
- package/lib/cjs/duet-show-more.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +49 -13
- package/lib/cjs/duet-slideout.cjs.entry.js +15 -15
- package/lib/cjs/duet-step_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-textarea.cjs.entry.js +4 -4
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +3 -3
- package/lib/cjs/duet-toolbar.cjs.entry.js +3 -3
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +6 -6
- package/lib/cjs/duet-tooltip.cjs.entry.js +4 -4
- package/lib/cjs/duet-tray.cjs.entry.js +6 -6
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +4 -4
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-fa515fad.js → errorcodes.utils-6fe27aab.js} +2 -2
- package/lib/cjs/{focus-utils-c8454b0e.js → focus-utils-b8926034.js} +1 -1
- package/lib/cjs/{index-77ef38d9.js → index-0c9fd2f8.js} +1 -1
- package/lib/cjs/{language-utils-48d507db.js → language-utils-8f7743a1.js} +2 -2
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/{slot-utils-a914b77c.js → slot-utils-85cd307f.js} +1 -1
- package/lib/cjs/{string-utils-053749ff.js → string-utils-7b13c16e.js} +7 -0
- package/lib/cjs/{token-utils-2a219fda.js → token-utils-ecc7f5a1.js} +1 -1
- package/lib/cjs/{tokens-851fb0c9.js → tokens-1c133754.js} +252 -0
- package/lib/cjs/{tokens.module-3e57c188.js → tokens.module-cf303205.js} +168 -0
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-banner/duet-banner.js +1 -1
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +6 -6
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox-select.js +6 -1
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +7 -7
- package/lib/collection/components/duet-grid/duet-grid.css +187 -113
- package/lib/collection/components/duet-grid/duet-grid.js +5 -4
- package/lib/collection/components/duet-grid-item/duet-grid-item.css +27 -2
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +25 -2
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.css +12 -0
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.css +1 -0
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-modal/duet-modal.js +4 -4
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +6 -6
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +7 -0
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +7 -6
- package/lib/collection/components/duet-pagination/duet-pagination.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +69 -40
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +76 -32
- package/lib/collection/components/duet-section-layout/duet-section-layout.css +1 -0
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
- package/lib/collection/components/duet-slideout/duet-slideout.js +6 -6
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css +1 -0
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +48 -8
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +3 -3
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +2 -2
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +14 -14
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/body-scroll.js +257 -0
- package/lib/collection/utils/string-utils.js +6 -0
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +5 -5
- package/lib/dist-custom-elements/duet-breadcrumb.js +4 -4
- package/lib/dist-custom-elements/duet-breadcrumbs.js +3 -3
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +2 -2
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +5 -5
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +8 -8
- package/lib/dist-custom-elements/duet-choice.js +5 -5
- package/lib/dist-custom-elements/duet-collapsible.js +4 -4
- package/lib/dist-custom-elements/duet-combobox.js +19 -15
- package/lib/dist-custom-elements/duet-contact-card.js +9 -9
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +14 -14
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +8 -8
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-file-chooser.js +2 -2
- package/lib/dist-custom-elements/duet-footer.js +9 -9
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +11 -11
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +12 -12
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +2 -2
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar-item.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar-link.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar.js +4 -4
- package/lib/dist-custom-elements/duet-modal.js +9 -9
- package/lib/dist-custom-elements/duet-multiselect.js +11 -11
- package/lib/dist-custom-elements/duet-nav.js +1 -1
- package/lib/dist-custom-elements/duet-notification-drawer.js +5 -5
- package/lib/dist-custom-elements/duet-notification.js +3 -3
- package/lib/dist-custom-elements/duet-number-input.js +12 -12
- package/lib/dist-custom-elements/duet-overlay.js +1 -1
- package/lib/dist-custom-elements/duet-page-heading.js +7 -6
- package/lib/dist-custom-elements/duet-pagination.js +16 -16
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +2 -2
- package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +4 -4
- package/lib/dist-custom-elements/duet-radio-group.js +8 -8
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +3 -3
- package/lib/dist-custom-elements/duet-range-stepper.js +5 -5
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +5 -5
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-shaped-image.js +3 -3
- package/lib/dist-custom-elements/duet-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +5 -5
- package/lib/dist-custom-elements/duet-slideout-link.js +4 -4
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-slideout-panel.js +47 -10
- package/lib/dist-custom-elements/duet-slideout.js +10 -10
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +7 -6
- package/lib/dist-custom-elements/duet-stepper.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +7 -7
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar.js +9 -9
- package/lib/dist-custom-elements/duet-tab-group.js +14 -14
- package/lib/dist-custom-elements/duet-tab.js +3 -3
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +11 -11
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +6 -6
- package/lib/dist-custom-elements/duet-toolbar-item.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar-link.js +4 -4
- package/lib/dist-custom-elements/duet-toolbar.js +3 -3
- package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +7 -7
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +21 -21
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-917183fc.js → p-003f07d0.js} +2 -2
- package/lib/dist-custom-elements/{p-5d662897.js → p-08ba0c8e.js} +3 -3
- package/lib/dist-custom-elements/{p-a72e5b7a.js → p-092cf346.js} +1 -1
- package/lib/dist-custom-elements/{p-5a3e8d37.js → p-0f98be73.js} +4 -4
- package/lib/dist-custom-elements/p-1195ba92.js +81 -0
- package/lib/dist-custom-elements/{p-6c76ef5f.js → p-13259f25.js} +5 -5
- package/lib/dist-custom-elements/p-151ba4af.js +194 -0
- package/lib/dist-custom-elements/{p-30bd8b81.js → p-1a0717b2.js} +6 -6
- package/lib/dist-custom-elements/{p-49e5becc.js → p-203e91c1.js} +6 -6
- package/lib/dist-custom-elements/{p-7acaa80f.js → p-2ad70bfb.js} +3 -3
- package/lib/dist-custom-elements/{p-98e97672.js → p-2f3cb54b.js} +4 -4
- package/lib/dist-custom-elements/{p-7915de0a.js → p-317b4bb8.js} +1 -1
- package/lib/dist-custom-elements/{p-2686d381.js → p-33a40488.js} +2 -2
- package/lib/dist-custom-elements/{p-0c1a8c61.js → p-41222b8d.js} +2 -2
- package/lib/dist-custom-elements/{p-dbd3f1f5.js → p-4c7eab86.js} +2 -2
- package/lib/dist-custom-elements/{p-e107da9a.js → p-4e2ad0e0.js} +2 -2
- package/lib/dist-custom-elements/{p-0c2421ed.js → p-5d15bc28.js} +5 -5
- package/lib/dist-custom-elements/{p-91d87226.js → p-5faf2571.js} +11 -11
- package/lib/dist-custom-elements/{p-646f2766.js → p-6b4d1a90.js} +3 -3
- package/lib/dist-custom-elements/{p-203ae2e7.js → p-6ded6ab0.js} +7 -7
- package/lib/dist-custom-elements/{p-23a36860.js → p-717f62de.js} +1 -1
- package/lib/dist-custom-elements/{p-813c3b7e.js → p-78c42188.js} +1 -1
- package/lib/dist-custom-elements/{p-3236c232.js → p-7a4e27a2.js} +7 -7
- package/lib/dist-custom-elements/{p-940209c1.js → p-7ecba39f.js} +1 -1
- package/lib/dist-custom-elements/{p-bc78082f.js → p-7f7ad9b6.js} +2 -2
- package/lib/dist-custom-elements/{p-ea482c86.js → p-8027f9ce.js} +2 -2
- package/lib/dist-custom-elements/{p-9bcfe1fd.js → p-9587e63e.js} +1 -1
- package/lib/dist-custom-elements/{p-a3706081.js → p-976cffee.js} +9 -9
- package/lib/dist-custom-elements/{p-0e052642.js → p-9c3c64b9.js} +7 -1
- package/lib/dist-custom-elements/{p-47c7860f.js → p-bcc759f6.js} +6 -6
- package/lib/dist-custom-elements/{p-a32bc785.js → p-c25a991b.js} +1 -1
- package/lib/dist-custom-elements/{p-6d323107.js → p-ccc48f38.js} +59 -38
- package/lib/{esm/tokens-a9d9d4dd.js → dist-custom-elements/p-d5c7ae62.js} +252 -0
- package/lib/dist-custom-elements/{p-b6ae3f0f.js → p-d656dd95.js} +1 -1
- package/lib/dist-custom-elements/{p-a427adbf.js → p-d7d32738.js} +2 -2
- package/lib/dist-custom-elements/{p-67ef919e.js → p-dc26d4a2.js} +168 -0
- package/lib/dist-custom-elements/{p-9b9d67cc.js → p-eca652e9.js} +1 -1
- package/lib/dist-custom-elements/{p-c2e792ff.js → p-f474833e.js} +1 -1
- package/lib/dist-custom-elements/{p-d2a380bb.js → p-f5199769.js} +12 -12
- package/lib/dist-custom-elements/{p-02005902.js → p-f58dfec6.js} +2 -2
- package/lib/dist-custom-elements/{p-fb0d43f7.js → p-fa97c257.js} +3 -3
- package/lib/dist-custom-elements/{p-3ec3eb5f.js → p-fac41d14.js} +1 -1
- package/lib/dist-custom-elements/p-fc09c464.js +234 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-b6db5cd9.system.entry.js → p-01e57a3b.system.entry.js} +1 -1
- package/lib/duet/{p-9a323612.entry.js → p-022f9a30.entry.js} +1 -1
- package/lib/duet/{p-d5a206c2.system.js → p-06ad5d11.system.js} +1 -1
- package/lib/duet/{p-62a6a013.system.entry.js → p-07802adc.system.entry.js} +1 -1
- package/lib/duet/{p-db0b37db.system.entry.js → p-07df4f67.system.entry.js} +1 -1
- package/lib/duet/{p-fd9cb821.entry.js → p-087fbd73.entry.js} +1 -1
- package/lib/duet/{p-a0cb7a26.entry.js → p-0bd39158.entry.js} +1 -1
- package/lib/duet/{p-1437b0fb.system.entry.js → p-0ce89e2e.system.entry.js} +1 -1
- package/lib/duet/{p-f684afe3.entry.js → p-0d0aa77d.entry.js} +1 -1
- package/lib/duet/{p-81b39f95.entry.js → p-0fa9b797.entry.js} +1 -1
- package/lib/duet/{p-07a3a4b2.entry.js → p-117dff79.entry.js} +1 -1
- package/lib/duet/{p-722a6c62.system.entry.js → p-11a2ab97.system.entry.js} +1 -1
- package/lib/duet/{p-cd686b5b.entry.js → p-1362dce1.entry.js} +1 -1
- package/lib/duet/{p-f8e658cc.entry.js → p-14ffc1f0.entry.js} +1 -1
- package/lib/duet/{p-c99d1412.system.entry.js → p-1512ddad.system.entry.js} +1 -1
- package/lib/duet/{p-31a0880f.entry.js → p-17279a7b.entry.js} +1 -1
- package/lib/duet/{p-1633785d.entry.js → p-18494c5d.entry.js} +1 -1
- package/lib/duet/{p-b18dd714.system.entry.js → p-18b40fa3.system.entry.js} +1 -1
- package/lib/duet/p-198dd1e6.entry.js +4 -0
- package/lib/duet/{p-4e7460f7.entry.js → p-1c4895df.entry.js} +1 -1
- package/lib/duet/{p-1e2ff860.entry.js → p-1f66ca2d.entry.js} +1 -1
- package/lib/duet/{p-e0a86887.system.entry.js → p-20490634.system.entry.js} +1 -1
- package/lib/duet/{p-866ce73e.system.entry.js → p-20b2b9af.system.entry.js} +1 -1
- package/lib/duet/{p-e6b8b574.entry.js → p-20e0094b.entry.js} +1 -1
- package/lib/duet/{p-8a6233b0.system.entry.js → p-21429748.system.entry.js} +1 -1
- package/lib/duet/{p-561420f0.entry.js → p-251392d6.entry.js} +1 -1
- package/lib/duet/{p-ce3c4f7c.entry.js → p-26c32975.entry.js} +1 -1
- package/lib/duet/p-26f57aa1.entry.js +4 -0
- package/lib/duet/{p-08890e7d.system.entry.js → p-2725220b.system.entry.js} +1 -1
- package/lib/duet/{p-d3cf62ab.system.entry.js → p-276354d7.system.entry.js} +1 -1
- package/lib/duet/p-2aa3dfc5.entry.js +4 -0
- package/lib/duet/{p-3a6b59f3.entry.js → p-2b92ea13.entry.js} +1 -1
- package/lib/duet/{p-e52a8c04.system.entry.js → p-2c40be98.system.entry.js} +1 -1
- package/lib/duet/p-2c4294f8.system.entry.js +4 -0
- package/lib/duet/{p-c1445714.system.js → p-2f891fbb.system.js} +1 -1
- package/lib/duet/p-335bfe63.entry.js +4 -0
- package/lib/duet/{p-4a899a1e.entry.js → p-36dab1b1.entry.js} +1 -1
- package/lib/duet/{p-31dfefa7.system.entry.js → p-36f89415.system.entry.js} +1 -1
- package/lib/duet/{p-8154981f.system.entry.js → p-3720efca.system.entry.js} +1 -1
- package/lib/duet/{p-ef7fa8fb.entry.js → p-382da2ee.entry.js} +1 -1
- package/lib/duet/p-389cd1f2.js +4 -0
- package/lib/duet/p-38c82b27.entry.js +4 -0
- package/lib/duet/{p-c0149766.entry.js → p-3f4a41a0.entry.js} +1 -1
- package/lib/duet/{p-7d1cc9e0.system.entry.js → p-3fb27027.system.entry.js} +1 -1
- package/lib/duet/{p-049e0344.system.entry.js → p-40c557ff.system.entry.js} +1 -1
- package/lib/duet/{p-cd172ca7.system.js → p-45746854.system.js} +1 -1
- package/lib/duet/p-4649b4a3.entry.js +4 -0
- package/lib/duet/{p-2e3cb88f.entry.js → p-494fc947.entry.js} +1 -1
- package/lib/duet/p-49ba4a7f.system.entry.js +4 -0
- package/lib/duet/{p-4019294d.system.entry.js → p-49da095c.system.entry.js} +1 -1
- package/lib/duet/{p-37497801.entry.js → p-4b5fdaa5.entry.js} +1 -1
- package/lib/duet/{p-b8b217c6.entry.js → p-4d0be2e2.entry.js} +1 -1
- package/lib/duet/{p-4e9b200c.system.entry.js → p-4efba746.system.entry.js} +1 -1
- package/lib/duet/p-50c83774.js +4 -0
- package/lib/duet/{p-2d76a7e9.entry.js → p-5395dceb.entry.js} +1 -1
- package/lib/duet/{p-c506e25e.entry.js → p-5765427b.entry.js} +1 -1
- package/lib/duet/{p-91131ad1.system.entry.js → p-5799fe5f.system.entry.js} +2 -2
- package/lib/duet/{p-2bcb1acd.system.entry.js → p-593b4911.system.entry.js} +1 -1
- package/lib/duet/{p-6c279a88.system.entry.js → p-613b429d.system.entry.js} +1 -1
- package/lib/duet/{p-b9d4ed8d.system.js → p-624552e4.system.js} +1 -1
- package/lib/duet/{p-b729cc91.system.entry.js → p-63f481c7.system.entry.js} +1 -1
- package/lib/duet/{p-27680688.system.entry.js → p-6435fa0f.system.entry.js} +1 -1
- package/lib/duet/{p-6e2f38e0.entry.js → p-64901815.entry.js} +1 -1
- package/lib/duet/{p-77f25e03.system.entry.js → p-64c3bff5.system.entry.js} +1 -1
- package/lib/duet/p-66819401.system.entry.js +4 -0
- package/lib/duet/p-69f68431.entry.js +4 -0
- package/lib/duet/{p-3d669958.system.entry.js → p-6b1eff48.system.entry.js} +1 -1
- package/lib/duet/{p-af32d23a.entry.js → p-6b76b443.entry.js} +1 -1
- package/lib/duet/p-6d32e2a5.entry.js +4 -0
- package/lib/duet/p-6e74ac45.system.entry.js +4 -0
- package/lib/duet/{p-f99bd1ae.entry.js → p-6e904090.entry.js} +1 -1
- package/lib/duet/{p-b0305a06.system.entry.js → p-6fc66353.system.entry.js} +1 -1
- package/lib/duet/{p-e12af479.system.js → p-7213e4f9.system.js} +1 -1
- package/lib/duet/{p-f5b3bfa2.entry.js → p-72e384da.entry.js} +1 -1
- package/lib/duet/p-74bfeccb.js +4 -0
- package/lib/duet/{p-e3607cb9.system.entry.js → p-77af0e90.system.entry.js} +1 -1
- package/lib/duet/{p-f80c4c88.system.entry.js → p-78b5469b.system.entry.js} +1 -1
- package/lib/duet/{p-3788db5a.system.js → p-78fe82c7.system.js} +1 -1
- package/lib/duet/{p-41681b12.entry.js → p-7b93c24f.entry.js} +1 -1
- package/lib/duet/p-7cb4b92c.system.entry.js +4 -0
- package/lib/duet/{p-fc308e26.entry.js → p-7d7efba3.entry.js} +1 -1
- package/lib/duet/p-7ed9e2a8.entry.js +4 -0
- package/lib/duet/{p-24c7bb10.system.entry.js → p-7f779fb0.system.entry.js} +1 -1
- package/lib/duet/{p-205485aa.system.entry.js → p-8464bb3e.system.entry.js} +2 -2
- package/lib/duet/{p-ec19c198.system.entry.js → p-84f32ade.system.entry.js} +1 -1
- package/lib/duet/{p-26fa8650.entry.js → p-863b1517.entry.js} +1 -1
- package/lib/duet/{p-b3c28d88.system.entry.js → p-8707a699.system.entry.js} +1 -1
- package/lib/duet/{p-0a858564.system.entry.js → p-8767b8b2.system.entry.js} +1 -1
- package/lib/duet/{p-a8d970a0.system.entry.js → p-87b3fb3e.system.entry.js} +1 -1
- package/lib/duet/{p-14668571.system.entry.js → p-888cf6df.system.entry.js} +1 -1
- package/lib/duet/{p-7d6b40d1.js → p-8a162701.js} +1 -1
- package/lib/duet/{p-bcbbf38f.system.entry.js → p-8afd53b2.system.entry.js} +1 -1
- package/lib/duet/{p-90852c89.entry.js → p-8bee0043.entry.js} +1 -1
- package/lib/duet/{p-befd80a8.system.entry.js → p-8ff34272.system.entry.js} +1 -1
- package/lib/duet/{p-cec00890.system.entry.js → p-90cfb998.system.entry.js} +1 -1
- package/lib/duet/p-91115d1e.system.js +4 -0
- package/lib/duet/{p-57cd8490.entry.js → p-920ab643.entry.js} +1 -1
- package/lib/duet/{p-01faaa37.system.entry.js → p-92466b4a.system.entry.js} +1 -1
- package/lib/duet/{p-6ef75455.system.js → p-98636086.system.js} +1 -1
- package/lib/duet/{p-4dc6516a.system.entry.js → p-9965b2bb.system.entry.js} +1 -1
- package/lib/duet/{p-022bb645.entry.js → p-9bfeb191.entry.js} +1 -1
- package/lib/duet/{p-0e052642.js → p-9c3c64b9.js} +1 -1
- package/lib/duet/{p-aea3bb6c.system.entry.js → p-9e927d04.system.entry.js} +1 -1
- package/lib/duet/{p-2ad7e778.system.entry.js → p-9fd3ced5.system.entry.js} +1 -1
- package/lib/duet/{p-47e5e138.system.entry.js → p-a0699de6.system.entry.js} +1 -1
- package/lib/duet/{p-822b290a.entry.js → p-a209fed5.entry.js} +1 -1
- package/lib/duet/{p-c6c02f20.system.entry.js → p-a2301b59.system.entry.js} +1 -1
- package/lib/duet/{p-3f307671.entry.js → p-a24aa183.entry.js} +1 -1
- package/lib/duet/{p-d283b94b.js → p-a376dd1d.js} +1 -1
- package/lib/duet/{p-654abd38.entry.js → p-a3e5abb2.entry.js} +1 -1
- package/lib/duet/{p-e4077171.system.entry.js → p-a47059b7.system.entry.js} +1 -1
- package/lib/duet/{p-7af1306c.entry.js → p-a56e060b.entry.js} +1 -1
- package/lib/duet/p-a79114c3.system.entry.js +4 -0
- package/lib/duet/p-a7e281f2.system.entry.js +4 -0
- package/lib/duet/{p-950a1ca8.system.entry.js → p-a843b8a9.system.entry.js} +1 -1
- package/lib/duet/{p-3db5f59f.entry.js → p-a918531a.entry.js} +1 -1
- package/lib/duet/{p-9829ea64.system.entry.js → p-a91a3cf2.system.entry.js} +1 -1
- package/lib/duet/{p-5fe66e38.entry.js → p-a9ed4cb0.entry.js} +1 -1
- package/lib/duet/p-aaa77eee.entry.js +4 -0
- package/lib/duet/{p-dc21c27a.entry.js → p-ac0130a8.entry.js} +1 -1
- package/lib/duet/p-ae095513.entry.js +4 -0
- package/lib/duet/{p-85acf080.system.js → p-b01fbe26.system.js} +1 -1
- package/lib/duet/{p-2f840cf0.system.entry.js → p-b08d87b0.system.entry.js} +1 -1
- package/lib/duet/{p-f71e27e4.entry.js → p-b2b147c9.entry.js} +1 -1
- package/lib/duet/{p-9f10e97c.entry.js → p-b2eb57ef.entry.js} +1 -1
- package/lib/duet/{p-d161b8f7.system.entry.js → p-b35f871e.system.entry.js} +1 -1
- package/lib/duet/{p-c7c73778.system.entry.js → p-b4ed38ea.system.entry.js} +1 -1
- package/lib/duet/{p-199129a0.entry.js → p-b5074ff6.entry.js} +1 -1
- package/lib/duet/{p-86375ce8.entry.js → p-b6269765.entry.js} +1 -1
- package/lib/duet/{p-6c2c7e28.system.entry.js → p-b7166c29.system.entry.js} +1 -1
- package/lib/duet/{p-4ca01f5c.entry.js → p-b7453f14.entry.js} +1 -1
- package/lib/duet/p-b832a5eb.system.entry.js +4 -0
- package/lib/duet/{p-1af2bfd6.entry.js → p-b85b3fb8.entry.js} +1 -1
- package/lib/duet/p-bb027e2f.entry.js +4 -0
- package/lib/duet/{p-a37c90b6.entry.js → p-bb153ecd.entry.js} +1 -1
- package/lib/duet/{p-b6fbd465.system.entry.js → p-bca879ba.system.entry.js} +1 -1
- package/lib/duet/p-bde12c72.system.js +4 -0
- package/lib/duet/{p-e604697b.entry.js → p-be8aa52a.entry.js} +1 -1
- package/lib/duet/{p-804331ed.system.entry.js → p-c00ac038.system.entry.js} +1 -1
- package/lib/duet/{p-565a2910.system.entry.js → p-c01aa549.system.entry.js} +1 -1
- package/lib/duet/{p-46dc8a34.entry.js → p-c106aa51.entry.js} +1 -1
- package/lib/duet/{p-0303b9f5.entry.js → p-c127c18e.entry.js} +1 -1
- package/lib/duet/{p-b1f2e5bb.system.entry.js → p-c331a8ef.system.entry.js} +1 -1
- package/lib/duet/p-c62788a1.system.entry.js +4 -0
- package/lib/duet/{p-cef34307.entry.js → p-c646d135.entry.js} +1 -1
- package/lib/duet/p-c6584315.system.entry.js +4 -0
- package/lib/duet/{p-fd097ec7.system.entry.js → p-c91b3c9f.system.entry.js} +1 -1
- package/lib/duet/{p-edc24761.entry.js → p-ca7c0e04.entry.js} +1 -1
- package/lib/duet/{p-f5ff737f.system.entry.js → p-cbbeefba.system.entry.js} +1 -1
- package/lib/duet/{p-f79a827f.system.entry.js → p-ccc30136.system.entry.js} +1 -1
- package/lib/duet/{p-43b90254.entry.js → p-ce1b8c29.entry.js} +1 -1
- package/lib/duet/{p-73091ce2.system.entry.js → p-d30a413a.system.entry.js} +1 -1
- package/lib/duet/{p-5df3b779.entry.js → p-d316ecf3.entry.js} +1 -1
- package/lib/duet/p-d5c7ae62.js +4 -0
- package/lib/duet/{p-4b9d877b.entry.js → p-d78d6df5.entry.js} +1 -1
- package/lib/duet/{p-0f2dc8b4.system.entry.js → p-d7a4a799.system.entry.js} +2 -2
- package/lib/duet/p-d87a08ee.system.entry.js +4 -0
- package/lib/duet/p-db2ccb9d.system.js +4 -0
- package/lib/duet/{p-a45d4d3c.entry.js → p-dd813d4e.entry.js} +1 -1
- package/lib/duet/{p-886652fa.system.entry.js → p-deef8ec0.system.entry.js} +1 -1
- package/lib/duet/{p-e31ca113.entry.js → p-df0168af.entry.js} +1 -1
- package/lib/duet/{p-64c4c515.entry.js → p-e0dc3a1e.entry.js} +1 -1
- package/lib/duet/{p-cb046607.system.entry.js → p-e0e090bb.system.entry.js} +1 -1
- package/lib/duet/{p-28721f4b.system.entry.js → p-e18e5311.system.entry.js} +1 -1
- package/lib/duet/{p-b9526c80.entry.js → p-e219a93f.entry.js} +1 -1
- package/lib/duet/{p-0c75814e.system.entry.js → p-e35347a0.system.entry.js} +1 -1
- package/lib/duet/{p-4f2e28d3.entry.js → p-e3d92f42.entry.js} +1 -1
- package/lib/duet/{p-0b25ce98.system.entry.js → p-e5435f92.system.entry.js} +1 -1
- package/lib/duet/{p-3f920565.entry.js → p-e5a5248f.entry.js} +1 -1
- package/lib/duet/{p-ab6d32f0.entry.js → p-e5ecf940.entry.js} +1 -1
- package/lib/duet/{p-8c621b3a.system.entry.js → p-e6517fd1.system.entry.js} +1 -1
- package/lib/duet/{p-1784b1d2.js → p-e95fa292.js} +1 -1
- package/lib/duet/{p-131f4e80.entry.js → p-eda3baff.entry.js} +1 -1
- package/lib/duet/{p-7099651c.system.entry.js → p-f0806e36.system.entry.js} +1 -1
- package/lib/duet/{p-1dcd3dc3.entry.js → p-f1cb7fa4.entry.js} +1 -1
- package/lib/duet/{p-3c969f9f.entry.js → p-f492378f.entry.js} +1 -1
- package/lib/duet/p-f5063a7d.system.js +4 -0
- package/lib/duet/p-f52d988b.entry.js +4 -0
- package/lib/duet/{p-72d3ddd8.entry.js → p-f80687b8.entry.js} +1 -1
- package/lib/duet/{p-0e73b18c.entry.js → p-fa1bebb0.entry.js} +1 -1
- package/lib/duet/{p-18ada958.js → p-faf67509.js} +1 -1
- package/lib/duet/{p-3cefca19.system.entry.js → p-fb3d3226.system.entry.js} +1 -1
- package/lib/duet/p-fc09c464.js +4 -0
- package/lib/duet/p-fd60b2ff.js +4 -0
- package/lib/duet/{p-01478b10.system.entry.js → p-ff92b024.system.entry.js} +2 -2
- package/lib/esm/{app-globals-8ff73e1c.js → app-globals-96009d83.js} +1 -1
- package/lib/esm/body-scroll-46854769.js +234 -0
- package/lib/esm/duet-action-button.entry.js +5 -5
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-banner.entry.js +5 -5
- package/lib/esm/duet-breadcrumb.entry.js +3 -3
- package/lib/esm/duet-breadcrumbs.entry.js +5 -5
- package/lib/esm/duet-button_2.entry.js +5 -5
- package/lib/esm/duet-callout.entry.js +2 -2
- package/lib/esm/duet-caption_4.entry.js +5 -5
- package/lib/esm/duet-card.entry.js +4 -4
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-checkmark.entry.js +1 -1
- package/lib/esm/duet-chip.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +4 -4
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +9 -5
- package/lib/esm/duet-contact-card.entry.js +3 -3
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +5 -5
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +8 -8
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +2 -2
- package/lib/esm/duet-file-chooser.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +4 -4
- package/lib/esm/duet-grid_2.entry.js +8 -5
- package/lib/esm/duet-header_2.entry.js +5 -5
- package/lib/esm/duet-hero.entry.js +5 -5
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +6 -6
- package/lib/esm/duet-layout.entry.js +3 -3
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-menu-bar-button.entry.js +1 -1
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm/duet-menu-bar-item.entry.js +1 -1
- package/lib/esm/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm/duet-menu-bar.entry.js +4 -4
- package/lib/esm/duet-modal.entry.js +5 -5
- package/lib/esm/duet-multiselect.entry.js +4 -4
- package/lib/esm/duet-nav.entry.js +1 -1
- package/lib/esm/duet-notification_2.entry.js +3 -3
- package/lib/esm/duet-number-input.entry.js +4 -4
- package/lib/esm/duet-overlay.entry.js +1 -1
- package/lib/esm/duet-page-heading.entry.js +6 -5
- package/lib/esm/duet-pagination_2.entry.js +5 -5
- package/lib/esm/duet-popup-menu-item.entry.js +1 -1
- package/lib/esm/duet-popup-menu.entry.js +2 -2
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +4 -4
- package/lib/esm/duet-radio_2.entry.js +2 -2
- package/lib/esm/duet-range-slider.entry.js +2 -2
- package/lib/esm/duet-scrollable_3.entry.js +58 -38
- package/lib/esm/duet-section-layout.entry.js +5 -5
- package/lib/esm/duet-select.entry.js +3 -3
- package/lib/esm/duet-shaped-image.entry.js +3 -3
- package/lib/esm/duet-show-more.entry.js +3 -3
- package/lib/esm/duet-slideout-lang.entry.js +5 -5
- package/lib/esm/duet-slideout-link.entry.js +3 -3
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +5 -5
- package/lib/esm/duet-slideout-panel.entry.js +49 -13
- package/lib/esm/duet-slideout.entry.js +12 -12
- package/lib/esm/duet-step_2.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +6 -6
- package/lib/esm/duet-submenu-bar-item.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +7 -7
- package/lib/esm/duet-textarea.entry.js +4 -4
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +3 -3
- package/lib/esm/duet-toolbar-dropdown.entry.js +5 -5
- package/lib/esm/duet-toolbar-item.entry.js +3 -3
- package/lib/esm/duet-toolbar-link.entry.js +3 -3
- package/lib/esm/duet-toolbar.entry.js +3 -3
- package/lib/esm/duet-tooltip-button_2.entry.js +6 -6
- package/lib/esm/duet-tooltip.entry.js +4 -4
- package/lib/esm/duet-tray.entry.js +6 -6
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +4 -4
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-59416946.js → errorcodes.utils-568ea028.js} +2 -2
- package/lib/esm/{focus-utils-53d44671.js → focus-utils-003541f7.js} +1 -1
- package/lib/esm/{index-ea400af3.js → index-bbae2d5d.js} +1 -1
- package/lib/esm/{language-utils-27773807.js → language-utils-5a2b4259.js} +2 -2
- package/lib/esm/loader.js +4 -4
- package/lib/esm/{slot-utils-95c2258f.js → slot-utils-0a3b9dfc.js} +1 -1
- package/lib/esm/{string-utils-ca039233.js → string-utils-192eb3c8.js} +7 -1
- package/lib/esm/{token-utils-1f843fb9.js → token-utils-54a23ef5.js} +1 -1
- package/lib/{dist-custom-elements/p-d5c03b61.js → esm/tokens-e0e3d241.js} +252 -0
- package/lib/esm/{tokens.module-ed0ed26f.js → tokens.module-b5fab24a.js} +168 -0
- package/lib/esm-es5/{app-globals-8ff73e1c.js → app-globals-96009d83.js} +1 -1
- package/lib/esm-es5/body-scroll-46854769.js +4 -0
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-file-chooser.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +2 -2
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-overlay.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu-item.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-shaped-image.entry.js +1 -1
- package/lib/esm-es5/duet-show-more.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +2 -2
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +2 -2
- package/lib/esm-es5/duet-step_2.entry.js +2 -2
- package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-item.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-item.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-upload-item.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/{errorcodes.utils-59416946.js → errorcodes.utils-568ea028.js} +1 -1
- package/lib/esm-es5/{focus-utils-53d44671.js → focus-utils-003541f7.js} +1 -1
- package/lib/esm-es5/{index-ea400af3.js → index-bbae2d5d.js} +1 -1
- package/lib/esm-es5/{language-utils-27773807.js → language-utils-5a2b4259.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{slot-utils-95c2258f.js → slot-utils-0a3b9dfc.js} +1 -1
- package/lib/esm-es5/string-utils-192eb3c8.js +4 -0
- package/lib/esm-es5/{token-utils-1f843fb9.js → token-utils-54a23ef5.js} +1 -1
- package/lib/esm-es5/tokens-e0e3d241.js +4 -0
- package/lib/esm-es5/tokens.module-b5fab24a.js +4 -0
- package/lib/types/common-types.d.ts +1 -0
- package/lib/types/components/duet-grid-item/duet-grid-item.d.ts +6 -0
- package/lib/types/components/duet-page-heading/duet-page-heading.d.ts +2 -1
- package/lib/types/components/duet-scrollable/duet-scrollable.d.ts +13 -2
- package/lib/types/components/duet-slideout-panel/duet-slideout-panel.d.ts +3 -0
- package/lib/types/components.d.ts +15 -6
- package/lib/types/utils/body-scroll.d.ts +17 -0
- package/lib/types/utils/string-utils.d.ts +4 -0
- package/package.json +4 -4
- package/lib/dist-custom-elements/p-31932263.js +0 -77
- package/lib/dist-custom-elements/p-fd50fe15.js +0 -192
- package/lib/duet/p-0319560a.entry.js +0 -4
- package/lib/duet/p-0e232ca3.system.entry.js +0 -4
- package/lib/duet/p-168fce1a.entry.js +0 -4
- package/lib/duet/p-22e8c418.system.entry.js +0 -4
- package/lib/duet/p-2455ba6c.entry.js +0 -4
- package/lib/duet/p-344db520.system.entry.js +0 -4
- package/lib/duet/p-391e19af.system.entry.js +0 -4
- package/lib/duet/p-395be269.entry.js +0 -4
- package/lib/duet/p-3f91a919.system.entry.js +0 -4
- package/lib/duet/p-42ffb47d.system.entry.js +0 -4
- package/lib/duet/p-440dbcfa.system.entry.js +0 -4
- package/lib/duet/p-467fe4e3.js +0 -4
- package/lib/duet/p-4a901bfc.js +0 -4
- package/lib/duet/p-61dffe85.entry.js +0 -4
- package/lib/duet/p-63c519cd.system.entry.js +0 -4
- package/lib/duet/p-66e157a0.system.entry.js +0 -4
- package/lib/duet/p-7549617b.entry.js +0 -4
- package/lib/duet/p-7d277f55.js +0 -4
- package/lib/duet/p-8a7ee339.js +0 -4
- package/lib/duet/p-918f8fc2.entry.js +0 -4
- package/lib/duet/p-ae79dc98.entry.js +0 -4
- package/lib/duet/p-b93f0810.entry.js +0 -4
- package/lib/duet/p-c51d6fb5.system.js +0 -4
- package/lib/duet/p-c86d6786.system.js +0 -4
- package/lib/duet/p-cce2db8f.entry.js +0 -4
- package/lib/duet/p-d5580da3.entry.js +0 -4
- package/lib/duet/p-d5c03b61.js +0 -4
- package/lib/duet/p-d6dcd05f.system.js +0 -4
- package/lib/duet/p-edc43bc3.system.entry.js +0 -4
- package/lib/duet/p-ef6095d7.system.entry.js +0 -4
- package/lib/duet/p-f8ede563.entry.js +0 -4
- package/lib/duet/p-fdaa6789.entry.js +0 -4
- package/lib/esm-es5/string-utils-ca039233.js +0 -4
- package/lib/esm-es5/tokens-a9d9d4dd.js +0 -4
- 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$":
|
|
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 = "
|
|
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$":
|
|
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
|
-
|
|
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
|
-
[
|
|
12031
|
-
} }, hAsync("div", { key: '
|
|
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-
|
|
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
|
|
14995
|
-
const
|
|
14996
|
-
|
|
14997
|
-
this.
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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: '
|
|
15602
|
+
} }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c99af39d9c1b2c6ddd640a5517c9aba227b374d0', class: {
|
|
15144
15603
|
collapse: true,
|
|
15145
|
-
hide: !this.
|
|
15146
|
-
} }, hAsync("duet-button", { key: '
|
|
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: '
|
|
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
|
-
|
|
15162
|
-
|
|
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
|
-
"
|
|
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: '
|
|
15658
|
+
return (hAsync(Host, { key: '0513022fd72635b7a29f28bd2d4c499efab5924f', class: {
|
|
15214
15659
|
"duet-middle": this.middle,
|
|
15215
15660
|
"duet-ie": isInternetExplorer(),
|
|
15216
|
-
} }, hAsync("div", { key: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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 = "
|
|
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$":
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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; }
|