@swisspost/design-system-components 10.0.0-next.65 → 10.0.0-next.67
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/dist/cjs/{breakpoints-B81j4H4_.js → breakpoints-BTxzC_Qv.js} +4 -7
- package/dist/cjs/{get-focusable-children-SdEe5tt7.js → get-focusable-children-CL2gimr1.js} +4 -4
- package/dist/cjs/{get-root-CUAv4k4C.js → get-root-BIh00Adr.js} +2 -2
- package/dist/cjs/{index-CmbtQEJ0.js → index-Byyrsgop.js} +19 -11
- package/dist/cjs/{index-ChzLnSU8.js → index-qCzRmwgB.js} +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{package-DJFRMOUR.js → package-BMq-R5Xi.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +9 -10
- package/dist/cjs/post-autocomplete.cjs.entry.js +181 -0
- package/dist/cjs/post-avatar.cjs.entry.js +6 -7
- package/dist/cjs/post-back-to-top.cjs.entry.js +8 -9
- package/dist/cjs/post-banner.cjs.entry.js +5 -6
- package/dist/cjs/{post-breadcrumb-item_2.cjs.entry.js → post-breadcrumb-item.cjs.entry.js} +7 -22
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +7 -8
- package/dist/cjs/{post-closebutton_13.cjs.entry.js → post-closebutton_14.cjs.entry.js} +88 -68
- package/dist/cjs/post-collapsible_2.cjs.entry.js +11 -12
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +4619 -0
- package/dist/cjs/post-footer.cjs.entry.js +8 -9
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox-option.cjs.entry.js +26 -0
- package/dist/cjs/post-listbox.cjs.entry.js +151 -0
- package/dist/cjs/post-number-input.cjs.entry.js +20 -14
- package/dist/cjs/post-pagination.cjs.entry.js +10 -11
- package/dist/cjs/post-popover-trigger.cjs.entry.js +5 -6
- package/dist/cjs/post-popover.cjs.entry.js +7 -8
- package/dist/cjs/post-rating.cjs.entry.js +5 -6
- package/dist/cjs/post-stepper-item.cjs.entry.js +4 -4
- package/dist/cjs/post-stepper.cjs.entry.js +34 -14
- package/dist/cjs/post-tab-item.cjs.entry.js +5 -6
- package/dist/cjs/post-tab-panel.cjs.entry.js +5 -6
- package/dist/cjs/post-tabs.cjs.entry.js +8 -9
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +7 -10
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -6
- package/dist/collection/animations/collapse.js +3 -2
- package/dist/collection/collection-manifest.json +5 -3
- package/dist/collection/components/post-accordion/post-accordion.js +3 -3
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +3 -3
- package/dist/collection/components/post-autocomplete/post-autocomplete.css +1 -0
- package/dist/collection/components/post-autocomplete/post-autocomplete.js +271 -0
- package/dist/collection/components/post-avatar/post-avatar.js +2 -2
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +4 -4
- package/dist/collection/components/post-banner/post-banner.js +1 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +3 -3
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +3 -3
- package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.css +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +4 -4
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +1 -1
- package/dist/collection/components/post-date-picker/post-date-picker.css +5 -0
- package/dist/collection/components/{post-datepicker/post-datepicker.js → post-date-picker/post-date-picker.js} +139 -101
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +3 -3
- package/dist/collection/components/post-header/post-header.js +13 -13
- package/dist/collection/components/post-icon/post-icon.js +16 -13
- package/dist/collection/components/post-language-menu/post-language-menu.css +1 -1
- package/dist/collection/components/post-language-menu/post-language-menu.js +1 -1
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -1
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +2 -1
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-listbox/post-listbox.css +1 -0
- package/dist/collection/components/post-listbox/post-listbox.js +293 -0
- package/dist/collection/components/post-listbox-option/post-listbox-option.css +1 -0
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +109 -0
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +5 -5
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.js +2 -2
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
- package/dist/collection/components/post-number-input/post-number-input.css +4 -1
- package/dist/collection/components/post-number-input/post-number-input.js +12 -3
- package/dist/collection/components/post-pagination/post-pagination.js +6 -6
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +45 -19
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-stepper/post-stepper.js +50 -10
- package/dist/collection/components/post-stepper-item/post-stepper-item.css +1 -7
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
- package/dist/collection/components/post-tab-item/post-tab-item.js +1 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +4 -4
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +6 -6
- package/dist/collection/utils/attribute-observer.js +2 -2
- package/dist/collection/utils/breakpoints.js +6 -5
- package/dist/collection/utils/get-focusable-children.js +3 -3
- package/dist/collection/utils/get-root.js +2 -2
- package/dist/collection/utils/index.js +1 -1
- package/dist/collection/utils/is-iso-date.js +14 -0
- package/dist/collection/utils/is-motion-reduced.js +2 -2
- package/dist/collection/utils/property-checkers/check-date.js +1 -1
- package/dist/collection/utils/property-checkers/check-iso-date.js +9 -0
- package/dist/collection/utils/property-checkers/constants.js +1 -1
- package/dist/collection/utils/property-checkers/index.js +1 -0
- package/dist/collection/utils/repeat-on-long-press.js +6 -6
- package/dist/collection/utils/sass-export.js +1 -1
- package/dist/collection/utils/tests/helpers/mock-match-media.js +11 -0
- package/dist/collection/utils/tests/helpers/mock-stencil-constants.js +12 -0
- package/dist/component-names.json +4 -1
- package/dist/components/breakpoints.js +1 -1
- package/dist/components/get-focusable-children.js +1 -1
- package/dist/components/get-root.js +1 -1
- package/dist/components/index.d.ts +8 -4
- package/dist/components/index.js +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +1 -1
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-autocomplete.d.ts +11 -0
- package/dist/components/post-autocomplete.js +1 -0
- package/dist/components/post-avatar.js +1 -1
- package/dist/components/post-back-to-top.js +1 -1
- package/dist/components/post-banner.js +1 -1
- package/dist/components/post-breadcrumb-item2.js +1 -1
- package/dist/components/post-breadcrumbs.js +1 -1
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible-trigger2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/{post-datepicker.d.ts → post-date-picker.d.ts} +4 -4
- package/dist/components/post-date-picker.js +1 -0
- package/dist/components/post-footer.js +1 -1
- package/dist/components/post-header.js +1 -1
- package/dist/components/post-icon2.js +1 -1
- package/dist/components/post-language-menu-item.js +1 -1
- package/dist/components/post-language-menu.js +1 -1
- package/dist/components/post-linkarea.js +1 -1
- package/dist/components/post-listbox-option.d.ts +11 -0
- package/dist/components/post-listbox-option.js +1 -0
- package/dist/components/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
- package/dist/components/post-listbox.js +1 -0
- package/dist/components/post-logo.js +1 -1
- package/dist/components/post-mainnavigation.js +1 -1
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/post-megadropdown.js +1 -1
- package/dist/components/post-menu-item2.js +1 -1
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-number-input.js +1 -1
- package/dist/components/post-pagination.js +1 -1
- package/dist/components/post-popover-trigger.js +1 -1
- package/dist/components/post-popover.js +1 -1
- package/dist/components/post-popovercontainer2.js +1 -1
- package/dist/components/post-rating.js +1 -1
- package/dist/components/post-stepper-item.js +1 -1
- package/dist/components/post-stepper.js +1 -1
- package/dist/components/post-tab-item.js +1 -1
- package/dist/components/post-tab-panel.js +1 -1
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/post-togglebutton2.js +1 -1
- package/dist/components/post-tooltip-trigger.js +1 -1
- package/dist/components/post-tooltip.js +1 -1
- package/dist/components/react/index.js +1 -1
- package/dist/components/react/{p-2xbmulgT.js → p-6dWji_Xt.js} +1 -1
- package/dist/components/react/p-BIQP_u-p.js +1 -0
- package/dist/components/react/p-BlBcIJe_.js +1 -0
- package/dist/components/react/{p-CVpHTlhD.js → p-Bq6Ye6Uc.js} +1 -1
- package/dist/components/react/p-BvY9Yl0A.js +1 -0
- package/dist/components/react/p-ByHBwvly.js +1 -0
- package/dist/components/react/{p-cien1JLp.js → p-C7drBbGl.js} +1 -1
- package/dist/components/react/p-CKkmf4_w.js +1 -0
- package/dist/components/react/p-CS77r1AS.js +1 -0
- package/dist/components/react/p-CY-_ZlW3.js +1 -0
- package/dist/components/react/p-D3Tx-0vM.js +1 -0
- package/dist/components/react/p-DVY9jsO7.js +1 -0
- package/dist/components/react/p-Djnfi-_S.js +1 -0
- package/dist/components/react/p-DlHbGhvD.js +1 -0
- package/dist/components/react/p-DxJ0OgPJ.js +1 -0
- package/dist/components/react/{p-NbS_MQaD.js → p-RpVuZS9R.js} +1 -1
- package/dist/components/react/post-accordion-item.js +1 -1
- package/dist/components/react/post-accordion.js +1 -1
- package/dist/components/react/post-autocomplete.d.ts +11 -0
- package/dist/components/react/post-autocomplete.js +1 -0
- package/dist/components/react/post-avatar.js +1 -1
- package/dist/components/react/post-back-to-top.js +1 -1
- package/dist/components/react/post-banner.js +1 -1
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +1 -1
- package/dist/components/react/post-closebutton.js +1 -1
- package/dist/components/react/post-collapsible-trigger.js +1 -1
- package/dist/components/react/post-collapsible.js +1 -1
- package/dist/components/react/{post-datepicker.d.ts → post-date-picker.d.ts} +4 -4
- package/dist/components/react/post-date-picker.js +1 -0
- package/dist/components/react/post-footer.js +1 -1
- package/dist/components/react/post-header.js +1 -1
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-menu-item.js +1 -1
- package/dist/components/react/post-language-menu.js +1 -1
- package/dist/components/react/post-linkarea.js +1 -1
- package/dist/components/react/post-listbox-option.d.ts +11 -0
- package/dist/components/react/post-listbox-option.js +1 -0
- package/dist/components/react/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
- package/dist/components/react/post-listbox.js +1 -0
- package/dist/components/react/post-logo.js +1 -1
- package/dist/components/react/post-mainnavigation.js +1 -1
- package/dist/components/react/post-megadropdown-trigger.js +1 -1
- package/dist/components/react/post-megadropdown.js +1 -1
- package/dist/components/react/post-menu-item.js +1 -1
- package/dist/components/react/post-menu-trigger.js +1 -1
- package/dist/components/react/post-menu.js +1 -1
- package/dist/components/react/post-number-input.js +1 -1
- package/dist/components/react/post-pagination.js +1 -1
- package/dist/components/react/post-popover-trigger.js +1 -1
- package/dist/components/react/post-popover.js +1 -1
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-rating.js +1 -1
- package/dist/components/react/post-stepper-item.js +1 -1
- package/dist/components/react/post-stepper.js +1 -1
- package/dist/components/react/post-tab-item.js +1 -1
- package/dist/components/react/post-tab-panel.js +1 -1
- package/dist/components/react/post-tabs.js +1 -1
- package/dist/components/react/post-togglebutton.js +1 -1
- package/dist/components/react/post-tooltip-trigger.js +1 -1
- package/dist/components/react/post-tooltip.js +1 -1
- package/dist/docs.json +591 -111
- package/dist/esm/{breakpoints-_gmb7vUy.js → breakpoints-CZuqK5QS.js} +4 -7
- package/dist/esm/{get-focusable-children-CFWKPWu9.js → get-focusable-children-CckqSLu_.js} +4 -4
- package/dist/esm/{get-root-CXfAA093.js → get-root-gmtbd8C-.js} +2 -2
- package/dist/esm/{index-RRcOB_Q4.js → index-8Vx4ywJ4.js} +19 -11
- package/dist/esm/{index-CCMeku7U.js → index-D9bU2pIE.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-DVY9jsO7.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +9 -10
- package/dist/esm/post-autocomplete.entry.js +179 -0
- package/dist/esm/post-avatar.entry.js +6 -7
- package/dist/esm/post-back-to-top.entry.js +8 -9
- package/dist/esm/post-banner.entry.js +5 -6
- package/dist/esm/{post-breadcrumb-item_2.entry.js → post-breadcrumb-item.entry.js} +8 -22
- package/dist/esm/post-breadcrumbs.entry.js +7 -8
- package/dist/esm/{post-closebutton_13.entry.js → post-closebutton_14.entry.js} +88 -69
- package/dist/esm/post-collapsible_2.entry.js +11 -12
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +4617 -0
- package/dist/esm/post-footer.entry.js +8 -9
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/post-listbox-option.entry.js +24 -0
- package/dist/esm/post-listbox.entry.js +149 -0
- package/dist/esm/post-number-input.entry.js +20 -14
- package/dist/esm/post-pagination.entry.js +10 -11
- package/dist/esm/post-popover-trigger.entry.js +5 -6
- package/dist/esm/post-popover.entry.js +7 -8
- package/dist/esm/post-rating.entry.js +5 -6
- package/dist/esm/post-stepper-item.entry.js +4 -4
- package/dist/esm/post-stepper.entry.js +34 -14
- package/dist/esm/post-tab-item.entry.js +5 -6
- package/dist/esm/post-tab-panel.entry.js +5 -6
- package/dist/esm/post-tabs.entry.js +8 -9
- package/dist/esm/post-tooltip-trigger.entry.js +7 -10
- package/dist/esm/post-tooltip.entry.js +5 -6
- package/dist/post-components/p-0962f02e.entry.js +1 -0
- package/dist/post-components/p-0c22b6cb.entry.js +1 -0
- package/dist/post-components/p-11dfed23.entry.js +1 -0
- package/dist/post-components/p-136052d8.entry.js +1 -0
- package/dist/post-components/p-15d519e6.entry.js +1 -0
- package/dist/post-components/p-16573e00.entry.js +1 -0
- package/dist/post-components/p-29859921.entry.js +1 -0
- package/dist/post-components/p-3a294f1a.entry.js +1 -0
- package/dist/post-components/p-44481053.entry.js +1 -0
- package/dist/post-components/p-61d99723.entry.js +1 -0
- package/dist/post-components/p-68196501.entry.js +1 -0
- package/dist/post-components/p-6badcfb3.entry.js +1 -0
- package/dist/post-components/p-6c2558a3.entry.js +1 -0
- package/dist/post-components/p-6debd1d3.entry.js +1 -0
- package/dist/post-components/p-7b44e7e5.entry.js +1 -0
- package/dist/post-components/p-81aca7ec.entry.js +1 -0
- package/dist/post-components/p-85af10b8.entry.js +1 -0
- package/dist/post-components/p-8Vx4ywJ4.js +2 -0
- package/dist/post-components/p-951b3be6.entry.js +1 -0
- package/dist/post-components/{p-71380a03.entry.js → p-9a3d4f38.entry.js} +1 -1
- package/dist/post-components/p-D81ozKs6.js +1 -0
- package/dist/post-components/p-D9bU2pIE.js +1 -0
- package/dist/post-components/p-DVY9jsO7.js +1 -0
- package/dist/post-components/p-DkA4Ai8j.js +1 -0
- package/dist/post-components/p-a4dd6a67.entry.js +1 -0
- package/dist/post-components/p-aFKnsRj1.js +1 -0
- package/dist/post-components/p-b13742e1.entry.js +1 -0
- package/dist/post-components/p-c5717005.entry.js +1 -0
- package/dist/post-components/p-ca7796c7.entry.js +1 -0
- package/dist/post-components/p-ce7bfb11.entry.js +1 -0
- package/dist/post-components/p-e14f0dd1.entry.js +1 -0
- package/dist/post-components/p-e5a2d0c3.entry.js +1 -0
- package/dist/post-components/post-components.css +6 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +34 -0
- package/dist/types/components/{post-datepicker/post-datepicker.d.ts → post-date-picker/post-date-picker.d.ts} +24 -14
- package/dist/types/components/post-listbox/post-listbox.d.ts +37 -0
- package/dist/types/components/post-listbox-option/post-listbox-option.d.ts +13 -0
- package/dist/types/components/post-number-input/post-number-input.d.ts +2 -0
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +6 -0
- package/dist/types/components/post-stepper/post-stepper.d.ts +8 -1
- package/dist/types/components.d.ts +223 -45
- package/dist/types/utils/breakpoints.d.ts +1 -0
- package/dist/types/utils/index.d.ts +1 -1
- package/dist/types/utils/is-iso-date.d.ts +1 -0
- package/dist/types/utils/property-checkers/check-iso-date.d.ts +3 -0
- package/dist/types/utils/property-checkers/index.d.ts +1 -0
- package/dist/types/utils/tests/helpers/mock-match-media.d.ts +4 -0
- package/dist/types/utils/tests/helpers/mock-stencil-constants.d.ts +0 -0
- package/hydrate/index.js +744 -1425
- package/hydrate/index.mjs +744 -1425
- package/package.json +8 -6
- package/dist/cjs/environment-BQE9Unf_.js +0 -52
- package/dist/cjs/post-datepicker.cjs.entry.js +0 -4542
- package/dist/cjs/post-env-test.cjs.entry.js +0 -15
- package/dist/collection/components/post-datepicker/post-datepicker.css +0 -34
- package/dist/collection/utils/environment.js +0 -47
- package/dist/collection/utils/tests/environment/hydrate-app-helper.js +0 -16
- package/dist/collection/utils/tests/environment/post-env-test.js +0 -9
- package/dist/components/environment.js +0 -1
- package/dist/components/post-datepicker.js +0 -1
- package/dist/components/post-env-test.js +0 -1
- package/dist/components/react/p-BVGcVycs.js +0 -1
- package/dist/components/react/p-Bb0ejJa3.js +0 -1
- package/dist/components/react/p-CBB38gAg.js +0 -1
- package/dist/components/react/p-CEwsBpAR.js +0 -1
- package/dist/components/react/p-CL77OyqD.js +0 -1
- package/dist/components/react/p-CVM28gRr.js +0 -1
- package/dist/components/react/p-Cuxk8xu_.js +0 -1
- package/dist/components/react/p-D0kTIc3Y.js +0 -1
- package/dist/components/react/p-Dh2cMk5v.js +0 -1
- package/dist/components/react/p-Dl1nklBg.js +0 -1
- package/dist/components/react/p-DvTtC-0j.js +0 -1
- package/dist/components/react/p-Dw48xy24.js +0 -1
- package/dist/components/react/p-FxUVQ4Tx.js +0 -1
- package/dist/components/react/post-datepicker.js +0 -1
- package/dist/components/react/post-env-test.js +0 -1
- package/dist/esm/environment-CEmnRoA6.js +0 -49
- package/dist/esm/package-CBB38gAg.js +0 -3
- package/dist/esm/post-datepicker.entry.js +0 -4540
- package/dist/esm/post-env-test.entry.js +0 -13
- package/dist/post-components/p-04151002.entry.js +0 -1
- package/dist/post-components/p-07c80628.entry.js +0 -1
- package/dist/post-components/p-0e0e0009.entry.js +0 -1
- package/dist/post-components/p-241aa7cc.entry.js +0 -1
- package/dist/post-components/p-350a19e3.entry.js +0 -1
- package/dist/post-components/p-3a6ff125.entry.js +0 -1
- package/dist/post-components/p-4a257010.entry.js +0 -1
- package/dist/post-components/p-590f8dbc.entry.js +0 -1
- package/dist/post-components/p-5ef8eff1.entry.js +0 -1
- package/dist/post-components/p-62ac0e47.entry.js +0 -1
- package/dist/post-components/p-67f19828.entry.js +0 -1
- package/dist/post-components/p-821d479c.entry.js +0 -1
- package/dist/post-components/p-961e7f6b.entry.js +0 -1
- package/dist/post-components/p-96c560dd.entry.js +0 -1
- package/dist/post-components/p-CBB38gAg.js +0 -1
- package/dist/post-components/p-CCMeku7U.js +0 -1
- package/dist/post-components/p-CEmnRoA6.js +0 -1
- package/dist/post-components/p-DI-h_mEL.js +0 -1
- package/dist/post-components/p-DppMBmK1.js +0 -1
- package/dist/post-components/p-RRcOB_Q4.js +0 -2
- package/dist/post-components/p-Rr097A6n.js +0 -1
- package/dist/post-components/p-b09e2162.entry.js +0 -1
- package/dist/post-components/p-b8da1422.entry.js +0 -1
- package/dist/post-components/p-ba84aa42.entry.js +0 -1
- package/dist/post-components/p-c32285b8.entry.js +0 -1
- package/dist/post-components/p-cabfcd45.entry.js +0 -1
- package/dist/post-components/p-d7c5001b.entry.js +0 -1
- package/dist/post-components/p-da6a34db.entry.js +0 -1
- package/dist/post-components/p-e0558b08.entry.js +0 -1
- package/dist/post-components/p-f34600d5.entry.js +0 -1
- package/dist/types/utils/environment.d.ts +0 -26
- package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +0 -5
- package/dist/types/utils/tests/environment/post-env-test.d.ts +0 -3
- /package/dist/collection/components/{post-datepicker → post-date-picker}/locales.js +0 -0
- /package/dist/types/components/{post-datepicker → post-date-picker}/locales.d.ts +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -134,7 +134,7 @@ var node_crypto = require('node:crypto');
|
|
|
134
134
|
const NAMESPACE = 'post-components';
|
|
135
135
|
const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
|
|
136
136
|
|
|
137
|
-
const globalStyles = ":where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-
|
|
137
|
+
const globalStyles = ":where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}.form-label:has(+post-number-input){display:block}.form-label:has(+post-number-input.number-input-sm){padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-label:has(+post-number-input.disabled){color:var(--post-scheme-color-interactive-input-disabled-fg)}post-number-input.form-floating>input.form-control{padding:var(--post-device-spacing-padding-block-29) var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-block-3)}post-number-input.form-floating>input.form-control:focus~label,post-number-input.form-floating>input.form-control:not(:placeholder-shown)~label{padding-block-start:var(--post-device-spacing-padding-block-3);padding-inline:var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-10)}post-number-input.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}post-number-input.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after,post-number-input.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);right:calc(\n var(--post-device-spacing-padding-inline-1) +\n (var(--post-device-spacing-padding-23)* 2) +\n var(--post-device-sizing-interactive-icon-size6) +\n (var(--post-device-border-width-default) * 2)\n )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
|
|
138
138
|
|
|
139
139
|
/*
|
|
140
140
|
Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -5094,7 +5094,7 @@ var setScopedSSR = (opts) => {
|
|
|
5094
5094
|
var needsScopedSSR = () => scopedSSR;
|
|
5095
5095
|
var scopedSSR = false;
|
|
5096
5096
|
|
|
5097
|
-
const version$1 = "10.0.0-next.
|
|
5097
|
+
const version$1 = "10.0.0-next.67";
|
|
5098
5098
|
|
|
5099
5099
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5100
5100
|
|
|
@@ -5122,7 +5122,7 @@ const ANIMATION_KEYS = [
|
|
|
5122
5122
|
'throb',
|
|
5123
5123
|
];
|
|
5124
5124
|
|
|
5125
|
-
const EMPTY_VALUES = [undefined, null, '', NaN];
|
|
5125
|
+
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5126
5126
|
|
|
5127
5127
|
function isValueEmpty(value) {
|
|
5128
5128
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
@@ -5201,7 +5201,7 @@ function checkDate(component, prop) {
|
|
|
5201
5201
|
return;
|
|
5202
5202
|
}
|
|
5203
5203
|
const date = new Date(value);
|
|
5204
|
-
if (isNaN(date.getTime())) {
|
|
5204
|
+
if (Number.isNaN(date.getTime())) {
|
|
5205
5205
|
console.error(message);
|
|
5206
5206
|
}
|
|
5207
5207
|
}
|
|
@@ -5215,6 +5215,30 @@ function emptyOr(check) {
|
|
|
5215
5215
|
};
|
|
5216
5216
|
}
|
|
5217
5217
|
|
|
5218
|
+
function isIsoDate(value) {
|
|
5219
|
+
const ISO_REGEX = /^\d{4}-\d{2}-\d{2}$/;
|
|
5220
|
+
if (!ISO_REGEX.test(value))
|
|
5221
|
+
return false;
|
|
5222
|
+
const date = new Date(value); // strict UTC parsing
|
|
5223
|
+
if (Number.isNaN(date.getTime()))
|
|
5224
|
+
return false;
|
|
5225
|
+
// Roundtrip comparison to catch auto-corrected dates
|
|
5226
|
+
// Use UTC getters to match the UTC parsing above - no timezone shift
|
|
5227
|
+
const y = date.getUTCFullYear();
|
|
5228
|
+
const m = String(date.getUTCMonth() + 1).padStart(2, '0');
|
|
5229
|
+
const d = String(date.getUTCDate()).padStart(2, '0');
|
|
5230
|
+
return `${y}-${m}-${d}` === value;
|
|
5231
|
+
}
|
|
5232
|
+
|
|
5233
|
+
function checkIsoDate(component, prop) {
|
|
5234
|
+
const value = component[prop];
|
|
5235
|
+
if (!value)
|
|
5236
|
+
return;
|
|
5237
|
+
if (!isIsoDate(String(value))) {
|
|
5238
|
+
console.error(`The prop \`${String(prop)}\` of the \`${component.host.localName}\` component must be in ISO format (YYYY-MM-DD).`);
|
|
5239
|
+
}
|
|
5240
|
+
}
|
|
5241
|
+
|
|
5218
5242
|
const checkEmptyOrOneOf = emptyOr(checkOneOf);
|
|
5219
5243
|
const checkEmptyOrPattern = emptyOr(checkPattern);
|
|
5220
5244
|
const checkEmptyOrType = emptyOr(checkType);
|
|
@@ -5225,54 +5249,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
|
|
|
5225
5249
|
const checkRequiredAndType = requiredAnd(checkType);
|
|
5226
5250
|
const checkRequiredAndUrl = requiredAnd(checkUrl);
|
|
5227
5251
|
|
|
5228
|
-
/**
|
|
5229
|
-
* Environment detection helper
|
|
5230
|
-
*
|
|
5231
|
-
* Goal: Distinguish between real browser execution and Stencil's server-side
|
|
5232
|
-
* hydration context. During SSR/hydration Stencil provides a mocked `window`
|
|
5233
|
-
* (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
|
|
5234
|
-
* incorrectly classify the environment as a browser.
|
|
5235
|
-
*
|
|
5236
|
-
* Detection strategy:
|
|
5237
|
-
* - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
|
|
5238
|
-
* and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
|
|
5239
|
-
* We can use this to identify the hydrate context.
|
|
5240
|
-
* - Stencils unit test context also uses the same hardcoded user agent string,
|
|
5241
|
-
* but a differnet value for the origin.
|
|
5242
|
-
* That's why comparing the origin is aboslutely mandatory.
|
|
5243
|
-
* - Since we test the hydrate app in the test context, the origin is getting
|
|
5244
|
-
* overwritten by the test setup, leading to a false positive in the
|
|
5245
|
-
* `isHydrateApp` detection.
|
|
5246
|
-
* To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
|
|
5247
|
-
* that we set/reset during the server test, so we can correctly identify
|
|
5248
|
-
* the hydrate app in the test context.
|
|
5249
|
-
* As a drawback, we can't properly test if the hydrate app is detected as
|
|
5250
|
-
* expected, in a real world scenario (elsewhere than in our tests).
|
|
5251
|
-
*/
|
|
5252
|
-
const MOCKED_USERAGENT = 'MockNavigator';
|
|
5253
|
-
const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
|
|
5254
|
-
const isNodeEnv = typeof global !== 'undefined';
|
|
5255
|
-
const hasWindow$1 = typeof window !== 'undefined';
|
|
5256
|
-
const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
|
|
5257
|
-
const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
|
|
5258
|
-
/**
|
|
5259
|
-
* This is the natural hydrate app environment
|
|
5260
|
-
* Is `true` if the hydrate app runs on server
|
|
5261
|
-
*/
|
|
5262
|
-
const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
|
|
5263
|
-
/**
|
|
5264
|
-
* This is the test app server test env
|
|
5265
|
-
* Is `true` if the server unit test runs (`false` if the browser unit test runs)
|
|
5266
|
-
*/
|
|
5267
|
-
const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
|
|
5268
|
-
/**
|
|
5269
|
-
* This is the final hydrate app flag
|
|
5270
|
-
* if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
|
|
5271
|
-
*/
|
|
5272
|
-
const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
|
|
5273
|
-
const IS_BROWSER = hasWindow$1 && !isHydrateApp;
|
|
5274
|
-
const IS_SERVER = !IS_BROWSER;
|
|
5275
|
-
|
|
5276
5252
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5277
5253
|
|
|
5278
5254
|
/**
|
|
@@ -5442,6 +5418,7 @@ class Breakpoint {
|
|
|
5442
5418
|
{ key: 'sm', device: 'tablet', minWidth: 600 },
|
|
5443
5419
|
{ key: 'xs', device: 'mobile', minWidth: 0 },
|
|
5444
5420
|
];
|
|
5421
|
+
this.resizeObserver = new ResizeObserver(() => this.updateCurrentBreakpoint());
|
|
5445
5422
|
this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
|
|
5446
5423
|
const previousBreakpoint = this.currentBreakpoint;
|
|
5447
5424
|
const newBreakpoint = this.breakpoints.find(breakpoint => {
|
|
@@ -5456,15 +5433,10 @@ class Breakpoint {
|
|
|
5456
5433
|
.filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
|
|
5457
5434
|
.forEach((key) => this.dispatchEvent(key));
|
|
5458
5435
|
});
|
|
5459
|
-
|
|
5460
|
-
return;
|
|
5461
|
-
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
5462
|
-
window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
|
|
5436
|
+
return;
|
|
5463
5437
|
}
|
|
5464
5438
|
dispatchEvent(property) {
|
|
5465
|
-
|
|
5466
|
-
return;
|
|
5467
|
-
window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5439
|
+
return;
|
|
5468
5440
|
}
|
|
5469
5441
|
get(property) {
|
|
5470
5442
|
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
@@ -5627,7 +5599,7 @@ function findClosestParentWithTag(element, tagName) {
|
|
|
5627
5599
|
* So use it for example in the componentDidLoad lifecycle hook.
|
|
5628
5600
|
*/
|
|
5629
5601
|
function getRoot(element) {
|
|
5630
|
-
const root =
|
|
5602
|
+
const root = element;
|
|
5631
5603
|
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
5632
5604
|
return root;
|
|
5633
5605
|
}
|
|
@@ -5672,7 +5644,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
|
|
|
5672
5644
|
// SLOT
|
|
5673
5645
|
if (el instanceof HTMLSlotElement) {
|
|
5674
5646
|
const assigned = el.assignedElements({ flatten: true });
|
|
5675
|
-
nodes = assigned.length ? assigned : Array.from(el.children);
|
|
5647
|
+
nodes = assigned.length > 0 ? assigned : Array.from(el.children);
|
|
5676
5648
|
}
|
|
5677
5649
|
// SHADOW ROOT
|
|
5678
5650
|
else if (el instanceof HTMLElement && el.shadowRoot) {
|
|
@@ -5705,8 +5677,8 @@ function isFocusBlockedByCSS(el) {
|
|
|
5705
5677
|
if (typeof el.checkVisibility === 'function') {
|
|
5706
5678
|
return !el.checkVisibility({ visibilityProperty: true });
|
|
5707
5679
|
}
|
|
5708
|
-
const style =
|
|
5709
|
-
if (style.display === 'none' || style.visibility !== 'visible') {
|
|
5680
|
+
const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
|
|
5681
|
+
if (!style || style.display === 'none' || style.visibility !== 'visible') {
|
|
5710
5682
|
return true;
|
|
5711
5683
|
}
|
|
5712
5684
|
if (el.parentElement) {
|
|
@@ -5730,21 +5702,17 @@ function getSlottedElement(host, selector) {
|
|
|
5730
5702
|
return null;
|
|
5731
5703
|
}
|
|
5732
5704
|
|
|
5733
|
-
function isMotionReduced() {
|
|
5734
|
-
return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
|
|
5735
|
-
}
|
|
5736
|
-
|
|
5737
5705
|
function repeatOnLongPress(callback, options) {
|
|
5738
5706
|
const stop = repeat(callback, options);
|
|
5739
5707
|
const handler = () => {
|
|
5740
5708
|
stop();
|
|
5741
|
-
|
|
5742
|
-
|
|
5743
|
-
|
|
5709
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
5710
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
5711
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
5744
5712
|
};
|
|
5745
|
-
|
|
5746
|
-
|
|
5747
|
-
|
|
5713
|
+
globalThis.addEventListener('pointerup', handler);
|
|
5714
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
5715
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
5748
5716
|
}
|
|
5749
5717
|
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
5750
5718
|
callback(); // immediate action
|
|
@@ -5761,7 +5729,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
5761
5729
|
|
|
5762
5730
|
const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
|
|
5763
5731
|
|
|
5764
|
-
var __decorate$
|
|
5732
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5765
5733
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5766
5734
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5767
5735
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -5832,7 +5800,7 @@ class PostAccordion {
|
|
|
5832
5800
|
if (this.multiple) {
|
|
5833
5801
|
await Promise.all(this.accordionItems.map(item => item.toggle(true)));
|
|
5834
5802
|
}
|
|
5835
|
-
else if (
|
|
5803
|
+
else if (this.expandedItems.size === 0) {
|
|
5836
5804
|
await this.accordionItems[0].toggle(true);
|
|
5837
5805
|
}
|
|
5838
5806
|
}
|
|
@@ -5857,7 +5825,7 @@ class PostAccordion {
|
|
|
5857
5825
|
});
|
|
5858
5826
|
}
|
|
5859
5827
|
render() {
|
|
5860
|
-
return (hAsync(Host, { key: '
|
|
5828
|
+
return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
|
|
5861
5829
|
}
|
|
5862
5830
|
get host() { return getElement(this); }
|
|
5863
5831
|
static get watchers() { return {
|
|
@@ -5871,17 +5839,17 @@ class PostAccordion {
|
|
|
5871
5839
|
"$tagName$": "post-accordion",
|
|
5872
5840
|
"$members$": {
|
|
5873
5841
|
"headingLevel": [514, "heading-level"],
|
|
5874
|
-
"multiple": [
|
|
5842
|
+
"multiple": [516],
|
|
5875
5843
|
"toggle": [64],
|
|
5876
5844
|
"expandAll": [64],
|
|
5877
5845
|
"collapseAll": [64]
|
|
5878
5846
|
},
|
|
5879
5847
|
"$listeners$": [[0, "postToggle", "collapseToggleHandler"]],
|
|
5880
5848
|
"$lazyBundleId$": "-",
|
|
5881
|
-
"$attrsToReflect$": [["headingLevel", "heading-level"]]
|
|
5849
|
+
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
5882
5850
|
}; }
|
|
5883
5851
|
}
|
|
5884
|
-
__decorate$
|
|
5852
|
+
__decorate$8([
|
|
5885
5853
|
EventFrom('post-accordion-item')
|
|
5886
5854
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
5887
5855
|
|
|
@@ -5910,9 +5878,9 @@ function nanoid(size = 21) {
|
|
|
5910
5878
|
return id
|
|
5911
5879
|
}
|
|
5912
5880
|
|
|
5913
|
-
const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
|
|
5881
|
+
const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
|
|
5914
5882
|
|
|
5915
|
-
var __decorate$
|
|
5883
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5916
5884
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5917
5885
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5918
5886
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -5965,10 +5933,10 @@ class PostAccordionItem {
|
|
|
5965
5933
|
render() {
|
|
5966
5934
|
const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
|
|
5967
5935
|
const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
|
|
5968
|
-
return (hAsync(Host, { key: '
|
|
5936
|
+
return (hAsync(Host, { key: 'cd8271355068aecc392d4bcf588274376fed789f', id: this.id, "data-version": version$1 }, hAsync("post-collapsible-trigger", { key: '598a9f0df7f536ffba45c2c634b87840785e244f', for: `${this.id}--collapse` }, hAsync(HeadingTag, { key: 'd04482b9310440102fb6ed454bec2247648b57f2', class: "accordion-header", id: `${this.id}--header` }, hAsync("button", { key: '3982fe310732d13ac32e09791278f0748eb99477', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "post-accordion-button" }, hAsync("span", { key: 'e2e44601a4a73cac5b665b65f6f93e4836ce4729', class: {
|
|
5969
5937
|
'logo-container': true,
|
|
5970
5938
|
'has-image': !!this.slottedLogo,
|
|
5971
|
-
} }, hAsync("slot", { key: '
|
|
5939
|
+
} }, hAsync("slot", { key: 'e716b961b7222d1ef9eeaf19217c72aad5b261be', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), hAsync("slot", { key: 'd0c59213d1cbd8d1080bdcbf7fce875a0c02d8bc', name: "header" }), hAsync("post-icon", { key: 'a9d06bcfccf25de71a450ffc23081a22ba11d5c7', name: "chevronup" })))), hAsync("post-collapsible", { key: '3fb6fd19baedbbfb6327bb568a203c4c1ecb1bdc', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, hAsync("div", { key: '5f50dc6a48dbc4a74780ff7bd54132f7ddaeeabb', class: "accordion-body", part: "post-accordion-body" }, hAsync("slot", { key: 'f548651ab3ff5133117cd612964f1426086b5349' })))));
|
|
5972
5940
|
}
|
|
5973
5941
|
get host() { return getElement(this); }
|
|
5974
5942
|
static get watchers() { return {
|
|
@@ -5981,7 +5949,7 @@ class PostAccordionItem {
|
|
|
5981
5949
|
"$flags$": 265,
|
|
5982
5950
|
"$tagName$": "post-accordion-item",
|
|
5983
5951
|
"$members$": {
|
|
5984
|
-
"collapsed": [
|
|
5952
|
+
"collapsed": [1540],
|
|
5985
5953
|
"headingLevel": [2, "heading-level"],
|
|
5986
5954
|
"id": [32],
|
|
5987
5955
|
"slottedLogo": [32],
|
|
@@ -5989,13 +5957,202 @@ class PostAccordionItem {
|
|
|
5989
5957
|
},
|
|
5990
5958
|
"$listeners$": [[2, "postToggle", "onCollapseToggle"]],
|
|
5991
5959
|
"$lazyBundleId$": "-",
|
|
5992
|
-
"$attrsToReflect$": []
|
|
5960
|
+
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
5993
5961
|
}; }
|
|
5994
5962
|
}
|
|
5995
|
-
__decorate$
|
|
5963
|
+
__decorate$7([
|
|
5996
5964
|
EventFrom('post-accordion-item')
|
|
5997
5965
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
5998
5966
|
|
|
5967
|
+
const postAutocompleteCss = () => `:host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}`;
|
|
5968
|
+
|
|
5969
|
+
/**
|
|
5970
|
+
* @slot default - Slot for placing post-autocomplete-item components.
|
|
5971
|
+
*/
|
|
5972
|
+
class PostAutocomplete {
|
|
5973
|
+
constructor(hostRef) {
|
|
5974
|
+
registerInstance(this, hostRef);
|
|
5975
|
+
this.postFilteringEvent = createEvent(this, "postFilteringEvent");
|
|
5976
|
+
this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
|
|
5977
|
+
/** Number of characters to type before filtering methods are called */
|
|
5978
|
+
this.filterThreshold = 0;
|
|
5979
|
+
/** Show or hide the clear button */
|
|
5980
|
+
this.clearable = false;
|
|
5981
|
+
this.inputValue = '';
|
|
5982
|
+
this.handleOnBlur = () => {
|
|
5983
|
+
this.inputElement.value = this.inputValue;
|
|
5984
|
+
this.listBoxElement.filter('');
|
|
5985
|
+
this.hideListBox();
|
|
5986
|
+
};
|
|
5987
|
+
this.handleInput = (event) => {
|
|
5988
|
+
if (!this.listBoxElement)
|
|
5989
|
+
return;
|
|
5990
|
+
const value = event.target.value.trim();
|
|
5991
|
+
const query = value.length >= this.filterThreshold ? value : '';
|
|
5992
|
+
// Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
|
|
5993
|
+
const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
|
|
5994
|
+
if (defaultPrevented)
|
|
5995
|
+
return;
|
|
5996
|
+
this.listBoxElement.filter(query);
|
|
5997
|
+
if (query) {
|
|
5998
|
+
this.showListBox();
|
|
5999
|
+
}
|
|
6000
|
+
else {
|
|
6001
|
+
this.inputValue = '';
|
|
6002
|
+
}
|
|
6003
|
+
};
|
|
6004
|
+
this.handleKeyDown = (event) => {
|
|
6005
|
+
const { key, altKey } = event;
|
|
6006
|
+
switch (key) {
|
|
6007
|
+
case 'ArrowDown':
|
|
6008
|
+
event.preventDefault();
|
|
6009
|
+
this.showListBox();
|
|
6010
|
+
if (!altKey) {
|
|
6011
|
+
this.listBoxElement.navigate('down');
|
|
6012
|
+
}
|
|
6013
|
+
break;
|
|
6014
|
+
case 'ArrowUp':
|
|
6015
|
+
event.preventDefault();
|
|
6016
|
+
this.listBoxElement.navigate('up');
|
|
6017
|
+
break;
|
|
6018
|
+
case 'Enter':
|
|
6019
|
+
if (this.listBoxElement.hidden)
|
|
6020
|
+
return;
|
|
6021
|
+
event.preventDefault();
|
|
6022
|
+
this.listBoxElement.selectActive();
|
|
6023
|
+
this.hideListBox();
|
|
6024
|
+
break;
|
|
6025
|
+
case 'Escape':
|
|
6026
|
+
this.hideListBox();
|
|
6027
|
+
break;
|
|
6028
|
+
case 'Tab':
|
|
6029
|
+
this.listBoxElement.selectActive();
|
|
6030
|
+
this.hideListBox();
|
|
6031
|
+
break;
|
|
6032
|
+
case 'Home':
|
|
6033
|
+
event.preventDefault();
|
|
6034
|
+
this.listBoxElement.navigate('first');
|
|
6035
|
+
break;
|
|
6036
|
+
case 'End':
|
|
6037
|
+
event.preventDefault();
|
|
6038
|
+
this.listBoxElement.navigate('last');
|
|
6039
|
+
break;
|
|
6040
|
+
}
|
|
6041
|
+
};
|
|
6042
|
+
this.handleOptionSelected = (e) => {
|
|
6043
|
+
const value = e.detail;
|
|
6044
|
+
this.inputElement.value = value;
|
|
6045
|
+
this.inputValue = value;
|
|
6046
|
+
this.hideListBox();
|
|
6047
|
+
};
|
|
6048
|
+
this.handleOptionActive = (e) => {
|
|
6049
|
+
const value = e.detail;
|
|
6050
|
+
if (value) {
|
|
6051
|
+
this.inputElement.setAttribute('aria-activedescendant', value);
|
|
6052
|
+
}
|
|
6053
|
+
else {
|
|
6054
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6055
|
+
}
|
|
6056
|
+
};
|
|
6057
|
+
this.hideListBox = () => {
|
|
6058
|
+
this.listBoxElement.hide();
|
|
6059
|
+
this.inputElement.ariaExpanded = 'false';
|
|
6060
|
+
this.host.removeAttribute('open');
|
|
6061
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6062
|
+
};
|
|
6063
|
+
this.showListBox = () => {
|
|
6064
|
+
this.listBoxElement.show();
|
|
6065
|
+
this.inputElement.ariaExpanded = 'true';
|
|
6066
|
+
this.host.setAttribute('open', '');
|
|
6067
|
+
};
|
|
6068
|
+
this.clearInput = () => {
|
|
6069
|
+
if (this.inputElement) {
|
|
6070
|
+
this.inputElement.value = '';
|
|
6071
|
+
this.inputValue = '';
|
|
6072
|
+
this.listBoxElement.clearSelection();
|
|
6073
|
+
this.hideListBox();
|
|
6074
|
+
}
|
|
6075
|
+
};
|
|
6076
|
+
}
|
|
6077
|
+
get inputElement() {
|
|
6078
|
+
return this.host.querySelector('input');
|
|
6079
|
+
}
|
|
6080
|
+
get listBoxElement() {
|
|
6081
|
+
if (this.listbox) {
|
|
6082
|
+
return document.getElementById(this.listbox);
|
|
6083
|
+
}
|
|
6084
|
+
else {
|
|
6085
|
+
return this.host.querySelector('post-listbox');
|
|
6086
|
+
}
|
|
6087
|
+
}
|
|
6088
|
+
componentWillLoad() {
|
|
6089
|
+
if (!this.inputElement)
|
|
6090
|
+
return;
|
|
6091
|
+
this.inputElement.role = 'combobox';
|
|
6092
|
+
this.inputElement.ariaAutoComplete = 'list';
|
|
6093
|
+
if (!this.listBoxElement)
|
|
6094
|
+
return;
|
|
6095
|
+
if (!this.listBoxElement.id)
|
|
6096
|
+
this.listBoxElement.id = crypto.randomUUID();
|
|
6097
|
+
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6098
|
+
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6099
|
+
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6100
|
+
this.inputElement.autocomplete = 'off';
|
|
6101
|
+
this.attachInputListeners();
|
|
6102
|
+
this.attachListboxListeners();
|
|
6103
|
+
}
|
|
6104
|
+
disconnectedCallback() {
|
|
6105
|
+
this.detachInputListeners();
|
|
6106
|
+
this.detachListboxListeners();
|
|
6107
|
+
}
|
|
6108
|
+
attachInputListeners() {
|
|
6109
|
+
if (this.inputElement) {
|
|
6110
|
+
this.inputElement.addEventListener('input', this.debouncedHandleInput);
|
|
6111
|
+
this.inputElement.addEventListener('keydown', this.handleKeyDown);
|
|
6112
|
+
this.inputElement.addEventListener('blur', this.handleOnBlur);
|
|
6113
|
+
this.inputElement.addEventListener('click', this.showListBox);
|
|
6114
|
+
}
|
|
6115
|
+
}
|
|
6116
|
+
detachInputListeners() {
|
|
6117
|
+
if (this.inputElement) {
|
|
6118
|
+
this.inputElement.removeEventListener('input', this.debouncedHandleInput);
|
|
6119
|
+
this.inputElement.removeEventListener('keydown', this.handleKeyDown);
|
|
6120
|
+
this.inputElement.removeEventListener('blur', this.handleOnBlur);
|
|
6121
|
+
this.inputElement.removeEventListener('click', this.showListBox);
|
|
6122
|
+
}
|
|
6123
|
+
}
|
|
6124
|
+
attachListboxListeners() {
|
|
6125
|
+
if (this.listBoxElement) {
|
|
6126
|
+
this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6127
|
+
this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
|
|
6128
|
+
}
|
|
6129
|
+
}
|
|
6130
|
+
detachListboxListeners() {
|
|
6131
|
+
if (this.listBoxElement) {
|
|
6132
|
+
this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6133
|
+
this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
|
|
6134
|
+
}
|
|
6135
|
+
}
|
|
6136
|
+
render() {
|
|
6137
|
+
return (hAsync(Host, { key: 'b6cae37c0a09a8ec76a2fdd56e0bb8c2c2f119fb', "data-version": version$1 }, hAsync("slot", { key: '2c5007aae99b96b9884bc3159add8beecad6fcc2' }), this.clearable && this.inputValue && (hAsync("button", { key: 'a47ebadbbbdac11f00e9547d0a4c8224d24f31ca', type: "button", class: " autocomplete-clear", onClick: this.clearInput }, hAsync("post-icon", { key: '2125443326e1656696815a93bda36136b48f2394', "aria-hidden": "true", name: "closex" }))), hAsync("post-icon", { key: '109bba03d5d6567e166141a800c2f13198a16481', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" })));
|
|
6138
|
+
}
|
|
6139
|
+
get host() { return getElement(this); }
|
|
6140
|
+
static get style() { return postAutocompleteCss(); }
|
|
6141
|
+
static get cmpMeta() { return {
|
|
6142
|
+
"$flags$": 265,
|
|
6143
|
+
"$tagName$": "post-autocomplete",
|
|
6144
|
+
"$members$": {
|
|
6145
|
+
"filterThreshold": [514, "filter-threshold"],
|
|
6146
|
+
"clearable": [516],
|
|
6147
|
+
"listbox": [513],
|
|
6148
|
+
"inputValue": [32]
|
|
6149
|
+
},
|
|
6150
|
+
"$listeners$": undefined,
|
|
6151
|
+
"$lazyBundleId$": "-",
|
|
6152
|
+
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
|
|
6153
|
+
}; }
|
|
6154
|
+
}
|
|
6155
|
+
|
|
5999
6156
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6000
6157
|
const GRAVATAR_DEFAULT = '404';
|
|
6001
6158
|
const GRAVATAR_RATING = 'g';
|
|
@@ -6154,13 +6311,13 @@ class PostAvatar {
|
|
|
6154
6311
|
this.validateEmail();
|
|
6155
6312
|
}
|
|
6156
6313
|
render() {
|
|
6157
|
-
const names = [this.firstname, this.lastname].filter(
|
|
6314
|
+
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6158
6315
|
const initials = names
|
|
6159
6316
|
.map(n => n.charAt(0))
|
|
6160
6317
|
.join('')
|
|
6161
6318
|
.trim();
|
|
6162
6319
|
const fullname = names.join(' ');
|
|
6163
|
-
return (hAsync(Host, { key: '
|
|
6320
|
+
return (hAsync(Host, { key: '56547a49f35e2d9ebafa54c2736b2ab60761c07b', "data-version": version$1 }, hAsync("span", { key: '864c5ab36c64bb440580ed307ce2f3dcefe2839d', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: 'cb06a958dc710675a97d197bffcee6ab742ad391', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: 'abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '8bead70c99c12f3bbaab414e9431c3459553d36e', class: "initials" }, initials, hAsync("span", { key: '45db185da4d9d82b1f08650f4dc40cd759e18c00' }, this.description ?? fullname)))));
|
|
6164
6321
|
}
|
|
6165
6322
|
get host() { return getElement(this); }
|
|
6166
6323
|
static get watchers() { return {
|
|
@@ -6301,7 +6458,7 @@ class PostBackToTop {
|
|
|
6301
6458
|
}
|
|
6302
6459
|
animateButton() {
|
|
6303
6460
|
// Get the back-to-top button top postiion
|
|
6304
|
-
const positionTop =
|
|
6461
|
+
const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
|
|
6305
6462
|
const buttonElement = this.host.shadowRoot.querySelector('button');
|
|
6306
6463
|
// Extract the elevation height from the back-to-top button elevation token
|
|
6307
6464
|
const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
|
|
@@ -6312,8 +6469,8 @@ class PostBackToTop {
|
|
|
6312
6469
|
// The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
|
|
6313
6470
|
this.translateY =
|
|
6314
6471
|
(-1 * 100) / 100 -
|
|
6315
|
-
parseFloat(positionTop.replace('px', '')) -
|
|
6316
|
-
parseFloat(elevationHeight.replace('px', ''));
|
|
6472
|
+
Number.parseFloat(positionTop.replace('px', '')) -
|
|
6473
|
+
Number.parseFloat(elevationHeight.replace('px', ''));
|
|
6317
6474
|
if (this.belowFold) {
|
|
6318
6475
|
fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
|
|
6319
6476
|
}
|
|
@@ -6334,7 +6491,7 @@ class PostBackToTop {
|
|
|
6334
6491
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6335
6492
|
}
|
|
6336
6493
|
render() {
|
|
6337
|
-
return (hAsync(Host, { key: '
|
|
6494
|
+
return (hAsync(Host, { key: '61eb934495029c80935798908bec448664008db0', "data-version": version$1 }, hAsync("button", { key: 'e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '34d23e7069de235f64743cc791c98034bbf14b5f', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: '7479cc95e9e2825455fd8a7e69085ccedc73cb35', class: "visually-hidden" }, this.textBackToTop))));
|
|
6338
6495
|
}
|
|
6339
6496
|
get host() { return getElement(this); }
|
|
6340
6497
|
static get watchers() { return {
|
|
@@ -6411,7 +6568,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6411
6568
|
|
|
6412
6569
|
const postBannerCss = () => `:host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}`;
|
|
6413
6570
|
|
|
6414
|
-
var __decorate$
|
|
6571
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6415
6572
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6416
6573
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6417
6574
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6467,7 +6624,7 @@ class PostBanner {
|
|
|
6467
6624
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6468
6625
|
}
|
|
6469
6626
|
render() {
|
|
6470
|
-
return (hAsync(Host, { key: '
|
|
6627
|
+
return (hAsync(Host, { key: 'aba639e5ce3ebc0498437f4011ff4b39e41489ee', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: 'cd81197f4a8aecbec482bbc174783ad1d00fd5eb', name: "close-button" }), hAsync("slot", { key: 'be9fd011e9d17207e1cb56dea3dcfd4481a4c31c', name: "heading" }), hAsync("slot", { key: 'a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca' }), this.hasActions && (hAsync("div", { key: '3ce94c84ea3eeda53694809432059b05b53c7cde', class: "actions" }, hAsync("slot", { key: 'a33798352de63a23cfa77bbd9be58a8cc5585121', name: "actions" })))));
|
|
6471
6628
|
}
|
|
6472
6629
|
get host() { return getElement(this); }
|
|
6473
6630
|
static get watchers() { return {
|
|
@@ -6489,7 +6646,7 @@ class PostBanner {
|
|
|
6489
6646
|
"$attrsToReflect$": [["type", "type"]]
|
|
6490
6647
|
}; }
|
|
6491
6648
|
}
|
|
6492
|
-
__decorate$
|
|
6649
|
+
__decorate$6([
|
|
6493
6650
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6494
6651
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6495
6652
|
|
|
@@ -6506,7 +6663,7 @@ class PostBreadcrumbItem {
|
|
|
6506
6663
|
try {
|
|
6507
6664
|
this.validUrl = this.constructUrl(this.url);
|
|
6508
6665
|
}
|
|
6509
|
-
catch
|
|
6666
|
+
catch {
|
|
6510
6667
|
this.validUrl = undefined;
|
|
6511
6668
|
}
|
|
6512
6669
|
}
|
|
@@ -6514,7 +6671,7 @@ class PostBreadcrumbItem {
|
|
|
6514
6671
|
constructUrl(value) {
|
|
6515
6672
|
const hasBaseURL = /^https?:\/\//.test(String(this.url));
|
|
6516
6673
|
if (typeof value === 'string') {
|
|
6517
|
-
this.fullUrl = hasBaseURL ? value : `${
|
|
6674
|
+
this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
|
|
6518
6675
|
checkEmptyOrUrl(this, 'fullUrl');
|
|
6519
6676
|
return this.fullUrl;
|
|
6520
6677
|
}
|
|
@@ -6534,7 +6691,7 @@ class PostBreadcrumbItem {
|
|
|
6534
6691
|
}
|
|
6535
6692
|
render() {
|
|
6536
6693
|
const BreadcrumbTag = this.validUrl ? 'a' : 'span';
|
|
6537
|
-
return (hAsync(Host, { key: '
|
|
6694
|
+
return (hAsync(Host, { key: 'bdcfdbdf47cc64f7a847f1187dd1e0877731bb1d', "data-version": version$1 }, hAsync("post-icon", { key: '98b8ac5b2131e7028a81fdc1b627a86086f41466', name: "chevronright", class: "breadcrumb-item-icon" }), hAsync(BreadcrumbTag, { key: 'c5ef5c8468d1561665a8701aa8b96142539fab02', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, hAsync("slot", { key: '8e0d4791585d80379f27424bc1547792df124501' }))));
|
|
6538
6695
|
}
|
|
6539
6696
|
get host() { return getElement(this); }
|
|
6540
6697
|
static get watchers() { return {
|
|
@@ -6611,7 +6768,7 @@ class PostBreadcrumbs {
|
|
|
6611
6768
|
text: item.textContent || '',
|
|
6612
6769
|
url: item.getAttribute('url') || '',
|
|
6613
6770
|
}));
|
|
6614
|
-
this.lastItem = this.breadcrumbItems
|
|
6771
|
+
this.lastItem = this.breadcrumbItems.at(-1);
|
|
6615
6772
|
}
|
|
6616
6773
|
// Determines parent width for concatenation logic
|
|
6617
6774
|
getParentWidth() {
|
|
@@ -6646,7 +6803,7 @@ class PostBreadcrumbs {
|
|
|
6646
6803
|
}
|
|
6647
6804
|
render() {
|
|
6648
6805
|
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
6649
|
-
return (hAsync(Host, { key: '
|
|
6806
|
+
return (hAsync(Host, { key: '40f31406ce27c2cf9092b693000ab3d724135939', "data-version": version$1 }, hAsync("nav", { key: 'f6bdd378f1fefa788cdde2a13fe9e14b383ec016', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: 'c230d44e75bc51e845078d1e7294028a1ae148ea', class: "no-list breadcrumbs-list" }, hAsync("li", { key: '009f42442efe00c28c3015d8f2f5006e98d8b652' }, hAsync("a", { key: '8b4768987f9d8210f0a55bf7129c6efd9b03c7cd', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: '9619bf219e357bb9c6c4541ab62f9983745abfdd', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '1e17cae0680a164c9e3c5884faf85f83ee414529', name: "home", class: "home-icon" }))), this.isConcatenated ? (hAsync("li", { class: "menu-trigger-wrapper" }, hAsync("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
|
|
6650
6807
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
6651
6808
|
e.preventDefault();
|
|
6652
6809
|
this.handleBreadcrumbItemClick();
|
|
@@ -6657,7 +6814,7 @@ class PostBreadcrumbs {
|
|
|
6657
6814
|
linkElement?.click();
|
|
6658
6815
|
e.preventDefault();
|
|
6659
6816
|
}
|
|
6660
|
-
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '
|
|
6817
|
+
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '34acb6f31f5e4cbbf8af56423e0826af15e835a5', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: '2d3223a06456c3751924cee8a418d99ca42b396c', url: this.lastItem.url, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: '7aa99a887779935ff829520376abe587302c5525', class: "hidden-items" }, hAsync("a", { key: '6223e41d9ae7768dd73756ca5217a633057deda5', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '9dd0f99c66710b43a9702a8fd04b464286e9d77a', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '6ae5ebd04f924d1e5b2fed83d787fedf0aa6afd1', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, class: "hidden-breadcrumb-item" }, item.text)))))));
|
|
6661
6818
|
}
|
|
6662
6819
|
get host() { return getElement(this); }
|
|
6663
6820
|
static get watchers() { return {
|
|
@@ -6752,7 +6909,7 @@ class PostClosebutton {
|
|
|
6752
6909
|
}
|
|
6753
6910
|
}
|
|
6754
6911
|
render() {
|
|
6755
|
-
return (hAsync(Host, { key: '
|
|
6912
|
+
return (hAsync(Host, { key: 'e2adc6a13c30c9b03947a56bbd94dc86b96f31d2', "data-version": version$1 }, hAsync("button", { key: '03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: 'b284a23e0eeb00c44c878672b4d8ed5e0ee058c6', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '5aa5cbada2bac5532cc6f4e54e01ff11465e99c2', class: "visually-hidden" }, hAsync("slot", { key: 'e8dd45b5c422504f6e7115f6fe3e498c14ed201d' })))));
|
|
6756
6913
|
}
|
|
6757
6914
|
get host() { return getElement(this); }
|
|
6758
6915
|
static get watchers() { return {
|
|
@@ -6781,26 +6938,9 @@ class PostClosebutton {
|
|
|
6781
6938
|
}; }
|
|
6782
6939
|
}
|
|
6783
6940
|
|
|
6784
|
-
const collapseDuration = 350;
|
|
6785
|
-
const collapseEasing = 'ease';
|
|
6786
6941
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
6787
|
-
const animationOptions = {
|
|
6788
|
-
duration: isMotionReduced() ? 0 : collapseDuration,
|
|
6789
|
-
easing: collapseEasing,
|
|
6790
|
-
fill: 'forwards',
|
|
6791
|
-
};
|
|
6792
|
-
function collapse(el) {
|
|
6793
|
-
const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
|
|
6794
|
-
const expandedKeyframe = { height: elHeight };
|
|
6795
|
-
return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
|
|
6796
|
-
}
|
|
6797
|
-
function expand(el) {
|
|
6798
|
-
const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
|
|
6799
|
-
const finalKeyframe = { height: 'auto', overflow: 'visible' };
|
|
6800
|
-
return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
|
|
6801
|
-
}
|
|
6802
6942
|
|
|
6803
|
-
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:hidden}`;
|
|
6943
|
+
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
6804
6944
|
|
|
6805
6945
|
/**
|
|
6806
6946
|
* @slot default - Slot for placing content within the collapsible element.
|
|
@@ -6838,13 +6978,6 @@ class PostCollapsible {
|
|
|
6838
6978
|
// due to its implementation with the getter, which returns !this.collapsed
|
|
6839
6979
|
this.collapsed = !shouldExpand;
|
|
6840
6980
|
const isExpanded = this.isExpanded;
|
|
6841
|
-
if (IS_BROWSER) {
|
|
6842
|
-
const animation = isExpanded ? expand(this.host) : collapse(this.host);
|
|
6843
|
-
this.postToggle.emit(isExpanded);
|
|
6844
|
-
await animation.finished;
|
|
6845
|
-
animation.commitStyles();
|
|
6846
|
-
this.updateTriggers();
|
|
6847
|
-
}
|
|
6848
6981
|
return isExpanded;
|
|
6849
6982
|
}
|
|
6850
6983
|
/**
|
|
@@ -6855,7 +6988,7 @@ class PostCollapsible {
|
|
|
6855
6988
|
triggers.forEach(trigger => trigger.update());
|
|
6856
6989
|
}
|
|
6857
6990
|
render() {
|
|
6858
|
-
return (hAsync(Host, { key: '
|
|
6991
|
+
return (hAsync(Host, { key: '56849ad4460bcc4467421845a0daafab39a6e9f1', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '064efc18544babbeb1244f549790bc961451e9f0' })));
|
|
6859
6992
|
}
|
|
6860
6993
|
get host() { return getElement(this); }
|
|
6861
6994
|
static get watchers() { return {
|
|
@@ -6877,7 +7010,7 @@ class PostCollapsible {
|
|
|
6877
7010
|
}; }
|
|
6878
7011
|
}
|
|
6879
7012
|
|
|
6880
|
-
var __decorate$
|
|
7013
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6881
7014
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6882
7015
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6883
7016
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6974,7 +7107,7 @@ class PostCollapsibleTrigger {
|
|
|
6974
7107
|
this.updateAriaAttributes();
|
|
6975
7108
|
}
|
|
6976
7109
|
render() {
|
|
6977
|
-
return (hAsync(Host, { key: '
|
|
7110
|
+
return (hAsync(Host, { key: '73b39b4e52d0b57fbab787208926910e8cb6d9d3', "data-version": version$1 }, hAsync("slot", { key: '88642cdd88a2b4fd6d02e55023675f85d0bf6020' })));
|
|
6978
7111
|
}
|
|
6979
7112
|
get host() { return getElement(this); }
|
|
6980
7113
|
static get watchers() { return {
|
|
@@ -6994,7 +7127,7 @@ class PostCollapsibleTrigger {
|
|
|
6994
7127
|
"$attrsToReflect$": [["for", "for"]]
|
|
6995
7128
|
}; }
|
|
6996
7129
|
}
|
|
6997
|
-
__decorate$
|
|
7130
|
+
__decorate$5([
|
|
6998
7131
|
EventFrom('post-collapsible')
|
|
6999
7132
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7000
7133
|
|
|
@@ -10751,16 +10884,17 @@ const localesMap = {
|
|
|
10751
10884
|
it: localeIt,
|
|
10752
10885
|
};
|
|
10753
10886
|
|
|
10754
|
-
const postDatepickerCss = () => `.section{container:section/inline-size;margin-inline:auto;max-width:1440px}.section>.container{--post-section-width:100cqw;--post-section-container-width:min(var(--post-core-dimension-1280), var(--post-section-width));--post-section-container-content-offset:calc( (var(--post-section-width) - var(--post-section-container-width)) * 0.5 + var(--post-section-container-padding) );--post-section-container-padding:var(--post-core-dimension-16)}@media screen and (min-width: 600px){.section>.container{--post-section-container-padding:var(--post-core-dimension-16)}}@media screen and (min-width: 780px){.section>.container{--post-section-container-padding:var(--post-core-dimension-40)}}@media screen and (min-width: 1024px){.section>.container{--post-section-container-padding:var(--post-core-dimension-40)}}@media screen and (min-width: 1280px){.section>.container{--post-section-container-padding:var(--post-core-dimension-40)}}.section>.container .align-section-stretch,.section>.container .align-section-start,.section>.container .align-section-end,.section>.container .align-container-stretch,.section>.container .align-container-start,.section>.container .align-container-end{display:block;margin-inline:unset;min-width:unset;max-width:unset;width:unset}.section>.container .align-section-none,.section>.container .align-container-none{margin-inline:0;width:100%}.section>.container .align-section-stretch{margin-inline:calc(var(--post-section-container-content-offset)*-1);width:var(--post-section-width)}.section>.container .align-section-start{margin-inline-start:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-section-end{margin-inline-end:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-container-stretch{margin-inline:calc(var(--post-section-container-padding)*-1);width:var(--post-section-container-width)}.section>.container .align-container-start{margin-inline-start:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}.section>.container .align-container-end{margin-inline-end:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}@media screen and (min-width: 600px){.section>.container .align-section-sm-stretch,.section>.container .align-section-sm-start,.section>.container .align-section-sm-end,.section>.container .align-container-sm-stretch,.section>.container .align-container-sm-start,.section>.container .align-container-sm-end{display:block;margin-inline:unset;min-width:unset;max-width:unset;width:unset}.section>.container .align-section-sm-none,.section>.container .align-container-sm-none{margin-inline:0;width:100%}.section>.container .align-section-sm-stretch{margin-inline:calc(var(--post-section-container-content-offset)*-1);width:var(--post-section-width)}.section>.container .align-section-sm-start{margin-inline-start:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-section-sm-end{margin-inline-end:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-container-sm-stretch{margin-inline:calc(var(--post-section-container-padding)*-1);width:var(--post-section-container-width)}.section>.container .align-container-sm-start{margin-inline-start:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}.section>.container .align-container-sm-end{margin-inline-end:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}}@media screen and (min-width: 780px){.section>.container .align-section-md-stretch,.section>.container .align-section-md-start,.section>.container .align-section-md-end,.section>.container .align-container-md-stretch,.section>.container .align-container-md-start,.section>.container .align-container-md-end{display:block;margin-inline:unset;min-width:unset;max-width:unset;width:unset}.section>.container .align-section-md-none,.section>.container .align-container-md-none{margin-inline:0;width:100%}.section>.container .align-section-md-stretch{margin-inline:calc(var(--post-section-container-content-offset)*-1);width:var(--post-section-width)}.section>.container .align-section-md-start{margin-inline-start:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-section-md-end{margin-inline-end:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-container-md-stretch{margin-inline:calc(var(--post-section-container-padding)*-1);width:var(--post-section-container-width)}.section>.container .align-container-md-start{margin-inline-start:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}.section>.container .align-container-md-end{margin-inline-end:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}}@media screen and (min-width: 1024px){.section>.container .align-section-lg-stretch,.section>.container .align-section-lg-start,.section>.container .align-section-lg-end,.section>.container .align-container-lg-stretch,.section>.container .align-container-lg-start,.section>.container .align-container-lg-end{display:block;margin-inline:unset;min-width:unset;max-width:unset;width:unset}.section>.container .align-section-lg-none,.section>.container .align-container-lg-none{margin-inline:0;width:100%}.section>.container .align-section-lg-stretch{margin-inline:calc(var(--post-section-container-content-offset)*-1);width:var(--post-section-width)}.section>.container .align-section-lg-start{margin-inline-start:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-section-lg-end{margin-inline-end:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-container-lg-stretch{margin-inline:calc(var(--post-section-container-padding)*-1);width:var(--post-section-container-width)}.section>.container .align-container-lg-start{margin-inline-start:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}.section>.container .align-container-lg-end{margin-inline-end:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}}@media screen and (min-width: 1280px){.section>.container .align-section-xl-stretch,.section>.container .align-section-xl-start,.section>.container .align-section-xl-end,.section>.container .align-container-xl-stretch,.section>.container .align-container-xl-start,.section>.container .align-container-xl-end{display:block;margin-inline:unset;min-width:unset;max-width:unset;width:unset}.section>.container .align-section-xl-none,.section>.container .align-container-xl-none{margin-inline:0;width:100%}.section>.container .align-section-xl-stretch{margin-inline:calc(var(--post-section-container-content-offset)*-1);width:var(--post-section-width)}.section>.container .align-section-xl-start{margin-inline-start:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-section-xl-end{margin-inline-end:calc(var(--post-section-container-content-offset)*-1);width:calc(100% + var(--post-section-container-content-offset))}.section>.container .align-container-xl-stretch{margin-inline:calc(var(--post-section-container-padding)*-1);width:var(--post-section-container-width)}.section>.container .align-container-xl-start{margin-inline-start:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}.section>.container .align-container-xl-end{margin-inline-end:calc(var(--post-section-container-padding)*-1);width:calc(100% + var(--post-section-container-padding))}}.container,.container-fluid{width:100%;margin-inline:auto;--post-grid-gutter-x:var(--post-core-dimension-16);--post-container-padding-inline:max(var(--post-core-dimension-16), calc(0.5 * var(--post-core-dimension-16)));padding-inline:var(--post-container-padding-inline)}@media screen and (min-width: 600px){.container,.container-fluid{--post-grid-gutter-x:var(--post-core-dimension-16);--post-container-padding-inline:max(var(--post-core-dimension-16), calc(0.5 * var(--post-core-dimension-16)));padding-inline:var(--post-container-padding-inline)}}@media screen and (min-width: 780px){.container,.container-fluid{--post-grid-gutter-x:var(--post-core-dimension-16);--post-container-padding-inline:max(var(--post-core-dimension-40), calc(0.5 * var(--post-core-dimension-16)));padding-inline:var(--post-container-padding-inline)}}@media screen and (min-width: 1024px){.container,.container-fluid{--post-grid-gutter-x:var(--post-core-dimension-24);--post-container-padding-inline:max(var(--post-core-dimension-40), calc(0.5 * var(--post-core-dimension-24)));padding-inline:var(--post-container-padding-inline)}}@media screen and (min-width: 1280px){.container,.container-fluid{--post-grid-gutter-x:var(--post-core-dimension-24);--post-container-padding-inline:max(var(--post-core-dimension-40), calc(0.5 * var(--post-core-dimension-24)));padding-inline:var(--post-container-padding-inline)}}.container{--post-container-max-width:var(--post-core-dimension-1280);max-width:var(--post-container-max-width);--post-container-offset:calc( var(--post-container-padding-inline) + max(0px, calc((100vw - var(--post-container-max-width)) / 2)) )}.container-fluid{--post-container-offset:var(--post-container-padding-inline)}.row{display:flex;flex-wrap:wrap;margin-block-start:calc(-1*var(--post-grid-gutter-y));margin-inline:calc(-0.5*var(--post-grid-gutter-x));--post-grid-gutter-y:0;--post-grid-gutter-x:var(--post-core-dimension-16)}@media screen and (min-width: 600px){.row{--post-grid-gutter-x:var(--post-core-dimension-16)}}@media screen and (min-width: 780px){.row{--post-grid-gutter-x:var(--post-core-dimension-16)}}@media screen and (min-width: 1024px){.row{--post-grid-gutter-x:var(--post-core-dimension-24)}}@media screen and (min-width: 1280px){.row{--post-grid-gutter-x:var(--post-core-dimension-24)}}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-inline:calc(var(--post-grid-gutter-x)*.5);margin-block-start:var(--post-grid-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-inline-start:8.3333333333%}.offset-2{margin-inline-start:16.6666666667%}.offset-3{margin-inline-start:25%}.offset-4{margin-inline-start:33.3333333333%}.offset-5{margin-inline-start:41.6666666667%}.offset-6{margin-inline-start:50%}.offset-7{margin-inline-start:58.3333333333%}.offset-8{margin-inline-start:66.6666666667%}.offset-9{margin-inline-start:75%}.offset-10{margin-inline-start:83.3333333333%}.offset-11{margin-inline-start:91.6666666667%}@media screen and (min-width: 600px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-inline-start:0}.offset-sm-1{margin-inline-start:8.3333333333%}.offset-sm-2{margin-inline-start:16.6666666667%}.offset-sm-3{margin-inline-start:25%}.offset-sm-4{margin-inline-start:33.3333333333%}.offset-sm-5{margin-inline-start:41.6666666667%}.offset-sm-6{margin-inline-start:50%}.offset-sm-7{margin-inline-start:58.3333333333%}.offset-sm-8{margin-inline-start:66.6666666667%}.offset-sm-9{margin-inline-start:75%}.offset-sm-10{margin-inline-start:83.3333333333%}.offset-sm-11{margin-inline-start:91.6666666667%}}@media screen and (min-width: 780px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-inline-start:0}.offset-md-1{margin-inline-start:8.3333333333%}.offset-md-2{margin-inline-start:16.6666666667%}.offset-md-3{margin-inline-start:25%}.offset-md-4{margin-inline-start:33.3333333333%}.offset-md-5{margin-inline-start:41.6666666667%}.offset-md-6{margin-inline-start:50%}.offset-md-7{margin-inline-start:58.3333333333%}.offset-md-8{margin-inline-start:66.6666666667%}.offset-md-9{margin-inline-start:75%}.offset-md-10{margin-inline-start:83.3333333333%}.offset-md-11{margin-inline-start:91.6666666667%}}@media screen and (min-width: 1024px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-inline-start:0}.offset-lg-1{margin-inline-start:8.3333333333%}.offset-lg-2{margin-inline-start:16.6666666667%}.offset-lg-3{margin-inline-start:25%}.offset-lg-4{margin-inline-start:33.3333333333%}.offset-lg-5{margin-inline-start:41.6666666667%}.offset-lg-6{margin-inline-start:50%}.offset-lg-7{margin-inline-start:58.3333333333%}.offset-lg-8{margin-inline-start:66.6666666667%}.offset-lg-9{margin-inline-start:75%}.offset-lg-10{margin-inline-start:83.3333333333%}.offset-lg-11{margin-inline-start:91.6666666667%}}@media screen and (min-width: 1280px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-inline-start:0}.offset-xl-1{margin-inline-start:8.3333333333%}.offset-xl-2{margin-inline-start:16.6666666667%}.offset-xl-3{margin-inline-start:25%}.offset-xl-4{margin-inline-start:33.3333333333%}.offset-xl-5{margin-inline-start:41.6666666667%}.offset-xl-6{margin-inline-start:50%}.offset-xl-7{margin-inline-start:58.3333333333%}.offset-xl-8{margin-inline-start:66.6666666667%}.offset-xl-9{margin-inline-start:75%}.offset-xl-10{margin-inline-start:83.3333333333%}.offset-xl-11{margin-inline-start:91.6666666667%}}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}}*,*::before,*::after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;hyphens:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{caption-side:bottom;border-collapse:collapse}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}fieldset,legend{padding:0}fieldset{border:0}input,select,textarea{margin:0}body{--post-current-bg:var(--post-theme-color-body-bg);--post-current-fg:var(--post-theme-color-body-fg);background-color:var(--post-current-bg);color:var(--post-current-fg);font-family:var(--post-device-font-family-default),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-regular);line-height:var(--post-device-line-height-content);letter-spacing:var(--post-core-letter-spacing-default);font-variant-numeric:proportional-nums;min-height:100vh}body [data-color-scheme]{--post-current-fg:var(--post-theme-color-body-fg);color:var(--post-current-fg)}a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}@counter-style post-bullet{system:extends disc;suffix:" "}ul{list-style:post-bullet;margin-block:var(--post-device-spacing-padding-block-8);padding-inline-start:calc( var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-10) )}ul>li::marker{line-height:1}ul.list-bullet{list-style:none;margin-block:var(--post-device-spacing-padding-block-8);padding-inline-start:calc( var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-10) )}ul.list-bullet>li{margin:0;padding-inline:0;padding-block:var(--post-device-spacing-padding-block-6)}ul.list-bullet>li~li{margin-block-start:var(--post-device-spacing-gap-1)}ul.list-bullet>li::before{display:block;content:"";box-sizing:content-box;float:inline-start;margin-block-start:calc((var(--post-device-line-height-content) * 0.5em) - (var(--post-device-sizing-interactive-button-icon-6) * 0.5));margin-inline-start:calc((var(--post-device-sizing-notification-icon-3) * -0.5) + (var(--post-device-sizing-interactive-button-icon-6) * -0.5) + (var(--post-device-spacing-gap-inline-10) * -1));width:var(--post-device-sizing-interactive-button-icon-6);height:var(--post-device-sizing-interactive-button-icon-6);background-color:currentColor;border-radius:50%}ul.list-inline{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}ul.list-inline>li{all:unset;display:list-item}ul.list-inline>li~li{all:unset;display:list-item}ul.list-inline>li::before{all:unset}ul.list-revert{all:revert}ul.list-revert>li{all:revert}ul.list-revert>li~li{all:revert}ul.list-revert>li::before{all:revert}ul.list-unstyled{all:unset;display:block;list-style:none}ul.list-unstyled>li{all:unset;display:list-item}ul.list-unstyled>li~li{all:unset;display:list-item}ul.list-unstyled>li::before{all:unset}dl dd{margin:0}ol{margin-block:var(--post-device-spacing-gap-1);padding-inline-end:var(--post-device-spacing-gap-1);padding-inline-start:calc(var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-10))}ol ::marker{font-weight:var(--post-device-font-weight-bold)}ol.list-number{margin-block:var(--post-device-spacing-gap-1);padding-inline-end:var(--post-device-spacing-gap-1);padding-inline-start:calc(var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-10))}ol.list-number>li{margin-block-end:var(--post-device-spacing-padding-block-8);padding-inline-start:var(--post-device-spacing-gap-inline-10);padding-block:var(--post-device-spacing-padding-block-6)}ol.list-number>li:last-child{margin-block-end:0}ol.list-inline{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}ol.list-inline>li{all:unset;display:list-item}ol.list-inline>li~li{all:unset;display:list-item}ol.list-inline>li::before{all:unset}ol.list-revert{all:revert}ol.list-revert>li{all:revert}ol.list-revert>li~li{all:revert}ol.list-revert>li::before{all:revert}ol.list-unstyled{all:unset;display:block;list-style:none}ol.list-unstyled>li{all:unset;display:list-item}ol.list-unstyled>li~li{all:unset;display:list-item}ol.list-unstyled>li::before{all:unset}p{margin-block:var(--post-device-spacing-margin-3);text-wrap:pretty}p:first-child{margin-block-start:0}p:last-child{margin-block-end:0}legend{margin-bottom:var(--post-core-dimension-16);font-weight:var(--post-device-font-weight-bold);line-height:var(--post-device-line-height-legend);width:100%}legend.large{font-size:var(--post-device-font-size-3);margin-block-start:var(--post-device-spacing-margin-1);padding-block-end:calc(var(--post-device-spacing-padding-17) - var(--post-device-border-width-default));margin-block-end:var(--post-device-spacing-margin-4);border-bottom:var(--post-device-border-width-default) var(--post-scheme-color-surface-default-stroke) var(--post-core-border-style-solid)}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child{margin-block-start:0}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):last-child{margin-block-end:0}h1,.h1{font-size:var(--post-device-font-size-1);margin-block-start:var(--post-device-spacing-margin-1);margin-block-end:var(--post-device-spacing-margin-2)}h2,.h2{font-size:var(--post-device-font-size-2);margin-block-start:var(--post-device-spacing-margin-1);margin-block-end:var(--post-device-spacing-margin-2)}h3,.h3{font-size:var(--post-device-font-size-3);margin-block-start:var(--post-device-spacing-margin-1);margin-block-end:var(--post-device-spacing-margin-3)}h4,.h4{font-size:var(--post-device-font-size-4);margin-block-start:var(--post-device-spacing-margin-1);margin-block-end:var(--post-device-spacing-margin-3)}h5,.h5{font-size:var(--post-device-font-size-5);margin-block-start:var(--post-device-spacing-margin-1);margin-block-end:var(--post-device-spacing-margin-3)}h6,.h6{font-size:var(--post-device-font-size-6);margin-block-start:var(--post-device-spacing-margin-1);margin-block-end:var(--post-device-spacing-margin-3)}.border{border:var(--post-border-width, var(--post-core-dimension-1)) solid var(--post-scheme-color-surface-default-stroke) !important}.border-0{border:0 !important}.border-top{border-block-start:var(--post-border-width, var(--post-core-dimension-1)) solid var(--post-scheme-color-surface-default-stroke) !important}.border-top-0{border-block-start:0 !important}.border-end{border-inline-end:var(--post-border-width, var(--post-core-dimension-1)) solid var(--post-scheme-color-surface-default-stroke) !important}.border-end-0{border-inline-end:0 !important}.border-bottom{border-block-end:var(--post-border-width, var(--post-core-dimension-1)) solid var(--post-scheme-color-surface-default-stroke) !important}.border-bottom-0{border-block-end:0 !important}.border-start{border-inline-start:var(--post-border-width, var(--post-core-dimension-1)) solid var(--post-scheme-color-surface-default-stroke) !important}.border-start-0{border-inline-start:0 !important}.border-1{--post-border-width:var(--post-core-dimension-1)}.border-2{--post-border-width:var(--post-core-dimension-2)}.rounded-4{border-radius:var(--post-core-dimension-4) !important}.rounded-8{border-radius:var(--post-core-dimension-8) !important}.rounded-pill{border-radius:50rem !important}.rounded-circle{border-radius:50% !important}.rounded-top-4{border-start-start-radius:var(--post-core-dimension-4) !important;border-start-end-radius:var(--post-core-dimension-4) !important}.rounded-top-8{border-start-start-radius:var(--post-core-dimension-8) !important;border-start-end-radius:var(--post-core-dimension-8) !important}.rounded-top-pill{border-start-start-radius:50rem !important;border-start-end-radius:50rem !important}.rounded-top-circle{border-start-start-radius:50% !important;border-start-end-radius:50% !important}.rounded-end-4{border-start-end-radius:var(--post-core-dimension-4) !important;border-end-end-radius:var(--post-core-dimension-4) !important}.rounded-end-8{border-start-end-radius:var(--post-core-dimension-8) !important;border-end-end-radius:var(--post-core-dimension-8) !important}.rounded-end-pill{border-start-end-radius:50rem !important;border-end-end-radius:50rem !important}.rounded-end-circle{border-start-end-radius:50% !important;border-end-end-radius:50% !important}.rounded-bottom-4{border-end-end-radius:var(--post-core-dimension-4) !important;border-end-start-radius:var(--post-core-dimension-4) !important}.rounded-bottom-8{border-end-end-radius:var(--post-core-dimension-8) !important;border-end-start-radius:var(--post-core-dimension-8) !important}.rounded-bottom-pill{border-end-end-radius:50rem !important;border-end-start-radius:50rem !important}.rounded-bottom-circle{border-end-end-radius:50% !important;border-end-start-radius:50% !important}.rounded-start-4{border-end-start-radius:var(--post-core-dimension-4) !important;border-start-start-radius:var(--post-core-dimension-4) !important}.rounded-start-8{border-end-start-radius:var(--post-core-dimension-8) !important;border-start-start-radius:var(--post-core-dimension-8) !important}.rounded-start-pill{border-end-start-radius:50rem !important;border-start-start-radius:50rem !important}.rounded-start-circle{border-end-start-radius:50% !important;border-start-start-radius:50% !important}.gx-0,.g-0{--post-grid-gutter-x:var(--post-core-dimension-0) !important}.gx-1,.g-1{--post-grid-gutter-x:var(--post-core-dimension-1) !important}.gx-2,.g-2{--post-grid-gutter-x:var(--post-core-dimension-2) !important}.gx-4,.g-4{--post-grid-gutter-x:var(--post-core-dimension-4) !important}.gx-6,.g-6{--post-grid-gutter-x:var(--post-core-dimension-6) !important}.gx-8,.g-8{--post-grid-gutter-x:var(--post-core-dimension-8) !important}.gx-12,.g-12{--post-grid-gutter-x:var(--post-core-dimension-12) !important}.gx-16,.g-16{--post-grid-gutter-x:var(--post-core-dimension-16) !important}.gx-24,.g-24{--post-grid-gutter-x:var(--post-core-dimension-24) !important}.gx-32,.g-32{--post-grid-gutter-x:var(--post-core-dimension-32) !important}.gx-40,.g-40{--post-grid-gutter-x:var(--post-core-dimension-40) !important}.gx-48,.g-48{--post-grid-gutter-x:var(--post-core-dimension-48) !important}.gx-56,.g-56{--post-grid-gutter-x:var(--post-core-dimension-56) !important}.gx-64,.g-64{--post-grid-gutter-x:var(--post-core-dimension-64) !important}.gx-72,.g-72{--post-grid-gutter-x:var(--post-core-dimension-72) !important}.gx-80,.g-80{--post-grid-gutter-x:var(--post-core-dimension-80) !important}.gx-88,.g-88{--post-grid-gutter-x:var(--post-core-dimension-88) !important}.gx-96,.g-96{--post-grid-gutter-x:var(--post-core-dimension-96) !important}.gx-104,.g-104{--post-grid-gutter-x:var(--post-core-dimension-104) !important}.gx-auto,.g-auto{--post-grid-gutter-x:auto !important}.gy-0,.g-0{--post-grid-gutter-y:var(--post-core-dimension-0) !important}.gy-1,.g-1{--post-grid-gutter-y:var(--post-core-dimension-1) !important}.gy-2,.g-2{--post-grid-gutter-y:var(--post-core-dimension-2) !important}.gy-4,.g-4{--post-grid-gutter-y:var(--post-core-dimension-4) !important}.gy-6,.g-6{--post-grid-gutter-y:var(--post-core-dimension-6) !important}.gy-8,.g-8{--post-grid-gutter-y:var(--post-core-dimension-8) !important}.gy-12,.g-12{--post-grid-gutter-y:var(--post-core-dimension-12) !important}.gy-16,.g-16{--post-grid-gutter-y:var(--post-core-dimension-16) !important}.gy-24,.g-24{--post-grid-gutter-y:var(--post-core-dimension-24) !important}.gy-32,.g-32{--post-grid-gutter-y:var(--post-core-dimension-32) !important}.gy-40,.g-40{--post-grid-gutter-y:var(--post-core-dimension-40) !important}.gy-48,.g-48{--post-grid-gutter-y:var(--post-core-dimension-48) !important}.gy-56,.g-56{--post-grid-gutter-y:var(--post-core-dimension-56) !important}.gy-64,.g-64{--post-grid-gutter-y:var(--post-core-dimension-64) !important}.gy-72,.g-72{--post-grid-gutter-y:var(--post-core-dimension-72) !important}.gy-80,.g-80{--post-grid-gutter-y:var(--post-core-dimension-80) !important}.gy-88,.g-88{--post-grid-gutter-y:var(--post-core-dimension-88) !important}.gy-96,.g-96{--post-grid-gutter-y:var(--post-core-dimension-96) !important}.gy-104,.g-104{--post-grid-gutter-y:var(--post-core-dimension-104) !important}.gy-auto,.g-auto{--post-grid-gutter-y:auto !important}.w-0{width:var(--post-core-dimension-0) !important}.w-1{width:var(--post-core-dimension-1) !important}.w-2{width:var(--post-core-dimension-2) !important}.w-4{width:var(--post-core-dimension-4) !important}.w-6{width:var(--post-core-dimension-6) !important}.w-8{width:var(--post-core-dimension-8) !important}.w-12{width:var(--post-core-dimension-12) !important}.w-16{width:var(--post-core-dimension-16) !important}.w-24{width:var(--post-core-dimension-24) !important}.w-32{width:var(--post-core-dimension-32) !important}.w-40{width:var(--post-core-dimension-40) !important}.w-48{width:var(--post-core-dimension-48) !important}.w-56{width:var(--post-core-dimension-56) !important}.w-64{width:var(--post-core-dimension-64) !important}.w-72{width:var(--post-core-dimension-72) !important}.w-80{width:var(--post-core-dimension-80) !important}.w-88{width:var(--post-core-dimension-88) !important}.w-96{width:var(--post-core-dimension-96) !important}.w-104{width:var(--post-core-dimension-104) !important}.w-auto{width:auto !important}.w-quarter{width:25% !important}.w-third{width:33% !important}.w-half{width:50% !important}.w-two-thirds{width:66% !important}.w-three-quarters{width:75% !important}.w-full{width:100% !important}.h-0{height:var(--post-core-dimension-0) !important}.h-1{height:var(--post-core-dimension-1) !important}.h-2{height:var(--post-core-dimension-2) !important}.h-4{height:var(--post-core-dimension-4) !important}.h-6{height:var(--post-core-dimension-6) !important}.h-8{height:var(--post-core-dimension-8) !important}.h-12{height:var(--post-core-dimension-12) !important}.h-16{height:var(--post-core-dimension-16) !important}.h-24{height:var(--post-core-dimension-24) !important}.h-32{height:var(--post-core-dimension-32) !important}.h-40{height:var(--post-core-dimension-40) !important}.h-48{height:var(--post-core-dimension-48) !important}.h-56{height:var(--post-core-dimension-56) !important}.h-64{height:var(--post-core-dimension-64) !important}.h-72{height:var(--post-core-dimension-72) !important}.h-80{height:var(--post-core-dimension-80) !important}.h-88{height:var(--post-core-dimension-88) !important}.h-96{height:var(--post-core-dimension-96) !important}.h-104{height:var(--post-core-dimension-104) !important}.h-auto{height:auto !important}.h-quarter{height:25% !important}.h-third{height:33% !important}.h-half{height:50% !important}.h-two-thirds{height:66% !important}.h-three-quarters{height:75% !important}.h-full{height:100% !important}.max-w-0{max-width:var(--post-core-dimension-0) !important}.max-w-1{max-width:var(--post-core-dimension-1) !important}.max-w-2{max-width:var(--post-core-dimension-2) !important}.max-w-4{max-width:var(--post-core-dimension-4) !important}.max-w-6{max-width:var(--post-core-dimension-6) !important}.max-w-8{max-width:var(--post-core-dimension-8) !important}.max-w-12{max-width:var(--post-core-dimension-12) !important}.max-w-16{max-width:var(--post-core-dimension-16) !important}.max-w-24{max-width:var(--post-core-dimension-24) !important}.max-w-32{max-width:var(--post-core-dimension-32) !important}.max-w-40{max-width:var(--post-core-dimension-40) !important}.max-w-48{max-width:var(--post-core-dimension-48) !important}.max-w-56{max-width:var(--post-core-dimension-56) !important}.max-w-64{max-width:var(--post-core-dimension-64) !important}.max-w-72{max-width:var(--post-core-dimension-72) !important}.max-w-80{max-width:var(--post-core-dimension-80) !important}.max-w-88{max-width:var(--post-core-dimension-88) !important}.max-w-96{max-width:var(--post-core-dimension-96) !important}.max-w-104{max-width:var(--post-core-dimension-104) !important}.max-w-auto{max-width:auto !important}.max-w-quarter{max-width:25% !important}.max-w-third{max-width:33% !important}.max-w-half{max-width:50% !important}.max-w-two-thirds{max-width:66% !important}.max-w-three-quarters{max-width:75% !important}.max-w-full{max-width:100% !important}.max-h-0{max-height:var(--post-core-dimension-0) !important}.max-h-1{max-height:var(--post-core-dimension-1) !important}.max-h-2{max-height:var(--post-core-dimension-2) !important}.max-h-4{max-height:var(--post-core-dimension-4) !important}.max-h-6{max-height:var(--post-core-dimension-6) !important}.max-h-8{max-height:var(--post-core-dimension-8) !important}.max-h-12{max-height:var(--post-core-dimension-12) !important}.max-h-16{max-height:var(--post-core-dimension-16) !important}.max-h-24{max-height:var(--post-core-dimension-24) !important}.max-h-32{max-height:var(--post-core-dimension-32) !important}.max-h-40{max-height:var(--post-core-dimension-40) !important}.max-h-48{max-height:var(--post-core-dimension-48) !important}.max-h-56{max-height:var(--post-core-dimension-56) !important}.max-h-64{max-height:var(--post-core-dimension-64) !important}.max-h-72{max-height:var(--post-core-dimension-72) !important}.max-h-80{max-height:var(--post-core-dimension-80) !important}.max-h-88{max-height:var(--post-core-dimension-88) !important}.max-h-96{max-height:var(--post-core-dimension-96) !important}.max-h-104{max-height:var(--post-core-dimension-104) !important}.max-h-auto{max-height:auto !important}.max-h-quarter{max-height:25% !important}.max-h-third{max-height:33% !important}.max-h-half{max-height:50% !important}.max-h-two-thirds{max-height:66% !important}.max-h-three-quarters{max-height:75% !important}.max-h-full{max-height:100% !important}.min-w-0{min-width:var(--post-core-dimension-0) !important}.min-w-1{min-width:var(--post-core-dimension-1) !important}.min-w-2{min-width:var(--post-core-dimension-2) !important}.min-w-4{min-width:var(--post-core-dimension-4) !important}.min-w-6{min-width:var(--post-core-dimension-6) !important}.min-w-8{min-width:var(--post-core-dimension-8) !important}.min-w-12{min-width:var(--post-core-dimension-12) !important}.min-w-16{min-width:var(--post-core-dimension-16) !important}.min-w-24{min-width:var(--post-core-dimension-24) !important}.min-w-32{min-width:var(--post-core-dimension-32) !important}.min-w-40{min-width:var(--post-core-dimension-40) !important}.min-w-48{min-width:var(--post-core-dimension-48) !important}.min-w-56{min-width:var(--post-core-dimension-56) !important}.min-w-64{min-width:var(--post-core-dimension-64) !important}.min-w-72{min-width:var(--post-core-dimension-72) !important}.min-w-80{min-width:var(--post-core-dimension-80) !important}.min-w-88{min-width:var(--post-core-dimension-88) !important}.min-w-96{min-width:var(--post-core-dimension-96) !important}.min-w-104{min-width:var(--post-core-dimension-104) !important}.min-w-auto{min-width:auto !important}.min-w-quarter{min-width:25% !important}.min-w-third{min-width:33% !important}.min-w-half{min-width:50% !important}.min-w-two-thirds{min-width:66% !important}.min-w-three-quarters{min-width:75% !important}.min-w-full{min-width:100% !important}.min-h-0{min-height:var(--post-core-dimension-0) !important}.min-h-1{min-height:var(--post-core-dimension-1) !important}.min-h-2{min-height:var(--post-core-dimension-2) !important}.min-h-4{min-height:var(--post-core-dimension-4) !important}.min-h-6{min-height:var(--post-core-dimension-6) !important}.min-h-8{min-height:var(--post-core-dimension-8) !important}.min-h-12{min-height:var(--post-core-dimension-12) !important}.min-h-16{min-height:var(--post-core-dimension-16) !important}.min-h-24{min-height:var(--post-core-dimension-24) !important}.min-h-32{min-height:var(--post-core-dimension-32) !important}.min-h-40{min-height:var(--post-core-dimension-40) !important}.min-h-48{min-height:var(--post-core-dimension-48) !important}.min-h-56{min-height:var(--post-core-dimension-56) !important}.min-h-64{min-height:var(--post-core-dimension-64) !important}.min-h-72{min-height:var(--post-core-dimension-72) !important}.min-h-80{min-height:var(--post-core-dimension-80) !important}.min-h-88{min-height:var(--post-core-dimension-88) !important}.min-h-96{min-height:var(--post-core-dimension-96) !important}.min-h-104{min-height:var(--post-core-dimension-104) !important}.min-h-auto{min-height:auto !important}.min-h-quarter{min-height:25% !important}.min-h-third{min-height:33% !important}.min-h-half{min-height:50% !important}.min-h-two-thirds{min-height:66% !important}.min-h-three-quarters{min-height:75% !important}.min-h-full{min-height:100% !important}.vw-quarter{width:25vw !important}.vw-third{width:33vw !important}.vw-half{width:50vw !important}.vw-two-thirds{width:66vw !important}.vw-three-quarters{width:75vw !important}.vw-full{width:100vw !important}.vh-quarter{height:25vh !important}.vh-third{height:33vh !important}.vh-half{height:50vh !important}.vh-two-thirds{height:66vh !important}.vh-three-quarters{height:75vh !important}.vh-full{height:100vh !important}.min-vw-quarter{min-width:25vw !important}.min-vw-third{min-width:33vw !important}.min-vw-half{min-width:50vw !important}.min-vw-two-thirds{min-width:66vw !important}.min-vw-three-quarters{min-width:75vw !important}.min-vw-full{min-width:100vw !important}.min-vh-quarter{min-height:25vh !important}.min-vh-third{min-height:33vh !important}.min-vh-half{min-height:50vh !important}.min-vh-two-thirds{min-height:66vh !important}.min-vh-three-quarters{min-height:75vh !important}.min-vh-full{min-height:100vh !important}.max-vw-quarter{max-width:25vw !important}.max-vw-third{max-width:33vw !important}.max-vw-half{max-width:50vw !important}.max-vw-two-thirds{max-width:66vw !important}.max-vw-three-quarters{max-width:75vw !important}.max-vw-full{max-width:100vw !important}.max-vh-quarter{max-height:25vh !important}.max-vh-third{max-height:33vh !important}.max-vh-half{max-height:50vh !important}.max-vh-two-thirds{max-height:66vh !important}.max-vh-three-quarters{max-height:75vh !important}.max-vh-full{max-height:100vh !important}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.float-start{float:inline-start !important}.float-end{float:inline-end !important}.float-none{float:none !important}.opacity-0{opacity:0 !important}.opacity-25{opacity:.25 !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-100{opacity:1 !important}.mt-0,.my-0,.m-0{margin-top:var(--post-core-dimension-0) !important}.mt-1,.my-1,.m-1{margin-top:var(--post-core-dimension-1) !important}.mt-2,.my-2,.m-2{margin-top:var(--post-core-dimension-2) !important}.mt-4,.my-4,.m-4{margin-top:var(--post-core-dimension-4) !important}.mt-6,.my-6,.m-6{margin-top:var(--post-core-dimension-6) !important}.mt-8,.my-8,.m-8{margin-top:var(--post-core-dimension-8) !important}.mt-12,.my-12,.m-12{margin-top:var(--post-core-dimension-12) !important}.mt-16,.my-16,.m-16{margin-top:var(--post-core-dimension-16) !important}.mt-24,.my-24,.m-24{margin-top:var(--post-core-dimension-24) !important}.mt-32,.my-32,.m-32{margin-top:var(--post-core-dimension-32) !important}.mt-40,.my-40,.m-40{margin-top:var(--post-core-dimension-40) !important}.mt-48,.my-48,.m-48{margin-top:var(--post-core-dimension-48) !important}.mt-56,.my-56,.m-56{margin-top:var(--post-core-dimension-56) !important}.mt-64,.my-64,.m-64{margin-top:var(--post-core-dimension-64) !important}.mt-72,.my-72,.m-72{margin-top:var(--post-core-dimension-72) !important}.mt-80,.my-80,.m-80{margin-top:var(--post-core-dimension-80) !important}.mt-88,.my-88,.m-88{margin-top:var(--post-core-dimension-88) !important}.mt-96,.my-96,.m-96{margin-top:var(--post-core-dimension-96) !important}.mt-104,.my-104,.m-104{margin-top:var(--post-core-dimension-104) !important}.mt-auto,.my-auto,.m-auto{margin-top:auto !important}.me-0,.mx-0,.m-0{margin-right:var(--post-core-dimension-0) !important}.me-1,.mx-1,.m-1{margin-right:var(--post-core-dimension-1) !important}.me-2,.mx-2,.m-2{margin-right:var(--post-core-dimension-2) !important}.me-4,.mx-4,.m-4{margin-right:var(--post-core-dimension-4) !important}.me-6,.mx-6,.m-6{margin-right:var(--post-core-dimension-6) !important}.me-8,.mx-8,.m-8{margin-right:var(--post-core-dimension-8) !important}.me-12,.mx-12,.m-12{margin-right:var(--post-core-dimension-12) !important}.me-16,.mx-16,.m-16{margin-right:var(--post-core-dimension-16) !important}.me-24,.mx-24,.m-24{margin-right:var(--post-core-dimension-24) !important}.me-32,.mx-32,.m-32{margin-right:var(--post-core-dimension-32) !important}.me-40,.mx-40,.m-40{margin-right:var(--post-core-dimension-40) !important}.me-48,.mx-48,.m-48{margin-right:var(--post-core-dimension-48) !important}.me-56,.mx-56,.m-56{margin-right:var(--post-core-dimension-56) !important}.me-64,.mx-64,.m-64{margin-right:var(--post-core-dimension-64) !important}.me-72,.mx-72,.m-72{margin-right:var(--post-core-dimension-72) !important}.me-80,.mx-80,.m-80{margin-right:var(--post-core-dimension-80) !important}.me-88,.mx-88,.m-88{margin-right:var(--post-core-dimension-88) !important}.me-96,.mx-96,.m-96{margin-right:var(--post-core-dimension-96) !important}.me-104,.mx-104,.m-104{margin-right:var(--post-core-dimension-104) !important}.me-auto,.mx-auto,.m-auto{margin-right:auto !important}.mb-0,.my-0,.m-0{margin-bottom:var(--post-core-dimension-0) !important}.mb-1,.my-1,.m-1{margin-bottom:var(--post-core-dimension-1) !important}.mb-2,.my-2,.m-2{margin-bottom:var(--post-core-dimension-2) !important}.mb-4,.my-4,.m-4{margin-bottom:var(--post-core-dimension-4) !important}.mb-6,.my-6,.m-6{margin-bottom:var(--post-core-dimension-6) !important}.mb-8,.my-8,.m-8{margin-bottom:var(--post-core-dimension-8) !important}.mb-12,.my-12,.m-12{margin-bottom:var(--post-core-dimension-12) !important}.mb-16,.my-16,.m-16{margin-bottom:var(--post-core-dimension-16) !important}.mb-24,.my-24,.m-24{margin-bottom:var(--post-core-dimension-24) !important}.mb-32,.my-32,.m-32{margin-bottom:var(--post-core-dimension-32) !important}.mb-40,.my-40,.m-40{margin-bottom:var(--post-core-dimension-40) !important}.mb-48,.my-48,.m-48{margin-bottom:var(--post-core-dimension-48) !important}.mb-56,.my-56,.m-56{margin-bottom:var(--post-core-dimension-56) !important}.mb-64,.my-64,.m-64{margin-bottom:var(--post-core-dimension-64) !important}.mb-72,.my-72,.m-72{margin-bottom:var(--post-core-dimension-72) !important}.mb-80,.my-80,.m-80{margin-bottom:var(--post-core-dimension-80) !important}.mb-88,.my-88,.m-88{margin-bottom:var(--post-core-dimension-88) !important}.mb-96,.my-96,.m-96{margin-bottom:var(--post-core-dimension-96) !important}.mb-104,.my-104,.m-104{margin-bottom:var(--post-core-dimension-104) !important}.mb-auto,.my-auto,.m-auto{margin-bottom:auto !important}.ms-0,.mx-0,.m-0{margin-left:var(--post-core-dimension-0) !important}.ms-1,.mx-1,.m-1{margin-left:var(--post-core-dimension-1) !important}.ms-2,.mx-2,.m-2{margin-left:var(--post-core-dimension-2) !important}.ms-4,.mx-4,.m-4{margin-left:var(--post-core-dimension-4) !important}.ms-6,.mx-6,.m-6{margin-left:var(--post-core-dimension-6) !important}.ms-8,.mx-8,.m-8{margin-left:var(--post-core-dimension-8) !important}.ms-12,.mx-12,.m-12{margin-left:var(--post-core-dimension-12) !important}.ms-16,.mx-16,.m-16{margin-left:var(--post-core-dimension-16) !important}.ms-24,.mx-24,.m-24{margin-left:var(--post-core-dimension-24) !important}.ms-32,.mx-32,.m-32{margin-left:var(--post-core-dimension-32) !important}.ms-40,.mx-40,.m-40{margin-left:var(--post-core-dimension-40) !important}.ms-48,.mx-48,.m-48{margin-left:var(--post-core-dimension-48) !important}.ms-56,.mx-56,.m-56{margin-left:var(--post-core-dimension-56) !important}.ms-64,.mx-64,.m-64{margin-left:var(--post-core-dimension-64) !important}.ms-72,.mx-72,.m-72{margin-left:var(--post-core-dimension-72) !important}.ms-80,.mx-80,.m-80{margin-left:var(--post-core-dimension-80) !important}.ms-88,.mx-88,.m-88{margin-left:var(--post-core-dimension-88) !important}.ms-96,.mx-96,.m-96{margin-left:var(--post-core-dimension-96) !important}.ms-104,.mx-104,.m-104{margin-left:var(--post-core-dimension-104) !important}.ms-auto,.mx-auto,.m-auto{margin-left:auto !important}.pt-0,.py-0,.p-0{padding-top:var(--post-core-dimension-0) !important}.pt-1,.py-1,.p-1{padding-top:var(--post-core-dimension-1) !important}.pt-2,.py-2,.p-2{padding-top:var(--post-core-dimension-2) !important}.pt-4,.py-4,.p-4{padding-top:var(--post-core-dimension-4) !important}.pt-6,.py-6,.p-6{padding-top:var(--post-core-dimension-6) !important}.pt-8,.py-8,.p-8{padding-top:var(--post-core-dimension-8) !important}.pt-12,.py-12,.p-12{padding-top:var(--post-core-dimension-12) !important}.pt-16,.py-16,.p-16{padding-top:var(--post-core-dimension-16) !important}.pt-24,.py-24,.p-24{padding-top:var(--post-core-dimension-24) !important}.pt-32,.py-32,.p-32{padding-top:var(--post-core-dimension-32) !important}.pt-40,.py-40,.p-40{padding-top:var(--post-core-dimension-40) !important}.pt-48,.py-48,.p-48{padding-top:var(--post-core-dimension-48) !important}.pt-56,.py-56,.p-56{padding-top:var(--post-core-dimension-56) !important}.pt-64,.py-64,.p-64{padding-top:var(--post-core-dimension-64) !important}.pt-72,.py-72,.p-72{padding-top:var(--post-core-dimension-72) !important}.pt-80,.py-80,.p-80{padding-top:var(--post-core-dimension-80) !important}.pt-88,.py-88,.p-88{padding-top:var(--post-core-dimension-88) !important}.pt-96,.py-96,.p-96{padding-top:var(--post-core-dimension-96) !important}.pt-104,.py-104,.p-104{padding-top:var(--post-core-dimension-104) !important}.pt-auto,.py-auto,.p-auto{padding-top:auto !important}.pe-0,.px-0,.p-0{padding-right:var(--post-core-dimension-0) !important}.pe-1,.px-1,.p-1{padding-right:var(--post-core-dimension-1) !important}.pe-2,.px-2,.p-2{padding-right:var(--post-core-dimension-2) !important}.pe-4,.px-4,.p-4{padding-right:var(--post-core-dimension-4) !important}.pe-6,.px-6,.p-6{padding-right:var(--post-core-dimension-6) !important}.pe-8,.px-8,.p-8{padding-right:var(--post-core-dimension-8) !important}.pe-12,.px-12,.p-12{padding-right:var(--post-core-dimension-12) !important}.pe-16,.px-16,.p-16{padding-right:var(--post-core-dimension-16) !important}.pe-24,.px-24,.p-24{padding-right:var(--post-core-dimension-24) !important}.pe-32,.px-32,.p-32{padding-right:var(--post-core-dimension-32) !important}.pe-40,.px-40,.p-40{padding-right:var(--post-core-dimension-40) !important}.pe-48,.px-48,.p-48{padding-right:var(--post-core-dimension-48) !important}.pe-56,.px-56,.p-56{padding-right:var(--post-core-dimension-56) !important}.pe-64,.px-64,.p-64{padding-right:var(--post-core-dimension-64) !important}.pe-72,.px-72,.p-72{padding-right:var(--post-core-dimension-72) !important}.pe-80,.px-80,.p-80{padding-right:var(--post-core-dimension-80) !important}.pe-88,.px-88,.p-88{padding-right:var(--post-core-dimension-88) !important}.pe-96,.px-96,.p-96{padding-right:var(--post-core-dimension-96) !important}.pe-104,.px-104,.p-104{padding-right:var(--post-core-dimension-104) !important}.pe-auto,.px-auto,.p-auto{padding-right:auto !important}.pb-0,.py-0,.p-0{padding-bottom:var(--post-core-dimension-0) !important}.pb-1,.py-1,.p-1{padding-bottom:var(--post-core-dimension-1) !important}.pb-2,.py-2,.p-2{padding-bottom:var(--post-core-dimension-2) !important}.pb-4,.py-4,.p-4{padding-bottom:var(--post-core-dimension-4) !important}.pb-6,.py-6,.p-6{padding-bottom:var(--post-core-dimension-6) !important}.pb-8,.py-8,.p-8{padding-bottom:var(--post-core-dimension-8) !important}.pb-12,.py-12,.p-12{padding-bottom:var(--post-core-dimension-12) !important}.pb-16,.py-16,.p-16{padding-bottom:var(--post-core-dimension-16) !important}.pb-24,.py-24,.p-24{padding-bottom:var(--post-core-dimension-24) !important}.pb-32,.py-32,.p-32{padding-bottom:var(--post-core-dimension-32) !important}.pb-40,.py-40,.p-40{padding-bottom:var(--post-core-dimension-40) !important}.pb-48,.py-48,.p-48{padding-bottom:var(--post-core-dimension-48) !important}.pb-56,.py-56,.p-56{padding-bottom:var(--post-core-dimension-56) !important}.pb-64,.py-64,.p-64{padding-bottom:var(--post-core-dimension-64) !important}.pb-72,.py-72,.p-72{padding-bottom:var(--post-core-dimension-72) !important}.pb-80,.py-80,.p-80{padding-bottom:var(--post-core-dimension-80) !important}.pb-88,.py-88,.p-88{padding-bottom:var(--post-core-dimension-88) !important}.pb-96,.py-96,.p-96{padding-bottom:var(--post-core-dimension-96) !important}.pb-104,.py-104,.p-104{padding-bottom:var(--post-core-dimension-104) !important}.pb-auto,.py-auto,.p-auto{padding-bottom:auto !important}.ps-0,.px-0,.p-0{padding-left:var(--post-core-dimension-0) !important}.ps-1,.px-1,.p-1{padding-left:var(--post-core-dimension-1) !important}.ps-2,.px-2,.p-2{padding-left:var(--post-core-dimension-2) !important}.ps-4,.px-4,.p-4{padding-left:var(--post-core-dimension-4) !important}.ps-6,.px-6,.p-6{padding-left:var(--post-core-dimension-6) !important}.ps-8,.px-8,.p-8{padding-left:var(--post-core-dimension-8) !important}.ps-12,.px-12,.p-12{padding-left:var(--post-core-dimension-12) !important}.ps-16,.px-16,.p-16{padding-left:var(--post-core-dimension-16) !important}.ps-24,.px-24,.p-24{padding-left:var(--post-core-dimension-24) !important}.ps-32,.px-32,.p-32{padding-left:var(--post-core-dimension-32) !important}.ps-40,.px-40,.p-40{padding-left:var(--post-core-dimension-40) !important}.ps-48,.px-48,.p-48{padding-left:var(--post-core-dimension-48) !important}.ps-56,.px-56,.p-56{padding-left:var(--post-core-dimension-56) !important}.ps-64,.px-64,.p-64{padding-left:var(--post-core-dimension-64) !important}.ps-72,.px-72,.p-72{padding-left:var(--post-core-dimension-72) !important}.ps-80,.px-80,.p-80{padding-left:var(--post-core-dimension-80) !important}.ps-88,.px-88,.p-88{padding-left:var(--post-core-dimension-88) !important}.ps-96,.px-96,.p-96{padding-left:var(--post-core-dimension-96) !important}.ps-104,.px-104,.p-104{padding-left:var(--post-core-dimension-104) !important}.ps-auto,.px-auto,.p-auto{padding-left:auto !important}.gap-0{gap:var(--post-core-dimension-0) !important}.gap-1{gap:var(--post-core-dimension-1) !important}.gap-2{gap:var(--post-core-dimension-2) !important}.gap-4{gap:var(--post-core-dimension-4) !important}.gap-6{gap:var(--post-core-dimension-6) !important}.gap-8{gap:var(--post-core-dimension-8) !important}.gap-12{gap:var(--post-core-dimension-12) !important}.gap-16{gap:var(--post-core-dimension-16) !important}.gap-24{gap:var(--post-core-dimension-24) !important}.gap-32{gap:var(--post-core-dimension-32) !important}.gap-40{gap:var(--post-core-dimension-40) !important}.gap-48{gap:var(--post-core-dimension-48) !important}.gap-56{gap:var(--post-core-dimension-56) !important}.gap-64{gap:var(--post-core-dimension-64) !important}.gap-72{gap:var(--post-core-dimension-72) !important}.gap-80{gap:var(--post-core-dimension-80) !important}.gap-88{gap:var(--post-core-dimension-88) !important}.gap-96{gap:var(--post-core-dimension-96) !important}.gap-104{gap:var(--post-core-dimension-104) !important}.gap-auto{gap:auto !important}.row-gap-0{row-gap:var(--post-core-dimension-0) !important}.row-gap-1{row-gap:var(--post-core-dimension-1) !important}.row-gap-2{row-gap:var(--post-core-dimension-2) !important}.row-gap-4{row-gap:var(--post-core-dimension-4) !important}.row-gap-6{row-gap:var(--post-core-dimension-6) !important}.row-gap-8{row-gap:var(--post-core-dimension-8) !important}.row-gap-12{row-gap:var(--post-core-dimension-12) !important}.row-gap-16{row-gap:var(--post-core-dimension-16) !important}.row-gap-24{row-gap:var(--post-core-dimension-24) !important}.row-gap-32{row-gap:var(--post-core-dimension-32) !important}.row-gap-40{row-gap:var(--post-core-dimension-40) !important}.row-gap-48{row-gap:var(--post-core-dimension-48) !important}.row-gap-56{row-gap:var(--post-core-dimension-56) !important}.row-gap-64{row-gap:var(--post-core-dimension-64) !important}.row-gap-72{row-gap:var(--post-core-dimension-72) !important}.row-gap-80{row-gap:var(--post-core-dimension-80) !important}.row-gap-88{row-gap:var(--post-core-dimension-88) !important}.row-gap-96{row-gap:var(--post-core-dimension-96) !important}.row-gap-104{row-gap:var(--post-core-dimension-104) !important}.row-gap-auto{row-gap:auto !important}.column-gap-0{column-gap:var(--post-core-dimension-0) !important}.column-gap-1{column-gap:var(--post-core-dimension-1) !important}.column-gap-2{column-gap:var(--post-core-dimension-2) !important}.column-gap-4{column-gap:var(--post-core-dimension-4) !important}.column-gap-6{column-gap:var(--post-core-dimension-6) !important}.column-gap-8{column-gap:var(--post-core-dimension-8) !important}.column-gap-12{column-gap:var(--post-core-dimension-12) !important}.column-gap-16{column-gap:var(--post-core-dimension-16) !important}.column-gap-24{column-gap:var(--post-core-dimension-24) !important}.column-gap-32{column-gap:var(--post-core-dimension-32) !important}.column-gap-40{column-gap:var(--post-core-dimension-40) !important}.column-gap-48{column-gap:var(--post-core-dimension-48) !important}.column-gap-56{column-gap:var(--post-core-dimension-56) !important}.column-gap-64{column-gap:var(--post-core-dimension-64) !important}.column-gap-72{column-gap:var(--post-core-dimension-72) !important}.column-gap-80{column-gap:var(--post-core-dimension-80) !important}.column-gap-88{column-gap:var(--post-core-dimension-88) !important}.column-gap-96{column-gap:var(--post-core-dimension-96) !important}.column-gap-104{column-gap:var(--post-core-dimension-104) !important}.column-gap-auto{column-gap:auto !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{inset-block-start:0 !important}.top-50{inset-block-start:50% !important}.top-100{inset-block-start:100% !important}.bottom-0{inset-block-end:0 !important}.bottom-50{inset-block-end:50% !important}.bottom-100{inset-block-end:100% !important}.start-0{inset-inline-start:0 !important}.start-50{inset-inline-start:50% !important}.start-100{inset-inline-start:100% !important}.end-0{inset-inline-end:0 !important}.end-50{inset-inline-end:50% !important}.end-100{inset-inline-end:100% !important}.translate-middle{transform:translate(-50%, -50%) !important}.translate-middle-x{transform:translateX(-50%) !important}.translate-middle-y{transform:translateY(-50%) !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}.font-sans-serif{font-family:var(--post-device-font-family-default),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}.fst-italic{font-style:italic !important}.fst-normal{font-style:normal !important}.fw-black{font-weight:var(--post-core-font-weight-900) !important}.fw-bold{font-weight:var(--post-core-font-weight-700) !important}.fw-normal{font-weight:var(--post-core-font-weight-400) !important}.lh-1{line-height:var(--post-core-line-height-100) !important}.lh-sm{line-height:var(--post-core-line-height-120) !important}.lh-lg{line-height:var(--post-core-line-height-150) !important}.text-start{text-align:left !important}.text-end{text-align:right !important}.text-center{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-decoration-underline{text-decoration:underline !important}.text-decoration-line-through{text-decoration:line-through !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-wrap:break-word !important;word-break:break-word !important}.elevation-100{box-shadow:var(--post-device-elevation-100) !important}.elevation-200{box-shadow:var(--post-device-elevation-200) !important}.elevation-300{box-shadow:var(--post-device-elevation-300) !important}.elevation-400{box-shadow:var(--post-device-elevation-400) !important}.elevation-500{box-shadow:var(--post-device-elevation-500) !important}.fs-1{font-size:var(--post-device-font-size-1) !important}.fs-2{font-size:var(--post-device-font-size-2) !important}.fs-3{font-size:var(--post-device-font-size-3) !important}.fs-4{font-size:var(--post-device-font-size-4) !important}.fs-5{font-size:var(--post-device-font-size-5) !important}.fs-6{font-size:var(--post-device-font-size-6) !important}.fs-7{font-size:var(--post-device-font-size-7) !important}.fs-8{font-size:var(--post-device-font-size-8) !important}.fs-9{font-size:var(--post-device-font-size-9) !important}.fs-10{font-size:var(--post-device-font-size-10) !important}.fs-11{font-size:var(--post-device-font-size-11) !important}.text-reset{color:inherit !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.pe-none{pointer-events:none !important}.pe-auto{pointer-events:auto !important}.z-n1{z-index:-1 !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-spinner{z-index:990 !important}.z-header{z-index:1020 !important}.z-toast{z-index:1080 !important}.z-fixed{z-index:1030 !important}.small{font-size:80% !important}@media screen and (min-width: 600px){.gx-sm-0,.g-sm-0{--post-grid-gutter-x:var(--post-core-dimension-0) !important}.gx-sm-1,.g-sm-1{--post-grid-gutter-x:var(--post-core-dimension-1) !important}.gx-sm-2,.g-sm-2{--post-grid-gutter-x:var(--post-core-dimension-2) !important}.gx-sm-4,.g-sm-4{--post-grid-gutter-x:var(--post-core-dimension-4) !important}.gx-sm-6,.g-sm-6{--post-grid-gutter-x:var(--post-core-dimension-6) !important}.gx-sm-8,.g-sm-8{--post-grid-gutter-x:var(--post-core-dimension-8) !important}.gx-sm-12,.g-sm-12{--post-grid-gutter-x:var(--post-core-dimension-12) !important}.gx-sm-16,.g-sm-16{--post-grid-gutter-x:var(--post-core-dimension-16) !important}.gx-sm-24,.g-sm-24{--post-grid-gutter-x:var(--post-core-dimension-24) !important}.gx-sm-32,.g-sm-32{--post-grid-gutter-x:var(--post-core-dimension-32) !important}.gx-sm-40,.g-sm-40{--post-grid-gutter-x:var(--post-core-dimension-40) !important}.gx-sm-48,.g-sm-48{--post-grid-gutter-x:var(--post-core-dimension-48) !important}.gx-sm-56,.g-sm-56{--post-grid-gutter-x:var(--post-core-dimension-56) !important}.gx-sm-64,.g-sm-64{--post-grid-gutter-x:var(--post-core-dimension-64) !important}.gx-sm-72,.g-sm-72{--post-grid-gutter-x:var(--post-core-dimension-72) !important}.gx-sm-80,.g-sm-80{--post-grid-gutter-x:var(--post-core-dimension-80) !important}.gx-sm-88,.g-sm-88{--post-grid-gutter-x:var(--post-core-dimension-88) !important}.gx-sm-96,.g-sm-96{--post-grid-gutter-x:var(--post-core-dimension-96) !important}.gx-sm-104,.g-sm-104{--post-grid-gutter-x:var(--post-core-dimension-104) !important}.gx-sm-auto,.g-sm-auto{--post-grid-gutter-x:auto !important}.gy-sm-0,.g-sm-0{--post-grid-gutter-y:var(--post-core-dimension-0) !important}.gy-sm-1,.g-sm-1{--post-grid-gutter-y:var(--post-core-dimension-1) !important}.gy-sm-2,.g-sm-2{--post-grid-gutter-y:var(--post-core-dimension-2) !important}.gy-sm-4,.g-sm-4{--post-grid-gutter-y:var(--post-core-dimension-4) !important}.gy-sm-6,.g-sm-6{--post-grid-gutter-y:var(--post-core-dimension-6) !important}.gy-sm-8,.g-sm-8{--post-grid-gutter-y:var(--post-core-dimension-8) !important}.gy-sm-12,.g-sm-12{--post-grid-gutter-y:var(--post-core-dimension-12) !important}.gy-sm-16,.g-sm-16{--post-grid-gutter-y:var(--post-core-dimension-16) !important}.gy-sm-24,.g-sm-24{--post-grid-gutter-y:var(--post-core-dimension-24) !important}.gy-sm-32,.g-sm-32{--post-grid-gutter-y:var(--post-core-dimension-32) !important}.gy-sm-40,.g-sm-40{--post-grid-gutter-y:var(--post-core-dimension-40) !important}.gy-sm-48,.g-sm-48{--post-grid-gutter-y:var(--post-core-dimension-48) !important}.gy-sm-56,.g-sm-56{--post-grid-gutter-y:var(--post-core-dimension-56) !important}.gy-sm-64,.g-sm-64{--post-grid-gutter-y:var(--post-core-dimension-64) !important}.gy-sm-72,.g-sm-72{--post-grid-gutter-y:var(--post-core-dimension-72) !important}.gy-sm-80,.g-sm-80{--post-grid-gutter-y:var(--post-core-dimension-80) !important}.gy-sm-88,.g-sm-88{--post-grid-gutter-y:var(--post-core-dimension-88) !important}.gy-sm-96,.g-sm-96{--post-grid-gutter-y:var(--post-core-dimension-96) !important}.gy-sm-104,.g-sm-104{--post-grid-gutter-y:var(--post-core-dimension-104) !important}.gy-sm-auto,.g-sm-auto{--post-grid-gutter-y:auto !important}.w-sm-0{width:var(--post-core-dimension-0) !important}.w-sm-1{width:var(--post-core-dimension-1) !important}.w-sm-2{width:var(--post-core-dimension-2) !important}.w-sm-4{width:var(--post-core-dimension-4) !important}.w-sm-6{width:var(--post-core-dimension-6) !important}.w-sm-8{width:var(--post-core-dimension-8) !important}.w-sm-12{width:var(--post-core-dimension-12) !important}.w-sm-16{width:var(--post-core-dimension-16) !important}.w-sm-24{width:var(--post-core-dimension-24) !important}.w-sm-32{width:var(--post-core-dimension-32) !important}.w-sm-40{width:var(--post-core-dimension-40) !important}.w-sm-48{width:var(--post-core-dimension-48) !important}.w-sm-56{width:var(--post-core-dimension-56) !important}.w-sm-64{width:var(--post-core-dimension-64) !important}.w-sm-72{width:var(--post-core-dimension-72) !important}.w-sm-80{width:var(--post-core-dimension-80) !important}.w-sm-88{width:var(--post-core-dimension-88) !important}.w-sm-96{width:var(--post-core-dimension-96) !important}.w-sm-104{width:var(--post-core-dimension-104) !important}.w-sm-auto{width:auto !important}.w-sm-quarter{width:25% !important}.w-sm-third{width:33% !important}.w-sm-half{width:50% !important}.w-sm-two-thirds{width:66% !important}.w-sm-three-quarters{width:75% !important}.w-sm-full{width:100% !important}.h-sm-0{height:var(--post-core-dimension-0) !important}.h-sm-1{height:var(--post-core-dimension-1) !important}.h-sm-2{height:var(--post-core-dimension-2) !important}.h-sm-4{height:var(--post-core-dimension-4) !important}.h-sm-6{height:var(--post-core-dimension-6) !important}.h-sm-8{height:var(--post-core-dimension-8) !important}.h-sm-12{height:var(--post-core-dimension-12) !important}.h-sm-16{height:var(--post-core-dimension-16) !important}.h-sm-24{height:var(--post-core-dimension-24) !important}.h-sm-32{height:var(--post-core-dimension-32) !important}.h-sm-40{height:var(--post-core-dimension-40) !important}.h-sm-48{height:var(--post-core-dimension-48) !important}.h-sm-56{height:var(--post-core-dimension-56) !important}.h-sm-64{height:var(--post-core-dimension-64) !important}.h-sm-72{height:var(--post-core-dimension-72) !important}.h-sm-80{height:var(--post-core-dimension-80) !important}.h-sm-88{height:var(--post-core-dimension-88) !important}.h-sm-96{height:var(--post-core-dimension-96) !important}.h-sm-104{height:var(--post-core-dimension-104) !important}.h-sm-auto{height:auto !important}.h-sm-quarter{height:25% !important}.h-sm-third{height:33% !important}.h-sm-half{height:50% !important}.h-sm-two-thirds{height:66% !important}.h-sm-three-quarters{height:75% !important}.h-sm-full{height:100% !important}.max-w-sm-0{max-width:var(--post-core-dimension-0) !important}.max-w-sm-1{max-width:var(--post-core-dimension-1) !important}.max-w-sm-2{max-width:var(--post-core-dimension-2) !important}.max-w-sm-4{max-width:var(--post-core-dimension-4) !important}.max-w-sm-6{max-width:var(--post-core-dimension-6) !important}.max-w-sm-8{max-width:var(--post-core-dimension-8) !important}.max-w-sm-12{max-width:var(--post-core-dimension-12) !important}.max-w-sm-16{max-width:var(--post-core-dimension-16) !important}.max-w-sm-24{max-width:var(--post-core-dimension-24) !important}.max-w-sm-32{max-width:var(--post-core-dimension-32) !important}.max-w-sm-40{max-width:var(--post-core-dimension-40) !important}.max-w-sm-48{max-width:var(--post-core-dimension-48) !important}.max-w-sm-56{max-width:var(--post-core-dimension-56) !important}.max-w-sm-64{max-width:var(--post-core-dimension-64) !important}.max-w-sm-72{max-width:var(--post-core-dimension-72) !important}.max-w-sm-80{max-width:var(--post-core-dimension-80) !important}.max-w-sm-88{max-width:var(--post-core-dimension-88) !important}.max-w-sm-96{max-width:var(--post-core-dimension-96) !important}.max-w-sm-104{max-width:var(--post-core-dimension-104) !important}.max-w-sm-auto{max-width:auto !important}.max-w-sm-quarter{max-width:25% !important}.max-w-sm-third{max-width:33% !important}.max-w-sm-half{max-width:50% !important}.max-w-sm-two-thirds{max-width:66% !important}.max-w-sm-three-quarters{max-width:75% !important}.max-w-sm-full{max-width:100% !important}.max-h-sm-0{max-height:var(--post-core-dimension-0) !important}.max-h-sm-1{max-height:var(--post-core-dimension-1) !important}.max-h-sm-2{max-height:var(--post-core-dimension-2) !important}.max-h-sm-4{max-height:var(--post-core-dimension-4) !important}.max-h-sm-6{max-height:var(--post-core-dimension-6) !important}.max-h-sm-8{max-height:var(--post-core-dimension-8) !important}.max-h-sm-12{max-height:var(--post-core-dimension-12) !important}.max-h-sm-16{max-height:var(--post-core-dimension-16) !important}.max-h-sm-24{max-height:var(--post-core-dimension-24) !important}.max-h-sm-32{max-height:var(--post-core-dimension-32) !important}.max-h-sm-40{max-height:var(--post-core-dimension-40) !important}.max-h-sm-48{max-height:var(--post-core-dimension-48) !important}.max-h-sm-56{max-height:var(--post-core-dimension-56) !important}.max-h-sm-64{max-height:var(--post-core-dimension-64) !important}.max-h-sm-72{max-height:var(--post-core-dimension-72) !important}.max-h-sm-80{max-height:var(--post-core-dimension-80) !important}.max-h-sm-88{max-height:var(--post-core-dimension-88) !important}.max-h-sm-96{max-height:var(--post-core-dimension-96) !important}.max-h-sm-104{max-height:var(--post-core-dimension-104) !important}.max-h-sm-auto{max-height:auto !important}.max-h-sm-quarter{max-height:25% !important}.max-h-sm-third{max-height:33% !important}.max-h-sm-half{max-height:50% !important}.max-h-sm-two-thirds{max-height:66% !important}.max-h-sm-three-quarters{max-height:75% !important}.max-h-sm-full{max-height:100% !important}.min-w-sm-0{min-width:var(--post-core-dimension-0) !important}.min-w-sm-1{min-width:var(--post-core-dimension-1) !important}.min-w-sm-2{min-width:var(--post-core-dimension-2) !important}.min-w-sm-4{min-width:var(--post-core-dimension-4) !important}.min-w-sm-6{min-width:var(--post-core-dimension-6) !important}.min-w-sm-8{min-width:var(--post-core-dimension-8) !important}.min-w-sm-12{min-width:var(--post-core-dimension-12) !important}.min-w-sm-16{min-width:var(--post-core-dimension-16) !important}.min-w-sm-24{min-width:var(--post-core-dimension-24) !important}.min-w-sm-32{min-width:var(--post-core-dimension-32) !important}.min-w-sm-40{min-width:var(--post-core-dimension-40) !important}.min-w-sm-48{min-width:var(--post-core-dimension-48) !important}.min-w-sm-56{min-width:var(--post-core-dimension-56) !important}.min-w-sm-64{min-width:var(--post-core-dimension-64) !important}.min-w-sm-72{min-width:var(--post-core-dimension-72) !important}.min-w-sm-80{min-width:var(--post-core-dimension-80) !important}.min-w-sm-88{min-width:var(--post-core-dimension-88) !important}.min-w-sm-96{min-width:var(--post-core-dimension-96) !important}.min-w-sm-104{min-width:var(--post-core-dimension-104) !important}.min-w-sm-auto{min-width:auto !important}.min-w-sm-quarter{min-width:25% !important}.min-w-sm-third{min-width:33% !important}.min-w-sm-half{min-width:50% !important}.min-w-sm-two-thirds{min-width:66% !important}.min-w-sm-three-quarters{min-width:75% !important}.min-w-sm-full{min-width:100% !important}.min-h-sm-0{min-height:var(--post-core-dimension-0) !important}.min-h-sm-1{min-height:var(--post-core-dimension-1) !important}.min-h-sm-2{min-height:var(--post-core-dimension-2) !important}.min-h-sm-4{min-height:var(--post-core-dimension-4) !important}.min-h-sm-6{min-height:var(--post-core-dimension-6) !important}.min-h-sm-8{min-height:var(--post-core-dimension-8) !important}.min-h-sm-12{min-height:var(--post-core-dimension-12) !important}.min-h-sm-16{min-height:var(--post-core-dimension-16) !important}.min-h-sm-24{min-height:var(--post-core-dimension-24) !important}.min-h-sm-32{min-height:var(--post-core-dimension-32) !important}.min-h-sm-40{min-height:var(--post-core-dimension-40) !important}.min-h-sm-48{min-height:var(--post-core-dimension-48) !important}.min-h-sm-56{min-height:var(--post-core-dimension-56) !important}.min-h-sm-64{min-height:var(--post-core-dimension-64) !important}.min-h-sm-72{min-height:var(--post-core-dimension-72) !important}.min-h-sm-80{min-height:var(--post-core-dimension-80) !important}.min-h-sm-88{min-height:var(--post-core-dimension-88) !important}.min-h-sm-96{min-height:var(--post-core-dimension-96) !important}.min-h-sm-104{min-height:var(--post-core-dimension-104) !important}.min-h-sm-auto{min-height:auto !important}.min-h-sm-quarter{min-height:25% !important}.min-h-sm-third{min-height:33% !important}.min-h-sm-half{min-height:50% !important}.min-h-sm-two-thirds{min-height:66% !important}.min-h-sm-three-quarters{min-height:75% !important}.min-h-sm-full{min-height:100% !important}.vw-sm-quarter{width:25vw !important}.vw-sm-third{width:33vw !important}.vw-sm-half{width:50vw !important}.vw-sm-two-thirds{width:66vw !important}.vw-sm-three-quarters{width:75vw !important}.vw-sm-full{width:100vw !important}.vh-sm-quarter{height:25vh !important}.vh-sm-third{height:33vh !important}.vh-sm-half{height:50vh !important}.vh-sm-two-thirds{height:66vh !important}.vh-sm-three-quarters{height:75vh !important}.vh-sm-full{height:100vh !important}.min-vw-sm-quarter{min-width:25vw !important}.min-vw-sm-third{min-width:33vw !important}.min-vw-sm-half{min-width:50vw !important}.min-vw-sm-two-thirds{min-width:66vw !important}.min-vw-sm-three-quarters{min-width:75vw !important}.min-vw-sm-full{min-width:100vw !important}.min-vh-sm-quarter{min-height:25vh !important}.min-vh-sm-third{min-height:33vh !important}.min-vh-sm-half{min-height:50vh !important}.min-vh-sm-two-thirds{min-height:66vh !important}.min-vh-sm-three-quarters{min-height:75vh !important}.min-vh-sm-full{min-height:100vh !important}.max-vw-sm-quarter{max-width:25vw !important}.max-vw-sm-third{max-width:33vw !important}.max-vw-sm-half{max-width:50vw !important}.max-vw-sm-two-thirds{max-width:66vw !important}.max-vw-sm-three-quarters{max-width:75vw !important}.max-vw-sm-full{max-width:100vw !important}.max-vh-sm-quarter{max-height:25vh !important}.max-vh-sm-third{max-height:33vh !important}.max-vh-sm-half{max-height:50vh !important}.max-vh-sm-two-thirds{max-height:66vh !important}.max-vh-sm-three-quarters{max-height:75vh !important}.max-vh-sm-full{max-height:100vh !important}.float-sm-start{float:inline-start !important}.float-sm-end{float:inline-end !important}.float-sm-none{float:none !important}.mt-sm-0,.my-sm-0,.m-sm-0{margin-top:var(--post-core-dimension-0) !important}.mt-sm-1,.my-sm-1,.m-sm-1{margin-top:var(--post-core-dimension-1) !important}.mt-sm-2,.my-sm-2,.m-sm-2{margin-top:var(--post-core-dimension-2) !important}.mt-sm-4,.my-sm-4,.m-sm-4{margin-top:var(--post-core-dimension-4) !important}.mt-sm-6,.my-sm-6,.m-sm-6{margin-top:var(--post-core-dimension-6) !important}.mt-sm-8,.my-sm-8,.m-sm-8{margin-top:var(--post-core-dimension-8) !important}.mt-sm-12,.my-sm-12,.m-sm-12{margin-top:var(--post-core-dimension-12) !important}.mt-sm-16,.my-sm-16,.m-sm-16{margin-top:var(--post-core-dimension-16) !important}.mt-sm-24,.my-sm-24,.m-sm-24{margin-top:var(--post-core-dimension-24) !important}.mt-sm-32,.my-sm-32,.m-sm-32{margin-top:var(--post-core-dimension-32) !important}.mt-sm-40,.my-sm-40,.m-sm-40{margin-top:var(--post-core-dimension-40) !important}.mt-sm-48,.my-sm-48,.m-sm-48{margin-top:var(--post-core-dimension-48) !important}.mt-sm-56,.my-sm-56,.m-sm-56{margin-top:var(--post-core-dimension-56) !important}.mt-sm-64,.my-sm-64,.m-sm-64{margin-top:var(--post-core-dimension-64) !important}.mt-sm-72,.my-sm-72,.m-sm-72{margin-top:var(--post-core-dimension-72) !important}.mt-sm-80,.my-sm-80,.m-sm-80{margin-top:var(--post-core-dimension-80) !important}.mt-sm-88,.my-sm-88,.m-sm-88{margin-top:var(--post-core-dimension-88) !important}.mt-sm-96,.my-sm-96,.m-sm-96{margin-top:var(--post-core-dimension-96) !important}.mt-sm-104,.my-sm-104,.m-sm-104{margin-top:var(--post-core-dimension-104) !important}.mt-sm-auto,.my-sm-auto,.m-sm-auto{margin-top:auto !important}.me-sm-0,.mx-sm-0,.m-sm-0{margin-right:var(--post-core-dimension-0) !important}.me-sm-1,.mx-sm-1,.m-sm-1{margin-right:var(--post-core-dimension-1) !important}.me-sm-2,.mx-sm-2,.m-sm-2{margin-right:var(--post-core-dimension-2) !important}.me-sm-4,.mx-sm-4,.m-sm-4{margin-right:var(--post-core-dimension-4) !important}.me-sm-6,.mx-sm-6,.m-sm-6{margin-right:var(--post-core-dimension-6) !important}.me-sm-8,.mx-sm-8,.m-sm-8{margin-right:var(--post-core-dimension-8) !important}.me-sm-12,.mx-sm-12,.m-sm-12{margin-right:var(--post-core-dimension-12) !important}.me-sm-16,.mx-sm-16,.m-sm-16{margin-right:var(--post-core-dimension-16) !important}.me-sm-24,.mx-sm-24,.m-sm-24{margin-right:var(--post-core-dimension-24) !important}.me-sm-32,.mx-sm-32,.m-sm-32{margin-right:var(--post-core-dimension-32) !important}.me-sm-40,.mx-sm-40,.m-sm-40{margin-right:var(--post-core-dimension-40) !important}.me-sm-48,.mx-sm-48,.m-sm-48{margin-right:var(--post-core-dimension-48) !important}.me-sm-56,.mx-sm-56,.m-sm-56{margin-right:var(--post-core-dimension-56) !important}.me-sm-64,.mx-sm-64,.m-sm-64{margin-right:var(--post-core-dimension-64) !important}.me-sm-72,.mx-sm-72,.m-sm-72{margin-right:var(--post-core-dimension-72) !important}.me-sm-80,.mx-sm-80,.m-sm-80{margin-right:var(--post-core-dimension-80) !important}.me-sm-88,.mx-sm-88,.m-sm-88{margin-right:var(--post-core-dimension-88) !important}.me-sm-96,.mx-sm-96,.m-sm-96{margin-right:var(--post-core-dimension-96) !important}.me-sm-104,.mx-sm-104,.m-sm-104{margin-right:var(--post-core-dimension-104) !important}.me-sm-auto,.mx-sm-auto,.m-sm-auto{margin-right:auto !important}.mb-sm-0,.my-sm-0,.m-sm-0{margin-bottom:var(--post-core-dimension-0) !important}.mb-sm-1,.my-sm-1,.m-sm-1{margin-bottom:var(--post-core-dimension-1) !important}.mb-sm-2,.my-sm-2,.m-sm-2{margin-bottom:var(--post-core-dimension-2) !important}.mb-sm-4,.my-sm-4,.m-sm-4{margin-bottom:var(--post-core-dimension-4) !important}.mb-sm-6,.my-sm-6,.m-sm-6{margin-bottom:var(--post-core-dimension-6) !important}.mb-sm-8,.my-sm-8,.m-sm-8{margin-bottom:var(--post-core-dimension-8) !important}.mb-sm-12,.my-sm-12,.m-sm-12{margin-bottom:var(--post-core-dimension-12) !important}.mb-sm-16,.my-sm-16,.m-sm-16{margin-bottom:var(--post-core-dimension-16) !important}.mb-sm-24,.my-sm-24,.m-sm-24{margin-bottom:var(--post-core-dimension-24) !important}.mb-sm-32,.my-sm-32,.m-sm-32{margin-bottom:var(--post-core-dimension-32) !important}.mb-sm-40,.my-sm-40,.m-sm-40{margin-bottom:var(--post-core-dimension-40) !important}.mb-sm-48,.my-sm-48,.m-sm-48{margin-bottom:var(--post-core-dimension-48) !important}.mb-sm-56,.my-sm-56,.m-sm-56{margin-bottom:var(--post-core-dimension-56) !important}.mb-sm-64,.my-sm-64,.m-sm-64{margin-bottom:var(--post-core-dimension-64) !important}.mb-sm-72,.my-sm-72,.m-sm-72{margin-bottom:var(--post-core-dimension-72) !important}.mb-sm-80,.my-sm-80,.m-sm-80{margin-bottom:var(--post-core-dimension-80) !important}.mb-sm-88,.my-sm-88,.m-sm-88{margin-bottom:var(--post-core-dimension-88) !important}.mb-sm-96,.my-sm-96,.m-sm-96{margin-bottom:var(--post-core-dimension-96) !important}.mb-sm-104,.my-sm-104,.m-sm-104{margin-bottom:var(--post-core-dimension-104) !important}.mb-sm-auto,.my-sm-auto,.m-sm-auto{margin-bottom:auto !important}.ms-sm-0,.mx-sm-0,.m-sm-0{margin-left:var(--post-core-dimension-0) !important}.ms-sm-1,.mx-sm-1,.m-sm-1{margin-left:var(--post-core-dimension-1) !important}.ms-sm-2,.mx-sm-2,.m-sm-2{margin-left:var(--post-core-dimension-2) !important}.ms-sm-4,.mx-sm-4,.m-sm-4{margin-left:var(--post-core-dimension-4) !important}.ms-sm-6,.mx-sm-6,.m-sm-6{margin-left:var(--post-core-dimension-6) !important}.ms-sm-8,.mx-sm-8,.m-sm-8{margin-left:var(--post-core-dimension-8) !important}.ms-sm-12,.mx-sm-12,.m-sm-12{margin-left:var(--post-core-dimension-12) !important}.ms-sm-16,.mx-sm-16,.m-sm-16{margin-left:var(--post-core-dimension-16) !important}.ms-sm-24,.mx-sm-24,.m-sm-24{margin-left:var(--post-core-dimension-24) !important}.ms-sm-32,.mx-sm-32,.m-sm-32{margin-left:var(--post-core-dimension-32) !important}.ms-sm-40,.mx-sm-40,.m-sm-40{margin-left:var(--post-core-dimension-40) !important}.ms-sm-48,.mx-sm-48,.m-sm-48{margin-left:var(--post-core-dimension-48) !important}.ms-sm-56,.mx-sm-56,.m-sm-56{margin-left:var(--post-core-dimension-56) !important}.ms-sm-64,.mx-sm-64,.m-sm-64{margin-left:var(--post-core-dimension-64) !important}.ms-sm-72,.mx-sm-72,.m-sm-72{margin-left:var(--post-core-dimension-72) !important}.ms-sm-80,.mx-sm-80,.m-sm-80{margin-left:var(--post-core-dimension-80) !important}.ms-sm-88,.mx-sm-88,.m-sm-88{margin-left:var(--post-core-dimension-88) !important}.ms-sm-96,.mx-sm-96,.m-sm-96{margin-left:var(--post-core-dimension-96) !important}.ms-sm-104,.mx-sm-104,.m-sm-104{margin-left:var(--post-core-dimension-104) !important}.ms-sm-auto,.mx-sm-auto,.m-sm-auto{margin-left:auto !important}.pt-sm-0,.py-sm-0,.p-sm-0{padding-top:var(--post-core-dimension-0) !important}.pt-sm-1,.py-sm-1,.p-sm-1{padding-top:var(--post-core-dimension-1) !important}.pt-sm-2,.py-sm-2,.p-sm-2{padding-top:var(--post-core-dimension-2) !important}.pt-sm-4,.py-sm-4,.p-sm-4{padding-top:var(--post-core-dimension-4) !important}.pt-sm-6,.py-sm-6,.p-sm-6{padding-top:var(--post-core-dimension-6) !important}.pt-sm-8,.py-sm-8,.p-sm-8{padding-top:var(--post-core-dimension-8) !important}.pt-sm-12,.py-sm-12,.p-sm-12{padding-top:var(--post-core-dimension-12) !important}.pt-sm-16,.py-sm-16,.p-sm-16{padding-top:var(--post-core-dimension-16) !important}.pt-sm-24,.py-sm-24,.p-sm-24{padding-top:var(--post-core-dimension-24) !important}.pt-sm-32,.py-sm-32,.p-sm-32{padding-top:var(--post-core-dimension-32) !important}.pt-sm-40,.py-sm-40,.p-sm-40{padding-top:var(--post-core-dimension-40) !important}.pt-sm-48,.py-sm-48,.p-sm-48{padding-top:var(--post-core-dimension-48) !important}.pt-sm-56,.py-sm-56,.p-sm-56{padding-top:var(--post-core-dimension-56) !important}.pt-sm-64,.py-sm-64,.p-sm-64{padding-top:var(--post-core-dimension-64) !important}.pt-sm-72,.py-sm-72,.p-sm-72{padding-top:var(--post-core-dimension-72) !important}.pt-sm-80,.py-sm-80,.p-sm-80{padding-top:var(--post-core-dimension-80) !important}.pt-sm-88,.py-sm-88,.p-sm-88{padding-top:var(--post-core-dimension-88) !important}.pt-sm-96,.py-sm-96,.p-sm-96{padding-top:var(--post-core-dimension-96) !important}.pt-sm-104,.py-sm-104,.p-sm-104{padding-top:var(--post-core-dimension-104) !important}.pt-sm-auto,.py-sm-auto,.p-sm-auto{padding-top:auto !important}.pe-sm-0,.px-sm-0,.p-sm-0{padding-right:var(--post-core-dimension-0) !important}.pe-sm-1,.px-sm-1,.p-sm-1{padding-right:var(--post-core-dimension-1) !important}.pe-sm-2,.px-sm-2,.p-sm-2{padding-right:var(--post-core-dimension-2) !important}.pe-sm-4,.px-sm-4,.p-sm-4{padding-right:var(--post-core-dimension-4) !important}.pe-sm-6,.px-sm-6,.p-sm-6{padding-right:var(--post-core-dimension-6) !important}.pe-sm-8,.px-sm-8,.p-sm-8{padding-right:var(--post-core-dimension-8) !important}.pe-sm-12,.px-sm-12,.p-sm-12{padding-right:var(--post-core-dimension-12) !important}.pe-sm-16,.px-sm-16,.p-sm-16{padding-right:var(--post-core-dimension-16) !important}.pe-sm-24,.px-sm-24,.p-sm-24{padding-right:var(--post-core-dimension-24) !important}.pe-sm-32,.px-sm-32,.p-sm-32{padding-right:var(--post-core-dimension-32) !important}.pe-sm-40,.px-sm-40,.p-sm-40{padding-right:var(--post-core-dimension-40) !important}.pe-sm-48,.px-sm-48,.p-sm-48{padding-right:var(--post-core-dimension-48) !important}.pe-sm-56,.px-sm-56,.p-sm-56{padding-right:var(--post-core-dimension-56) !important}.pe-sm-64,.px-sm-64,.p-sm-64{padding-right:var(--post-core-dimension-64) !important}.pe-sm-72,.px-sm-72,.p-sm-72{padding-right:var(--post-core-dimension-72) !important}.pe-sm-80,.px-sm-80,.p-sm-80{padding-right:var(--post-core-dimension-80) !important}.pe-sm-88,.px-sm-88,.p-sm-88{padding-right:var(--post-core-dimension-88) !important}.pe-sm-96,.px-sm-96,.p-sm-96{padding-right:var(--post-core-dimension-96) !important}.pe-sm-104,.px-sm-104,.p-sm-104{padding-right:var(--post-core-dimension-104) !important}.pe-sm-auto,.px-sm-auto,.p-sm-auto{padding-right:auto !important}.pb-sm-0,.py-sm-0,.p-sm-0{padding-bottom:var(--post-core-dimension-0) !important}.pb-sm-1,.py-sm-1,.p-sm-1{padding-bottom:var(--post-core-dimension-1) !important}.pb-sm-2,.py-sm-2,.p-sm-2{padding-bottom:var(--post-core-dimension-2) !important}.pb-sm-4,.py-sm-4,.p-sm-4{padding-bottom:var(--post-core-dimension-4) !important}.pb-sm-6,.py-sm-6,.p-sm-6{padding-bottom:var(--post-core-dimension-6) !important}.pb-sm-8,.py-sm-8,.p-sm-8{padding-bottom:var(--post-core-dimension-8) !important}.pb-sm-12,.py-sm-12,.p-sm-12{padding-bottom:var(--post-core-dimension-12) !important}.pb-sm-16,.py-sm-16,.p-sm-16{padding-bottom:var(--post-core-dimension-16) !important}.pb-sm-24,.py-sm-24,.p-sm-24{padding-bottom:var(--post-core-dimension-24) !important}.pb-sm-32,.py-sm-32,.p-sm-32{padding-bottom:var(--post-core-dimension-32) !important}.pb-sm-40,.py-sm-40,.p-sm-40{padding-bottom:var(--post-core-dimension-40) !important}.pb-sm-48,.py-sm-48,.p-sm-48{padding-bottom:var(--post-core-dimension-48) !important}.pb-sm-56,.py-sm-56,.p-sm-56{padding-bottom:var(--post-core-dimension-56) !important}.pb-sm-64,.py-sm-64,.p-sm-64{padding-bottom:var(--post-core-dimension-64) !important}.pb-sm-72,.py-sm-72,.p-sm-72{padding-bottom:var(--post-core-dimension-72) !important}.pb-sm-80,.py-sm-80,.p-sm-80{padding-bottom:var(--post-core-dimension-80) !important}.pb-sm-88,.py-sm-88,.p-sm-88{padding-bottom:var(--post-core-dimension-88) !important}.pb-sm-96,.py-sm-96,.p-sm-96{padding-bottom:var(--post-core-dimension-96) !important}.pb-sm-104,.py-sm-104,.p-sm-104{padding-bottom:var(--post-core-dimension-104) !important}.pb-sm-auto,.py-sm-auto,.p-sm-auto{padding-bottom:auto !important}.ps-sm-0,.px-sm-0,.p-sm-0{padding-left:var(--post-core-dimension-0) !important}.ps-sm-1,.px-sm-1,.p-sm-1{padding-left:var(--post-core-dimension-1) !important}.ps-sm-2,.px-sm-2,.p-sm-2{padding-left:var(--post-core-dimension-2) !important}.ps-sm-4,.px-sm-4,.p-sm-4{padding-left:var(--post-core-dimension-4) !important}.ps-sm-6,.px-sm-6,.p-sm-6{padding-left:var(--post-core-dimension-6) !important}.ps-sm-8,.px-sm-8,.p-sm-8{padding-left:var(--post-core-dimension-8) !important}.ps-sm-12,.px-sm-12,.p-sm-12{padding-left:var(--post-core-dimension-12) !important}.ps-sm-16,.px-sm-16,.p-sm-16{padding-left:var(--post-core-dimension-16) !important}.ps-sm-24,.px-sm-24,.p-sm-24{padding-left:var(--post-core-dimension-24) !important}.ps-sm-32,.px-sm-32,.p-sm-32{padding-left:var(--post-core-dimension-32) !important}.ps-sm-40,.px-sm-40,.p-sm-40{padding-left:var(--post-core-dimension-40) !important}.ps-sm-48,.px-sm-48,.p-sm-48{padding-left:var(--post-core-dimension-48) !important}.ps-sm-56,.px-sm-56,.p-sm-56{padding-left:var(--post-core-dimension-56) !important}.ps-sm-64,.px-sm-64,.p-sm-64{padding-left:var(--post-core-dimension-64) !important}.ps-sm-72,.px-sm-72,.p-sm-72{padding-left:var(--post-core-dimension-72) !important}.ps-sm-80,.px-sm-80,.p-sm-80{padding-left:var(--post-core-dimension-80) !important}.ps-sm-88,.px-sm-88,.p-sm-88{padding-left:var(--post-core-dimension-88) !important}.ps-sm-96,.px-sm-96,.p-sm-96{padding-left:var(--post-core-dimension-96) !important}.ps-sm-104,.px-sm-104,.p-sm-104{padding-left:var(--post-core-dimension-104) !important}.ps-sm-auto,.px-sm-auto,.p-sm-auto{padding-left:auto !important}.gap-sm-0{gap:var(--post-core-dimension-0) !important}.gap-sm-1{gap:var(--post-core-dimension-1) !important}.gap-sm-2{gap:var(--post-core-dimension-2) !important}.gap-sm-4{gap:var(--post-core-dimension-4) !important}.gap-sm-6{gap:var(--post-core-dimension-6) !important}.gap-sm-8{gap:var(--post-core-dimension-8) !important}.gap-sm-12{gap:var(--post-core-dimension-12) !important}.gap-sm-16{gap:var(--post-core-dimension-16) !important}.gap-sm-24{gap:var(--post-core-dimension-24) !important}.gap-sm-32{gap:var(--post-core-dimension-32) !important}.gap-sm-40{gap:var(--post-core-dimension-40) !important}.gap-sm-48{gap:var(--post-core-dimension-48) !important}.gap-sm-56{gap:var(--post-core-dimension-56) !important}.gap-sm-64{gap:var(--post-core-dimension-64) !important}.gap-sm-72{gap:var(--post-core-dimension-72) !important}.gap-sm-80{gap:var(--post-core-dimension-80) !important}.gap-sm-88{gap:var(--post-core-dimension-88) !important}.gap-sm-96{gap:var(--post-core-dimension-96) !important}.gap-sm-104{gap:var(--post-core-dimension-104) !important}.gap-sm-auto{gap:auto !important}.row-gap-sm-0{row-gap:var(--post-core-dimension-0) !important}.row-gap-sm-1{row-gap:var(--post-core-dimension-1) !important}.row-gap-sm-2{row-gap:var(--post-core-dimension-2) !important}.row-gap-sm-4{row-gap:var(--post-core-dimension-4) !important}.row-gap-sm-6{row-gap:var(--post-core-dimension-6) !important}.row-gap-sm-8{row-gap:var(--post-core-dimension-8) !important}.row-gap-sm-12{row-gap:var(--post-core-dimension-12) !important}.row-gap-sm-16{row-gap:var(--post-core-dimension-16) !important}.row-gap-sm-24{row-gap:var(--post-core-dimension-24) !important}.row-gap-sm-32{row-gap:var(--post-core-dimension-32) !important}.row-gap-sm-40{row-gap:var(--post-core-dimension-40) !important}.row-gap-sm-48{row-gap:var(--post-core-dimension-48) !important}.row-gap-sm-56{row-gap:var(--post-core-dimension-56) !important}.row-gap-sm-64{row-gap:var(--post-core-dimension-64) !important}.row-gap-sm-72{row-gap:var(--post-core-dimension-72) !important}.row-gap-sm-80{row-gap:var(--post-core-dimension-80) !important}.row-gap-sm-88{row-gap:var(--post-core-dimension-88) !important}.row-gap-sm-96{row-gap:var(--post-core-dimension-96) !important}.row-gap-sm-104{row-gap:var(--post-core-dimension-104) !important}.row-gap-sm-auto{row-gap:auto !important}.column-gap-sm-0{column-gap:var(--post-core-dimension-0) !important}.column-gap-sm-1{column-gap:var(--post-core-dimension-1) !important}.column-gap-sm-2{column-gap:var(--post-core-dimension-2) !important}.column-gap-sm-4{column-gap:var(--post-core-dimension-4) !important}.column-gap-sm-6{column-gap:var(--post-core-dimension-6) !important}.column-gap-sm-8{column-gap:var(--post-core-dimension-8) !important}.column-gap-sm-12{column-gap:var(--post-core-dimension-12) !important}.column-gap-sm-16{column-gap:var(--post-core-dimension-16) !important}.column-gap-sm-24{column-gap:var(--post-core-dimension-24) !important}.column-gap-sm-32{column-gap:var(--post-core-dimension-32) !important}.column-gap-sm-40{column-gap:var(--post-core-dimension-40) !important}.column-gap-sm-48{column-gap:var(--post-core-dimension-48) !important}.column-gap-sm-56{column-gap:var(--post-core-dimension-56) !important}.column-gap-sm-64{column-gap:var(--post-core-dimension-64) !important}.column-gap-sm-72{column-gap:var(--post-core-dimension-72) !important}.column-gap-sm-80{column-gap:var(--post-core-dimension-80) !important}.column-gap-sm-88{column-gap:var(--post-core-dimension-88) !important}.column-gap-sm-96{column-gap:var(--post-core-dimension-96) !important}.column-gap-sm-104{column-gap:var(--post-core-dimension-104) !important}.column-gap-sm-auto{column-gap:auto !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-inline-grid{display:inline-grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.text-sm-start{text-align:left !important}.text-sm-end{text-align:right !important}.text-sm-center{text-align:center !important}.fs-sm-1{font-size:var(--post-device-font-size-1) !important}.fs-sm-2{font-size:var(--post-device-font-size-2) !important}.fs-sm-3{font-size:var(--post-device-font-size-3) !important}.fs-sm-4{font-size:var(--post-device-font-size-4) !important}.fs-sm-5{font-size:var(--post-device-font-size-5) !important}.fs-sm-6{font-size:var(--post-device-font-size-6) !important}.fs-sm-7{font-size:var(--post-device-font-size-7) !important}.fs-sm-8{font-size:var(--post-device-font-size-8) !important}.fs-sm-9{font-size:var(--post-device-font-size-9) !important}.fs-sm-10{font-size:var(--post-device-font-size-10) !important}.fs-sm-11{font-size:var(--post-device-font-size-11) !important}}@media screen and (min-width: 780px){.gx-md-0,.g-md-0{--post-grid-gutter-x:var(--post-core-dimension-0) !important}.gx-md-1,.g-md-1{--post-grid-gutter-x:var(--post-core-dimension-1) !important}.gx-md-2,.g-md-2{--post-grid-gutter-x:var(--post-core-dimension-2) !important}.gx-md-4,.g-md-4{--post-grid-gutter-x:var(--post-core-dimension-4) !important}.gx-md-6,.g-md-6{--post-grid-gutter-x:var(--post-core-dimension-6) !important}.gx-md-8,.g-md-8{--post-grid-gutter-x:var(--post-core-dimension-8) !important}.gx-md-12,.g-md-12{--post-grid-gutter-x:var(--post-core-dimension-12) !important}.gx-md-16,.g-md-16{--post-grid-gutter-x:var(--post-core-dimension-16) !important}.gx-md-24,.g-md-24{--post-grid-gutter-x:var(--post-core-dimension-24) !important}.gx-md-32,.g-md-32{--post-grid-gutter-x:var(--post-core-dimension-32) !important}.gx-md-40,.g-md-40{--post-grid-gutter-x:var(--post-core-dimension-40) !important}.gx-md-48,.g-md-48{--post-grid-gutter-x:var(--post-core-dimension-48) !important}.gx-md-56,.g-md-56{--post-grid-gutter-x:var(--post-core-dimension-56) !important}.gx-md-64,.g-md-64{--post-grid-gutter-x:var(--post-core-dimension-64) !important}.gx-md-72,.g-md-72{--post-grid-gutter-x:var(--post-core-dimension-72) !important}.gx-md-80,.g-md-80{--post-grid-gutter-x:var(--post-core-dimension-80) !important}.gx-md-88,.g-md-88{--post-grid-gutter-x:var(--post-core-dimension-88) !important}.gx-md-96,.g-md-96{--post-grid-gutter-x:var(--post-core-dimension-96) !important}.gx-md-104,.g-md-104{--post-grid-gutter-x:var(--post-core-dimension-104) !important}.gx-md-auto,.g-md-auto{--post-grid-gutter-x:auto !important}.gy-md-0,.g-md-0{--post-grid-gutter-y:var(--post-core-dimension-0) !important}.gy-md-1,.g-md-1{--post-grid-gutter-y:var(--post-core-dimension-1) !important}.gy-md-2,.g-md-2{--post-grid-gutter-y:var(--post-core-dimension-2) !important}.gy-md-4,.g-md-4{--post-grid-gutter-y:var(--post-core-dimension-4) !important}.gy-md-6,.g-md-6{--post-grid-gutter-y:var(--post-core-dimension-6) !important}.gy-md-8,.g-md-8{--post-grid-gutter-y:var(--post-core-dimension-8) !important}.gy-md-12,.g-md-12{--post-grid-gutter-y:var(--post-core-dimension-12) !important}.gy-md-16,.g-md-16{--post-grid-gutter-y:var(--post-core-dimension-16) !important}.gy-md-24,.g-md-24{--post-grid-gutter-y:var(--post-core-dimension-24) !important}.gy-md-32,.g-md-32{--post-grid-gutter-y:var(--post-core-dimension-32) !important}.gy-md-40,.g-md-40{--post-grid-gutter-y:var(--post-core-dimension-40) !important}.gy-md-48,.g-md-48{--post-grid-gutter-y:var(--post-core-dimension-48) !important}.gy-md-56,.g-md-56{--post-grid-gutter-y:var(--post-core-dimension-56) !important}.gy-md-64,.g-md-64{--post-grid-gutter-y:var(--post-core-dimension-64) !important}.gy-md-72,.g-md-72{--post-grid-gutter-y:var(--post-core-dimension-72) !important}.gy-md-80,.g-md-80{--post-grid-gutter-y:var(--post-core-dimension-80) !important}.gy-md-88,.g-md-88{--post-grid-gutter-y:var(--post-core-dimension-88) !important}.gy-md-96,.g-md-96{--post-grid-gutter-y:var(--post-core-dimension-96) !important}.gy-md-104,.g-md-104{--post-grid-gutter-y:var(--post-core-dimension-104) !important}.gy-md-auto,.g-md-auto{--post-grid-gutter-y:auto !important}.w-md-0{width:var(--post-core-dimension-0) !important}.w-md-1{width:var(--post-core-dimension-1) !important}.w-md-2{width:var(--post-core-dimension-2) !important}.w-md-4{width:var(--post-core-dimension-4) !important}.w-md-6{width:var(--post-core-dimension-6) !important}.w-md-8{width:var(--post-core-dimension-8) !important}.w-md-12{width:var(--post-core-dimension-12) !important}.w-md-16{width:var(--post-core-dimension-16) !important}.w-md-24{width:var(--post-core-dimension-24) !important}.w-md-32{width:var(--post-core-dimension-32) !important}.w-md-40{width:var(--post-core-dimension-40) !important}.w-md-48{width:var(--post-core-dimension-48) !important}.w-md-56{width:var(--post-core-dimension-56) !important}.w-md-64{width:var(--post-core-dimension-64) !important}.w-md-72{width:var(--post-core-dimension-72) !important}.w-md-80{width:var(--post-core-dimension-80) !important}.w-md-88{width:var(--post-core-dimension-88) !important}.w-md-96{width:var(--post-core-dimension-96) !important}.w-md-104{width:var(--post-core-dimension-104) !important}.w-md-auto{width:auto !important}.w-md-quarter{width:25% !important}.w-md-third{width:33% !important}.w-md-half{width:50% !important}.w-md-two-thirds{width:66% !important}.w-md-three-quarters{width:75% !important}.w-md-full{width:100% !important}.h-md-0{height:var(--post-core-dimension-0) !important}.h-md-1{height:var(--post-core-dimension-1) !important}.h-md-2{height:var(--post-core-dimension-2) !important}.h-md-4{height:var(--post-core-dimension-4) !important}.h-md-6{height:var(--post-core-dimension-6) !important}.h-md-8{height:var(--post-core-dimension-8) !important}.h-md-12{height:var(--post-core-dimension-12) !important}.h-md-16{height:var(--post-core-dimension-16) !important}.h-md-24{height:var(--post-core-dimension-24) !important}.h-md-32{height:var(--post-core-dimension-32) !important}.h-md-40{height:var(--post-core-dimension-40) !important}.h-md-48{height:var(--post-core-dimension-48) !important}.h-md-56{height:var(--post-core-dimension-56) !important}.h-md-64{height:var(--post-core-dimension-64) !important}.h-md-72{height:var(--post-core-dimension-72) !important}.h-md-80{height:var(--post-core-dimension-80) !important}.h-md-88{height:var(--post-core-dimension-88) !important}.h-md-96{height:var(--post-core-dimension-96) !important}.h-md-104{height:var(--post-core-dimension-104) !important}.h-md-auto{height:auto !important}.h-md-quarter{height:25% !important}.h-md-third{height:33% !important}.h-md-half{height:50% !important}.h-md-two-thirds{height:66% !important}.h-md-three-quarters{height:75% !important}.h-md-full{height:100% !important}.max-w-md-0{max-width:var(--post-core-dimension-0) !important}.max-w-md-1{max-width:var(--post-core-dimension-1) !important}.max-w-md-2{max-width:var(--post-core-dimension-2) !important}.max-w-md-4{max-width:var(--post-core-dimension-4) !important}.max-w-md-6{max-width:var(--post-core-dimension-6) !important}.max-w-md-8{max-width:var(--post-core-dimension-8) !important}.max-w-md-12{max-width:var(--post-core-dimension-12) !important}.max-w-md-16{max-width:var(--post-core-dimension-16) !important}.max-w-md-24{max-width:var(--post-core-dimension-24) !important}.max-w-md-32{max-width:var(--post-core-dimension-32) !important}.max-w-md-40{max-width:var(--post-core-dimension-40) !important}.max-w-md-48{max-width:var(--post-core-dimension-48) !important}.max-w-md-56{max-width:var(--post-core-dimension-56) !important}.max-w-md-64{max-width:var(--post-core-dimension-64) !important}.max-w-md-72{max-width:var(--post-core-dimension-72) !important}.max-w-md-80{max-width:var(--post-core-dimension-80) !important}.max-w-md-88{max-width:var(--post-core-dimension-88) !important}.max-w-md-96{max-width:var(--post-core-dimension-96) !important}.max-w-md-104{max-width:var(--post-core-dimension-104) !important}.max-w-md-auto{max-width:auto !important}.max-w-md-quarter{max-width:25% !important}.max-w-md-third{max-width:33% !important}.max-w-md-half{max-width:50% !important}.max-w-md-two-thirds{max-width:66% !important}.max-w-md-three-quarters{max-width:75% !important}.max-w-md-full{max-width:100% !important}.max-h-md-0{max-height:var(--post-core-dimension-0) !important}.max-h-md-1{max-height:var(--post-core-dimension-1) !important}.max-h-md-2{max-height:var(--post-core-dimension-2) !important}.max-h-md-4{max-height:var(--post-core-dimension-4) !important}.max-h-md-6{max-height:var(--post-core-dimension-6) !important}.max-h-md-8{max-height:var(--post-core-dimension-8) !important}.max-h-md-12{max-height:var(--post-core-dimension-12) !important}.max-h-md-16{max-height:var(--post-core-dimension-16) !important}.max-h-md-24{max-height:var(--post-core-dimension-24) !important}.max-h-md-32{max-height:var(--post-core-dimension-32) !important}.max-h-md-40{max-height:var(--post-core-dimension-40) !important}.max-h-md-48{max-height:var(--post-core-dimension-48) !important}.max-h-md-56{max-height:var(--post-core-dimension-56) !important}.max-h-md-64{max-height:var(--post-core-dimension-64) !important}.max-h-md-72{max-height:var(--post-core-dimension-72) !important}.max-h-md-80{max-height:var(--post-core-dimension-80) !important}.max-h-md-88{max-height:var(--post-core-dimension-88) !important}.max-h-md-96{max-height:var(--post-core-dimension-96) !important}.max-h-md-104{max-height:var(--post-core-dimension-104) !important}.max-h-md-auto{max-height:auto !important}.max-h-md-quarter{max-height:25% !important}.max-h-md-third{max-height:33% !important}.max-h-md-half{max-height:50% !important}.max-h-md-two-thirds{max-height:66% !important}.max-h-md-three-quarters{max-height:75% !important}.max-h-md-full{max-height:100% !important}.min-w-md-0{min-width:var(--post-core-dimension-0) !important}.min-w-md-1{min-width:var(--post-core-dimension-1) !important}.min-w-md-2{min-width:var(--post-core-dimension-2) !important}.min-w-md-4{min-width:var(--post-core-dimension-4) !important}.min-w-md-6{min-width:var(--post-core-dimension-6) !important}.min-w-md-8{min-width:var(--post-core-dimension-8) !important}.min-w-md-12{min-width:var(--post-core-dimension-12) !important}.min-w-md-16{min-width:var(--post-core-dimension-16) !important}.min-w-md-24{min-width:var(--post-core-dimension-24) !important}.min-w-md-32{min-width:var(--post-core-dimension-32) !important}.min-w-md-40{min-width:var(--post-core-dimension-40) !important}.min-w-md-48{min-width:var(--post-core-dimension-48) !important}.min-w-md-56{min-width:var(--post-core-dimension-56) !important}.min-w-md-64{min-width:var(--post-core-dimension-64) !important}.min-w-md-72{min-width:var(--post-core-dimension-72) !important}.min-w-md-80{min-width:var(--post-core-dimension-80) !important}.min-w-md-88{min-width:var(--post-core-dimension-88) !important}.min-w-md-96{min-width:var(--post-core-dimension-96) !important}.min-w-md-104{min-width:var(--post-core-dimension-104) !important}.min-w-md-auto{min-width:auto !important}.min-w-md-quarter{min-width:25% !important}.min-w-md-third{min-width:33% !important}.min-w-md-half{min-width:50% !important}.min-w-md-two-thirds{min-width:66% !important}.min-w-md-three-quarters{min-width:75% !important}.min-w-md-full{min-width:100% !important}.min-h-md-0{min-height:var(--post-core-dimension-0) !important}.min-h-md-1{min-height:var(--post-core-dimension-1) !important}.min-h-md-2{min-height:var(--post-core-dimension-2) !important}.min-h-md-4{min-height:var(--post-core-dimension-4) !important}.min-h-md-6{min-height:var(--post-core-dimension-6) !important}.min-h-md-8{min-height:var(--post-core-dimension-8) !important}.min-h-md-12{min-height:var(--post-core-dimension-12) !important}.min-h-md-16{min-height:var(--post-core-dimension-16) !important}.min-h-md-24{min-height:var(--post-core-dimension-24) !important}.min-h-md-32{min-height:var(--post-core-dimension-32) !important}.min-h-md-40{min-height:var(--post-core-dimension-40) !important}.min-h-md-48{min-height:var(--post-core-dimension-48) !important}.min-h-md-56{min-height:var(--post-core-dimension-56) !important}.min-h-md-64{min-height:var(--post-core-dimension-64) !important}.min-h-md-72{min-height:var(--post-core-dimension-72) !important}.min-h-md-80{min-height:var(--post-core-dimension-80) !important}.min-h-md-88{min-height:var(--post-core-dimension-88) !important}.min-h-md-96{min-height:var(--post-core-dimension-96) !important}.min-h-md-104{min-height:var(--post-core-dimension-104) !important}.min-h-md-auto{min-height:auto !important}.min-h-md-quarter{min-height:25% !important}.min-h-md-third{min-height:33% !important}.min-h-md-half{min-height:50% !important}.min-h-md-two-thirds{min-height:66% !important}.min-h-md-three-quarters{min-height:75% !important}.min-h-md-full{min-height:100% !important}.vw-md-quarter{width:25vw !important}.vw-md-third{width:33vw !important}.vw-md-half{width:50vw !important}.vw-md-two-thirds{width:66vw !important}.vw-md-three-quarters{width:75vw !important}.vw-md-full{width:100vw !important}.vh-md-quarter{height:25vh !important}.vh-md-third{height:33vh !important}.vh-md-half{height:50vh !important}.vh-md-two-thirds{height:66vh !important}.vh-md-three-quarters{height:75vh !important}.vh-md-full{height:100vh !important}.min-vw-md-quarter{min-width:25vw !important}.min-vw-md-third{min-width:33vw !important}.min-vw-md-half{min-width:50vw !important}.min-vw-md-two-thirds{min-width:66vw !important}.min-vw-md-three-quarters{min-width:75vw !important}.min-vw-md-full{min-width:100vw !important}.min-vh-md-quarter{min-height:25vh !important}.min-vh-md-third{min-height:33vh !important}.min-vh-md-half{min-height:50vh !important}.min-vh-md-two-thirds{min-height:66vh !important}.min-vh-md-three-quarters{min-height:75vh !important}.min-vh-md-full{min-height:100vh !important}.max-vw-md-quarter{max-width:25vw !important}.max-vw-md-third{max-width:33vw !important}.max-vw-md-half{max-width:50vw !important}.max-vw-md-two-thirds{max-width:66vw !important}.max-vw-md-three-quarters{max-width:75vw !important}.max-vw-md-full{max-width:100vw !important}.max-vh-md-quarter{max-height:25vh !important}.max-vh-md-third{max-height:33vh !important}.max-vh-md-half{max-height:50vh !important}.max-vh-md-two-thirds{max-height:66vh !important}.max-vh-md-three-quarters{max-height:75vh !important}.max-vh-md-full{max-height:100vh !important}.float-md-start{float:inline-start !important}.float-md-end{float:inline-end !important}.float-md-none{float:none !important}.mt-md-0,.my-md-0,.m-md-0{margin-top:var(--post-core-dimension-0) !important}.mt-md-1,.my-md-1,.m-md-1{margin-top:var(--post-core-dimension-1) !important}.mt-md-2,.my-md-2,.m-md-2{margin-top:var(--post-core-dimension-2) !important}.mt-md-4,.my-md-4,.m-md-4{margin-top:var(--post-core-dimension-4) !important}.mt-md-6,.my-md-6,.m-md-6{margin-top:var(--post-core-dimension-6) !important}.mt-md-8,.my-md-8,.m-md-8{margin-top:var(--post-core-dimension-8) !important}.mt-md-12,.my-md-12,.m-md-12{margin-top:var(--post-core-dimension-12) !important}.mt-md-16,.my-md-16,.m-md-16{margin-top:var(--post-core-dimension-16) !important}.mt-md-24,.my-md-24,.m-md-24{margin-top:var(--post-core-dimension-24) !important}.mt-md-32,.my-md-32,.m-md-32{margin-top:var(--post-core-dimension-32) !important}.mt-md-40,.my-md-40,.m-md-40{margin-top:var(--post-core-dimension-40) !important}.mt-md-48,.my-md-48,.m-md-48{margin-top:var(--post-core-dimension-48) !important}.mt-md-56,.my-md-56,.m-md-56{margin-top:var(--post-core-dimension-56) !important}.mt-md-64,.my-md-64,.m-md-64{margin-top:var(--post-core-dimension-64) !important}.mt-md-72,.my-md-72,.m-md-72{margin-top:var(--post-core-dimension-72) !important}.mt-md-80,.my-md-80,.m-md-80{margin-top:var(--post-core-dimension-80) !important}.mt-md-88,.my-md-88,.m-md-88{margin-top:var(--post-core-dimension-88) !important}.mt-md-96,.my-md-96,.m-md-96{margin-top:var(--post-core-dimension-96) !important}.mt-md-104,.my-md-104,.m-md-104{margin-top:var(--post-core-dimension-104) !important}.mt-md-auto,.my-md-auto,.m-md-auto{margin-top:auto !important}.me-md-0,.mx-md-0,.m-md-0{margin-right:var(--post-core-dimension-0) !important}.me-md-1,.mx-md-1,.m-md-1{margin-right:var(--post-core-dimension-1) !important}.me-md-2,.mx-md-2,.m-md-2{margin-right:var(--post-core-dimension-2) !important}.me-md-4,.mx-md-4,.m-md-4{margin-right:var(--post-core-dimension-4) !important}.me-md-6,.mx-md-6,.m-md-6{margin-right:var(--post-core-dimension-6) !important}.me-md-8,.mx-md-8,.m-md-8{margin-right:var(--post-core-dimension-8) !important}.me-md-12,.mx-md-12,.m-md-12{margin-right:var(--post-core-dimension-12) !important}.me-md-16,.mx-md-16,.m-md-16{margin-right:var(--post-core-dimension-16) !important}.me-md-24,.mx-md-24,.m-md-24{margin-right:var(--post-core-dimension-24) !important}.me-md-32,.mx-md-32,.m-md-32{margin-right:var(--post-core-dimension-32) !important}.me-md-40,.mx-md-40,.m-md-40{margin-right:var(--post-core-dimension-40) !important}.me-md-48,.mx-md-48,.m-md-48{margin-right:var(--post-core-dimension-48) !important}.me-md-56,.mx-md-56,.m-md-56{margin-right:var(--post-core-dimension-56) !important}.me-md-64,.mx-md-64,.m-md-64{margin-right:var(--post-core-dimension-64) !important}.me-md-72,.mx-md-72,.m-md-72{margin-right:var(--post-core-dimension-72) !important}.me-md-80,.mx-md-80,.m-md-80{margin-right:var(--post-core-dimension-80) !important}.me-md-88,.mx-md-88,.m-md-88{margin-right:var(--post-core-dimension-88) !important}.me-md-96,.mx-md-96,.m-md-96{margin-right:var(--post-core-dimension-96) !important}.me-md-104,.mx-md-104,.m-md-104{margin-right:var(--post-core-dimension-104) !important}.me-md-auto,.mx-md-auto,.m-md-auto{margin-right:auto !important}.mb-md-0,.my-md-0,.m-md-0{margin-bottom:var(--post-core-dimension-0) !important}.mb-md-1,.my-md-1,.m-md-1{margin-bottom:var(--post-core-dimension-1) !important}.mb-md-2,.my-md-2,.m-md-2{margin-bottom:var(--post-core-dimension-2) !important}.mb-md-4,.my-md-4,.m-md-4{margin-bottom:var(--post-core-dimension-4) !important}.mb-md-6,.my-md-6,.m-md-6{margin-bottom:var(--post-core-dimension-6) !important}.mb-md-8,.my-md-8,.m-md-8{margin-bottom:var(--post-core-dimension-8) !important}.mb-md-12,.my-md-12,.m-md-12{margin-bottom:var(--post-core-dimension-12) !important}.mb-md-16,.my-md-16,.m-md-16{margin-bottom:var(--post-core-dimension-16) !important}.mb-md-24,.my-md-24,.m-md-24{margin-bottom:var(--post-core-dimension-24) !important}.mb-md-32,.my-md-32,.m-md-32{margin-bottom:var(--post-core-dimension-32) !important}.mb-md-40,.my-md-40,.m-md-40{margin-bottom:var(--post-core-dimension-40) !important}.mb-md-48,.my-md-48,.m-md-48{margin-bottom:var(--post-core-dimension-48) !important}.mb-md-56,.my-md-56,.m-md-56{margin-bottom:var(--post-core-dimension-56) !important}.mb-md-64,.my-md-64,.m-md-64{margin-bottom:var(--post-core-dimension-64) !important}.mb-md-72,.my-md-72,.m-md-72{margin-bottom:var(--post-core-dimension-72) !important}.mb-md-80,.my-md-80,.m-md-80{margin-bottom:var(--post-core-dimension-80) !important}.mb-md-88,.my-md-88,.m-md-88{margin-bottom:var(--post-core-dimension-88) !important}.mb-md-96,.my-md-96,.m-md-96{margin-bottom:var(--post-core-dimension-96) !important}.mb-md-104,.my-md-104,.m-md-104{margin-bottom:var(--post-core-dimension-104) !important}.mb-md-auto,.my-md-auto,.m-md-auto{margin-bottom:auto !important}.ms-md-0,.mx-md-0,.m-md-0{margin-left:var(--post-core-dimension-0) !important}.ms-md-1,.mx-md-1,.m-md-1{margin-left:var(--post-core-dimension-1) !important}.ms-md-2,.mx-md-2,.m-md-2{margin-left:var(--post-core-dimension-2) !important}.ms-md-4,.mx-md-4,.m-md-4{margin-left:var(--post-core-dimension-4) !important}.ms-md-6,.mx-md-6,.m-md-6{margin-left:var(--post-core-dimension-6) !important}.ms-md-8,.mx-md-8,.m-md-8{margin-left:var(--post-core-dimension-8) !important}.ms-md-12,.mx-md-12,.m-md-12{margin-left:var(--post-core-dimension-12) !important}.ms-md-16,.mx-md-16,.m-md-16{margin-left:var(--post-core-dimension-16) !important}.ms-md-24,.mx-md-24,.m-md-24{margin-left:var(--post-core-dimension-24) !important}.ms-md-32,.mx-md-32,.m-md-32{margin-left:var(--post-core-dimension-32) !important}.ms-md-40,.mx-md-40,.m-md-40{margin-left:var(--post-core-dimension-40) !important}.ms-md-48,.mx-md-48,.m-md-48{margin-left:var(--post-core-dimension-48) !important}.ms-md-56,.mx-md-56,.m-md-56{margin-left:var(--post-core-dimension-56) !important}.ms-md-64,.mx-md-64,.m-md-64{margin-left:var(--post-core-dimension-64) !important}.ms-md-72,.mx-md-72,.m-md-72{margin-left:var(--post-core-dimension-72) !important}.ms-md-80,.mx-md-80,.m-md-80{margin-left:var(--post-core-dimension-80) !important}.ms-md-88,.mx-md-88,.m-md-88{margin-left:var(--post-core-dimension-88) !important}.ms-md-96,.mx-md-96,.m-md-96{margin-left:var(--post-core-dimension-96) !important}.ms-md-104,.mx-md-104,.m-md-104{margin-left:var(--post-core-dimension-104) !important}.ms-md-auto,.mx-md-auto,.m-md-auto{margin-left:auto !important}.pt-md-0,.py-md-0,.p-md-0{padding-top:var(--post-core-dimension-0) !important}.pt-md-1,.py-md-1,.p-md-1{padding-top:var(--post-core-dimension-1) !important}.pt-md-2,.py-md-2,.p-md-2{padding-top:var(--post-core-dimension-2) !important}.pt-md-4,.py-md-4,.p-md-4{padding-top:var(--post-core-dimension-4) !important}.pt-md-6,.py-md-6,.p-md-6{padding-top:var(--post-core-dimension-6) !important}.pt-md-8,.py-md-8,.p-md-8{padding-top:var(--post-core-dimension-8) !important}.pt-md-12,.py-md-12,.p-md-12{padding-top:var(--post-core-dimension-12) !important}.pt-md-16,.py-md-16,.p-md-16{padding-top:var(--post-core-dimension-16) !important}.pt-md-24,.py-md-24,.p-md-24{padding-top:var(--post-core-dimension-24) !important}.pt-md-32,.py-md-32,.p-md-32{padding-top:var(--post-core-dimension-32) !important}.pt-md-40,.py-md-40,.p-md-40{padding-top:var(--post-core-dimension-40) !important}.pt-md-48,.py-md-48,.p-md-48{padding-top:var(--post-core-dimension-48) !important}.pt-md-56,.py-md-56,.p-md-56{padding-top:var(--post-core-dimension-56) !important}.pt-md-64,.py-md-64,.p-md-64{padding-top:var(--post-core-dimension-64) !important}.pt-md-72,.py-md-72,.p-md-72{padding-top:var(--post-core-dimension-72) !important}.pt-md-80,.py-md-80,.p-md-80{padding-top:var(--post-core-dimension-80) !important}.pt-md-88,.py-md-88,.p-md-88{padding-top:var(--post-core-dimension-88) !important}.pt-md-96,.py-md-96,.p-md-96{padding-top:var(--post-core-dimension-96) !important}.pt-md-104,.py-md-104,.p-md-104{padding-top:var(--post-core-dimension-104) !important}.pt-md-auto,.py-md-auto,.p-md-auto{padding-top:auto !important}.pe-md-0,.px-md-0,.p-md-0{padding-right:var(--post-core-dimension-0) !important}.pe-md-1,.px-md-1,.p-md-1{padding-right:var(--post-core-dimension-1) !important}.pe-md-2,.px-md-2,.p-md-2{padding-right:var(--post-core-dimension-2) !important}.pe-md-4,.px-md-4,.p-md-4{padding-right:var(--post-core-dimension-4) !important}.pe-md-6,.px-md-6,.p-md-6{padding-right:var(--post-core-dimension-6) !important}.pe-md-8,.px-md-8,.p-md-8{padding-right:var(--post-core-dimension-8) !important}.pe-md-12,.px-md-12,.p-md-12{padding-right:var(--post-core-dimension-12) !important}.pe-md-16,.px-md-16,.p-md-16{padding-right:var(--post-core-dimension-16) !important}.pe-md-24,.px-md-24,.p-md-24{padding-right:var(--post-core-dimension-24) !important}.pe-md-32,.px-md-32,.p-md-32{padding-right:var(--post-core-dimension-32) !important}.pe-md-40,.px-md-40,.p-md-40{padding-right:var(--post-core-dimension-40) !important}.pe-md-48,.px-md-48,.p-md-48{padding-right:var(--post-core-dimension-48) !important}.pe-md-56,.px-md-56,.p-md-56{padding-right:var(--post-core-dimension-56) !important}.pe-md-64,.px-md-64,.p-md-64{padding-right:var(--post-core-dimension-64) !important}.pe-md-72,.px-md-72,.p-md-72{padding-right:var(--post-core-dimension-72) !important}.pe-md-80,.px-md-80,.p-md-80{padding-right:var(--post-core-dimension-80) !important}.pe-md-88,.px-md-88,.p-md-88{padding-right:var(--post-core-dimension-88) !important}.pe-md-96,.px-md-96,.p-md-96{padding-right:var(--post-core-dimension-96) !important}.pe-md-104,.px-md-104,.p-md-104{padding-right:var(--post-core-dimension-104) !important}.pe-md-auto,.px-md-auto,.p-md-auto{padding-right:auto !important}.pb-md-0,.py-md-0,.p-md-0{padding-bottom:var(--post-core-dimension-0) !important}.pb-md-1,.py-md-1,.p-md-1{padding-bottom:var(--post-core-dimension-1) !important}.pb-md-2,.py-md-2,.p-md-2{padding-bottom:var(--post-core-dimension-2) !important}.pb-md-4,.py-md-4,.p-md-4{padding-bottom:var(--post-core-dimension-4) !important}.pb-md-6,.py-md-6,.p-md-6{padding-bottom:var(--post-core-dimension-6) !important}.pb-md-8,.py-md-8,.p-md-8{padding-bottom:var(--post-core-dimension-8) !important}.pb-md-12,.py-md-12,.p-md-12{padding-bottom:var(--post-core-dimension-12) !important}.pb-md-16,.py-md-16,.p-md-16{padding-bottom:var(--post-core-dimension-16) !important}.pb-md-24,.py-md-24,.p-md-24{padding-bottom:var(--post-core-dimension-24) !important}.pb-md-32,.py-md-32,.p-md-32{padding-bottom:var(--post-core-dimension-32) !important}.pb-md-40,.py-md-40,.p-md-40{padding-bottom:var(--post-core-dimension-40) !important}.pb-md-48,.py-md-48,.p-md-48{padding-bottom:var(--post-core-dimension-48) !important}.pb-md-56,.py-md-56,.p-md-56{padding-bottom:var(--post-core-dimension-56) !important}.pb-md-64,.py-md-64,.p-md-64{padding-bottom:var(--post-core-dimension-64) !important}.pb-md-72,.py-md-72,.p-md-72{padding-bottom:var(--post-core-dimension-72) !important}.pb-md-80,.py-md-80,.p-md-80{padding-bottom:var(--post-core-dimension-80) !important}.pb-md-88,.py-md-88,.p-md-88{padding-bottom:var(--post-core-dimension-88) !important}.pb-md-96,.py-md-96,.p-md-96{padding-bottom:var(--post-core-dimension-96) !important}.pb-md-104,.py-md-104,.p-md-104{padding-bottom:var(--post-core-dimension-104) !important}.pb-md-auto,.py-md-auto,.p-md-auto{padding-bottom:auto !important}.ps-md-0,.px-md-0,.p-md-0{padding-left:var(--post-core-dimension-0) !important}.ps-md-1,.px-md-1,.p-md-1{padding-left:var(--post-core-dimension-1) !important}.ps-md-2,.px-md-2,.p-md-2{padding-left:var(--post-core-dimension-2) !important}.ps-md-4,.px-md-4,.p-md-4{padding-left:var(--post-core-dimension-4) !important}.ps-md-6,.px-md-6,.p-md-6{padding-left:var(--post-core-dimension-6) !important}.ps-md-8,.px-md-8,.p-md-8{padding-left:var(--post-core-dimension-8) !important}.ps-md-12,.px-md-12,.p-md-12{padding-left:var(--post-core-dimension-12) !important}.ps-md-16,.px-md-16,.p-md-16{padding-left:var(--post-core-dimension-16) !important}.ps-md-24,.px-md-24,.p-md-24{padding-left:var(--post-core-dimension-24) !important}.ps-md-32,.px-md-32,.p-md-32{padding-left:var(--post-core-dimension-32) !important}.ps-md-40,.px-md-40,.p-md-40{padding-left:var(--post-core-dimension-40) !important}.ps-md-48,.px-md-48,.p-md-48{padding-left:var(--post-core-dimension-48) !important}.ps-md-56,.px-md-56,.p-md-56{padding-left:var(--post-core-dimension-56) !important}.ps-md-64,.px-md-64,.p-md-64{padding-left:var(--post-core-dimension-64) !important}.ps-md-72,.px-md-72,.p-md-72{padding-left:var(--post-core-dimension-72) !important}.ps-md-80,.px-md-80,.p-md-80{padding-left:var(--post-core-dimension-80) !important}.ps-md-88,.px-md-88,.p-md-88{padding-left:var(--post-core-dimension-88) !important}.ps-md-96,.px-md-96,.p-md-96{padding-left:var(--post-core-dimension-96) !important}.ps-md-104,.px-md-104,.p-md-104{padding-left:var(--post-core-dimension-104) !important}.ps-md-auto,.px-md-auto,.p-md-auto{padding-left:auto !important}.gap-md-0{gap:var(--post-core-dimension-0) !important}.gap-md-1{gap:var(--post-core-dimension-1) !important}.gap-md-2{gap:var(--post-core-dimension-2) !important}.gap-md-4{gap:var(--post-core-dimension-4) !important}.gap-md-6{gap:var(--post-core-dimension-6) !important}.gap-md-8{gap:var(--post-core-dimension-8) !important}.gap-md-12{gap:var(--post-core-dimension-12) !important}.gap-md-16{gap:var(--post-core-dimension-16) !important}.gap-md-24{gap:var(--post-core-dimension-24) !important}.gap-md-32{gap:var(--post-core-dimension-32) !important}.gap-md-40{gap:var(--post-core-dimension-40) !important}.gap-md-48{gap:var(--post-core-dimension-48) !important}.gap-md-56{gap:var(--post-core-dimension-56) !important}.gap-md-64{gap:var(--post-core-dimension-64) !important}.gap-md-72{gap:var(--post-core-dimension-72) !important}.gap-md-80{gap:var(--post-core-dimension-80) !important}.gap-md-88{gap:var(--post-core-dimension-88) !important}.gap-md-96{gap:var(--post-core-dimension-96) !important}.gap-md-104{gap:var(--post-core-dimension-104) !important}.gap-md-auto{gap:auto !important}.row-gap-md-0{row-gap:var(--post-core-dimension-0) !important}.row-gap-md-1{row-gap:var(--post-core-dimension-1) !important}.row-gap-md-2{row-gap:var(--post-core-dimension-2) !important}.row-gap-md-4{row-gap:var(--post-core-dimension-4) !important}.row-gap-md-6{row-gap:var(--post-core-dimension-6) !important}.row-gap-md-8{row-gap:var(--post-core-dimension-8) !important}.row-gap-md-12{row-gap:var(--post-core-dimension-12) !important}.row-gap-md-16{row-gap:var(--post-core-dimension-16) !important}.row-gap-md-24{row-gap:var(--post-core-dimension-24) !important}.row-gap-md-32{row-gap:var(--post-core-dimension-32) !important}.row-gap-md-40{row-gap:var(--post-core-dimension-40) !important}.row-gap-md-48{row-gap:var(--post-core-dimension-48) !important}.row-gap-md-56{row-gap:var(--post-core-dimension-56) !important}.row-gap-md-64{row-gap:var(--post-core-dimension-64) !important}.row-gap-md-72{row-gap:var(--post-core-dimension-72) !important}.row-gap-md-80{row-gap:var(--post-core-dimension-80) !important}.row-gap-md-88{row-gap:var(--post-core-dimension-88) !important}.row-gap-md-96{row-gap:var(--post-core-dimension-96) !important}.row-gap-md-104{row-gap:var(--post-core-dimension-104) !important}.row-gap-md-auto{row-gap:auto !important}.column-gap-md-0{column-gap:var(--post-core-dimension-0) !important}.column-gap-md-1{column-gap:var(--post-core-dimension-1) !important}.column-gap-md-2{column-gap:var(--post-core-dimension-2) !important}.column-gap-md-4{column-gap:var(--post-core-dimension-4) !important}.column-gap-md-6{column-gap:var(--post-core-dimension-6) !important}.column-gap-md-8{column-gap:var(--post-core-dimension-8) !important}.column-gap-md-12{column-gap:var(--post-core-dimension-12) !important}.column-gap-md-16{column-gap:var(--post-core-dimension-16) !important}.column-gap-md-24{column-gap:var(--post-core-dimension-24) !important}.column-gap-md-32{column-gap:var(--post-core-dimension-32) !important}.column-gap-md-40{column-gap:var(--post-core-dimension-40) !important}.column-gap-md-48{column-gap:var(--post-core-dimension-48) !important}.column-gap-md-56{column-gap:var(--post-core-dimension-56) !important}.column-gap-md-64{column-gap:var(--post-core-dimension-64) !important}.column-gap-md-72{column-gap:var(--post-core-dimension-72) !important}.column-gap-md-80{column-gap:var(--post-core-dimension-80) !important}.column-gap-md-88{column-gap:var(--post-core-dimension-88) !important}.column-gap-md-96{column-gap:var(--post-core-dimension-96) !important}.column-gap-md-104{column-gap:var(--post-core-dimension-104) !important}.column-gap-md-auto{column-gap:auto !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-inline-grid{display:inline-grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}.text-md-center{text-align:center !important}.fs-md-1{font-size:var(--post-device-font-size-1) !important}.fs-md-2{font-size:var(--post-device-font-size-2) !important}.fs-md-3{font-size:var(--post-device-font-size-3) !important}.fs-md-4{font-size:var(--post-device-font-size-4) !important}.fs-md-5{font-size:var(--post-device-font-size-5) !important}.fs-md-6{font-size:var(--post-device-font-size-6) !important}.fs-md-7{font-size:var(--post-device-font-size-7) !important}.fs-md-8{font-size:var(--post-device-font-size-8) !important}.fs-md-9{font-size:var(--post-device-font-size-9) !important}.fs-md-10{font-size:var(--post-device-font-size-10) !important}.fs-md-11{font-size:var(--post-device-font-size-11) !important}}@media screen and (min-width: 1024px){.gx-lg-0,.g-lg-0{--post-grid-gutter-x:var(--post-core-dimension-0) !important}.gx-lg-1,.g-lg-1{--post-grid-gutter-x:var(--post-core-dimension-1) !important}.gx-lg-2,.g-lg-2{--post-grid-gutter-x:var(--post-core-dimension-2) !important}.gx-lg-4,.g-lg-4{--post-grid-gutter-x:var(--post-core-dimension-4) !important}.gx-lg-6,.g-lg-6{--post-grid-gutter-x:var(--post-core-dimension-6) !important}.gx-lg-8,.g-lg-8{--post-grid-gutter-x:var(--post-core-dimension-8) !important}.gx-lg-12,.g-lg-12{--post-grid-gutter-x:var(--post-core-dimension-12) !important}.gx-lg-16,.g-lg-16{--post-grid-gutter-x:var(--post-core-dimension-16) !important}.gx-lg-24,.g-lg-24{--post-grid-gutter-x:var(--post-core-dimension-24) !important}.gx-lg-32,.g-lg-32{--post-grid-gutter-x:var(--post-core-dimension-32) !important}.gx-lg-40,.g-lg-40{--post-grid-gutter-x:var(--post-core-dimension-40) !important}.gx-lg-48,.g-lg-48{--post-grid-gutter-x:var(--post-core-dimension-48) !important}.gx-lg-56,.g-lg-56{--post-grid-gutter-x:var(--post-core-dimension-56) !important}.gx-lg-64,.g-lg-64{--post-grid-gutter-x:var(--post-core-dimension-64) !important}.gx-lg-72,.g-lg-72{--post-grid-gutter-x:var(--post-core-dimension-72) !important}.gx-lg-80,.g-lg-80{--post-grid-gutter-x:var(--post-core-dimension-80) !important}.gx-lg-88,.g-lg-88{--post-grid-gutter-x:var(--post-core-dimension-88) !important}.gx-lg-96,.g-lg-96{--post-grid-gutter-x:var(--post-core-dimension-96) !important}.gx-lg-104,.g-lg-104{--post-grid-gutter-x:var(--post-core-dimension-104) !important}.gx-lg-auto,.g-lg-auto{--post-grid-gutter-x:auto !important}.gy-lg-0,.g-lg-0{--post-grid-gutter-y:var(--post-core-dimension-0) !important}.gy-lg-1,.g-lg-1{--post-grid-gutter-y:var(--post-core-dimension-1) !important}.gy-lg-2,.g-lg-2{--post-grid-gutter-y:var(--post-core-dimension-2) !important}.gy-lg-4,.g-lg-4{--post-grid-gutter-y:var(--post-core-dimension-4) !important}.gy-lg-6,.g-lg-6{--post-grid-gutter-y:var(--post-core-dimension-6) !important}.gy-lg-8,.g-lg-8{--post-grid-gutter-y:var(--post-core-dimension-8) !important}.gy-lg-12,.g-lg-12{--post-grid-gutter-y:var(--post-core-dimension-12) !important}.gy-lg-16,.g-lg-16{--post-grid-gutter-y:var(--post-core-dimension-16) !important}.gy-lg-24,.g-lg-24{--post-grid-gutter-y:var(--post-core-dimension-24) !important}.gy-lg-32,.g-lg-32{--post-grid-gutter-y:var(--post-core-dimension-32) !important}.gy-lg-40,.g-lg-40{--post-grid-gutter-y:var(--post-core-dimension-40) !important}.gy-lg-48,.g-lg-48{--post-grid-gutter-y:var(--post-core-dimension-48) !important}.gy-lg-56,.g-lg-56{--post-grid-gutter-y:var(--post-core-dimension-56) !important}.gy-lg-64,.g-lg-64{--post-grid-gutter-y:var(--post-core-dimension-64) !important}.gy-lg-72,.g-lg-72{--post-grid-gutter-y:var(--post-core-dimension-72) !important}.gy-lg-80,.g-lg-80{--post-grid-gutter-y:var(--post-core-dimension-80) !important}.gy-lg-88,.g-lg-88{--post-grid-gutter-y:var(--post-core-dimension-88) !important}.gy-lg-96,.g-lg-96{--post-grid-gutter-y:var(--post-core-dimension-96) !important}.gy-lg-104,.g-lg-104{--post-grid-gutter-y:var(--post-core-dimension-104) !important}.gy-lg-auto,.g-lg-auto{--post-grid-gutter-y:auto !important}.w-lg-0{width:var(--post-core-dimension-0) !important}.w-lg-1{width:var(--post-core-dimension-1) !important}.w-lg-2{width:var(--post-core-dimension-2) !important}.w-lg-4{width:var(--post-core-dimension-4) !important}.w-lg-6{width:var(--post-core-dimension-6) !important}.w-lg-8{width:var(--post-core-dimension-8) !important}.w-lg-12{width:var(--post-core-dimension-12) !important}.w-lg-16{width:var(--post-core-dimension-16) !important}.w-lg-24{width:var(--post-core-dimension-24) !important}.w-lg-32{width:var(--post-core-dimension-32) !important}.w-lg-40{width:var(--post-core-dimension-40) !important}.w-lg-48{width:var(--post-core-dimension-48) !important}.w-lg-56{width:var(--post-core-dimension-56) !important}.w-lg-64{width:var(--post-core-dimension-64) !important}.w-lg-72{width:var(--post-core-dimension-72) !important}.w-lg-80{width:var(--post-core-dimension-80) !important}.w-lg-88{width:var(--post-core-dimension-88) !important}.w-lg-96{width:var(--post-core-dimension-96) !important}.w-lg-104{width:var(--post-core-dimension-104) !important}.w-lg-auto{width:auto !important}.w-lg-quarter{width:25% !important}.w-lg-third{width:33% !important}.w-lg-half{width:50% !important}.w-lg-two-thirds{width:66% !important}.w-lg-three-quarters{width:75% !important}.w-lg-full{width:100% !important}.h-lg-0{height:var(--post-core-dimension-0) !important}.h-lg-1{height:var(--post-core-dimension-1) !important}.h-lg-2{height:var(--post-core-dimension-2) !important}.h-lg-4{height:var(--post-core-dimension-4) !important}.h-lg-6{height:var(--post-core-dimension-6) !important}.h-lg-8{height:var(--post-core-dimension-8) !important}.h-lg-12{height:var(--post-core-dimension-12) !important}.h-lg-16{height:var(--post-core-dimension-16) !important}.h-lg-24{height:var(--post-core-dimension-24) !important}.h-lg-32{height:var(--post-core-dimension-32) !important}.h-lg-40{height:var(--post-core-dimension-40) !important}.h-lg-48{height:var(--post-core-dimension-48) !important}.h-lg-56{height:var(--post-core-dimension-56) !important}.h-lg-64{height:var(--post-core-dimension-64) !important}.h-lg-72{height:var(--post-core-dimension-72) !important}.h-lg-80{height:var(--post-core-dimension-80) !important}.h-lg-88{height:var(--post-core-dimension-88) !important}.h-lg-96{height:var(--post-core-dimension-96) !important}.h-lg-104{height:var(--post-core-dimension-104) !important}.h-lg-auto{height:auto !important}.h-lg-quarter{height:25% !important}.h-lg-third{height:33% !important}.h-lg-half{height:50% !important}.h-lg-two-thirds{height:66% !important}.h-lg-three-quarters{height:75% !important}.h-lg-full{height:100% !important}.max-w-lg-0{max-width:var(--post-core-dimension-0) !important}.max-w-lg-1{max-width:var(--post-core-dimension-1) !important}.max-w-lg-2{max-width:var(--post-core-dimension-2) !important}.max-w-lg-4{max-width:var(--post-core-dimension-4) !important}.max-w-lg-6{max-width:var(--post-core-dimension-6) !important}.max-w-lg-8{max-width:var(--post-core-dimension-8) !important}.max-w-lg-12{max-width:var(--post-core-dimension-12) !important}.max-w-lg-16{max-width:var(--post-core-dimension-16) !important}.max-w-lg-24{max-width:var(--post-core-dimension-24) !important}.max-w-lg-32{max-width:var(--post-core-dimension-32) !important}.max-w-lg-40{max-width:var(--post-core-dimension-40) !important}.max-w-lg-48{max-width:var(--post-core-dimension-48) !important}.max-w-lg-56{max-width:var(--post-core-dimension-56) !important}.max-w-lg-64{max-width:var(--post-core-dimension-64) !important}.max-w-lg-72{max-width:var(--post-core-dimension-72) !important}.max-w-lg-80{max-width:var(--post-core-dimension-80) !important}.max-w-lg-88{max-width:var(--post-core-dimension-88) !important}.max-w-lg-96{max-width:var(--post-core-dimension-96) !important}.max-w-lg-104{max-width:var(--post-core-dimension-104) !important}.max-w-lg-auto{max-width:auto !important}.max-w-lg-quarter{max-width:25% !important}.max-w-lg-third{max-width:33% !important}.max-w-lg-half{max-width:50% !important}.max-w-lg-two-thirds{max-width:66% !important}.max-w-lg-three-quarters{max-width:75% !important}.max-w-lg-full{max-width:100% !important}.max-h-lg-0{max-height:var(--post-core-dimension-0) !important}.max-h-lg-1{max-height:var(--post-core-dimension-1) !important}.max-h-lg-2{max-height:var(--post-core-dimension-2) !important}.max-h-lg-4{max-height:var(--post-core-dimension-4) !important}.max-h-lg-6{max-height:var(--post-core-dimension-6) !important}.max-h-lg-8{max-height:var(--post-core-dimension-8) !important}.max-h-lg-12{max-height:var(--post-core-dimension-12) !important}.max-h-lg-16{max-height:var(--post-core-dimension-16) !important}.max-h-lg-24{max-height:var(--post-core-dimension-24) !important}.max-h-lg-32{max-height:var(--post-core-dimension-32) !important}.max-h-lg-40{max-height:var(--post-core-dimension-40) !important}.max-h-lg-48{max-height:var(--post-core-dimension-48) !important}.max-h-lg-56{max-height:var(--post-core-dimension-56) !important}.max-h-lg-64{max-height:var(--post-core-dimension-64) !important}.max-h-lg-72{max-height:var(--post-core-dimension-72) !important}.max-h-lg-80{max-height:var(--post-core-dimension-80) !important}.max-h-lg-88{max-height:var(--post-core-dimension-88) !important}.max-h-lg-96{max-height:var(--post-core-dimension-96) !important}.max-h-lg-104{max-height:var(--post-core-dimension-104) !important}.max-h-lg-auto{max-height:auto !important}.max-h-lg-quarter{max-height:25% !important}.max-h-lg-third{max-height:33% !important}.max-h-lg-half{max-height:50% !important}.max-h-lg-two-thirds{max-height:66% !important}.max-h-lg-three-quarters{max-height:75% !important}.max-h-lg-full{max-height:100% !important}.min-w-lg-0{min-width:var(--post-core-dimension-0) !important}.min-w-lg-1{min-width:var(--post-core-dimension-1) !important}.min-w-lg-2{min-width:var(--post-core-dimension-2) !important}.min-w-lg-4{min-width:var(--post-core-dimension-4) !important}.min-w-lg-6{min-width:var(--post-core-dimension-6) !important}.min-w-lg-8{min-width:var(--post-core-dimension-8) !important}.min-w-lg-12{min-width:var(--post-core-dimension-12) !important}.min-w-lg-16{min-width:var(--post-core-dimension-16) !important}.min-w-lg-24{min-width:var(--post-core-dimension-24) !important}.min-w-lg-32{min-width:var(--post-core-dimension-32) !important}.min-w-lg-40{min-width:var(--post-core-dimension-40) !important}.min-w-lg-48{min-width:var(--post-core-dimension-48) !important}.min-w-lg-56{min-width:var(--post-core-dimension-56) !important}.min-w-lg-64{min-width:var(--post-core-dimension-64) !important}.min-w-lg-72{min-width:var(--post-core-dimension-72) !important}.min-w-lg-80{min-width:var(--post-core-dimension-80) !important}.min-w-lg-88{min-width:var(--post-core-dimension-88) !important}.min-w-lg-96{min-width:var(--post-core-dimension-96) !important}.min-w-lg-104{min-width:var(--post-core-dimension-104) !important}.min-w-lg-auto{min-width:auto !important}.min-w-lg-quarter{min-width:25% !important}.min-w-lg-third{min-width:33% !important}.min-w-lg-half{min-width:50% !important}.min-w-lg-two-thirds{min-width:66% !important}.min-w-lg-three-quarters{min-width:75% !important}.min-w-lg-full{min-width:100% !important}.min-h-lg-0{min-height:var(--post-core-dimension-0) !important}.min-h-lg-1{min-height:var(--post-core-dimension-1) !important}.min-h-lg-2{min-height:var(--post-core-dimension-2) !important}.min-h-lg-4{min-height:var(--post-core-dimension-4) !important}.min-h-lg-6{min-height:var(--post-core-dimension-6) !important}.min-h-lg-8{min-height:var(--post-core-dimension-8) !important}.min-h-lg-12{min-height:var(--post-core-dimension-12) !important}.min-h-lg-16{min-height:var(--post-core-dimension-16) !important}.min-h-lg-24{min-height:var(--post-core-dimension-24) !important}.min-h-lg-32{min-height:var(--post-core-dimension-32) !important}.min-h-lg-40{min-height:var(--post-core-dimension-40) !important}.min-h-lg-48{min-height:var(--post-core-dimension-48) !important}.min-h-lg-56{min-height:var(--post-core-dimension-56) !important}.min-h-lg-64{min-height:var(--post-core-dimension-64) !important}.min-h-lg-72{min-height:var(--post-core-dimension-72) !important}.min-h-lg-80{min-height:var(--post-core-dimension-80) !important}.min-h-lg-88{min-height:var(--post-core-dimension-88) !important}.min-h-lg-96{min-height:var(--post-core-dimension-96) !important}.min-h-lg-104{min-height:var(--post-core-dimension-104) !important}.min-h-lg-auto{min-height:auto !important}.min-h-lg-quarter{min-height:25% !important}.min-h-lg-third{min-height:33% !important}.min-h-lg-half{min-height:50% !important}.min-h-lg-two-thirds{min-height:66% !important}.min-h-lg-three-quarters{min-height:75% !important}.min-h-lg-full{min-height:100% !important}.vw-lg-quarter{width:25vw !important}.vw-lg-third{width:33vw !important}.vw-lg-half{width:50vw !important}.vw-lg-two-thirds{width:66vw !important}.vw-lg-three-quarters{width:75vw !important}.vw-lg-full{width:100vw !important}.vh-lg-quarter{height:25vh !important}.vh-lg-third{height:33vh !important}.vh-lg-half{height:50vh !important}.vh-lg-two-thirds{height:66vh !important}.vh-lg-three-quarters{height:75vh !important}.vh-lg-full{height:100vh !important}.min-vw-lg-quarter{min-width:25vw !important}.min-vw-lg-third{min-width:33vw !important}.min-vw-lg-half{min-width:50vw !important}.min-vw-lg-two-thirds{min-width:66vw !important}.min-vw-lg-three-quarters{min-width:75vw !important}.min-vw-lg-full{min-width:100vw !important}.min-vh-lg-quarter{min-height:25vh !important}.min-vh-lg-third{min-height:33vh !important}.min-vh-lg-half{min-height:50vh !important}.min-vh-lg-two-thirds{min-height:66vh !important}.min-vh-lg-three-quarters{min-height:75vh !important}.min-vh-lg-full{min-height:100vh !important}.max-vw-lg-quarter{max-width:25vw !important}.max-vw-lg-third{max-width:33vw !important}.max-vw-lg-half{max-width:50vw !important}.max-vw-lg-two-thirds{max-width:66vw !important}.max-vw-lg-three-quarters{max-width:75vw !important}.max-vw-lg-full{max-width:100vw !important}.max-vh-lg-quarter{max-height:25vh !important}.max-vh-lg-third{max-height:33vh !important}.max-vh-lg-half{max-height:50vh !important}.max-vh-lg-two-thirds{max-height:66vh !important}.max-vh-lg-three-quarters{max-height:75vh !important}.max-vh-lg-full{max-height:100vh !important}.float-lg-start{float:inline-start !important}.float-lg-end{float:inline-end !important}.float-lg-none{float:none !important}.mt-lg-0,.my-lg-0,.m-lg-0{margin-top:var(--post-core-dimension-0) !important}.mt-lg-1,.my-lg-1,.m-lg-1{margin-top:var(--post-core-dimension-1) !important}.mt-lg-2,.my-lg-2,.m-lg-2{margin-top:var(--post-core-dimension-2) !important}.mt-lg-4,.my-lg-4,.m-lg-4{margin-top:var(--post-core-dimension-4) !important}.mt-lg-6,.my-lg-6,.m-lg-6{margin-top:var(--post-core-dimension-6) !important}.mt-lg-8,.my-lg-8,.m-lg-8{margin-top:var(--post-core-dimension-8) !important}.mt-lg-12,.my-lg-12,.m-lg-12{margin-top:var(--post-core-dimension-12) !important}.mt-lg-16,.my-lg-16,.m-lg-16{margin-top:var(--post-core-dimension-16) !important}.mt-lg-24,.my-lg-24,.m-lg-24{margin-top:var(--post-core-dimension-24) !important}.mt-lg-32,.my-lg-32,.m-lg-32{margin-top:var(--post-core-dimension-32) !important}.mt-lg-40,.my-lg-40,.m-lg-40{margin-top:var(--post-core-dimension-40) !important}.mt-lg-48,.my-lg-48,.m-lg-48{margin-top:var(--post-core-dimension-48) !important}.mt-lg-56,.my-lg-56,.m-lg-56{margin-top:var(--post-core-dimension-56) !important}.mt-lg-64,.my-lg-64,.m-lg-64{margin-top:var(--post-core-dimension-64) !important}.mt-lg-72,.my-lg-72,.m-lg-72{margin-top:var(--post-core-dimension-72) !important}.mt-lg-80,.my-lg-80,.m-lg-80{margin-top:var(--post-core-dimension-80) !important}.mt-lg-88,.my-lg-88,.m-lg-88{margin-top:var(--post-core-dimension-88) !important}.mt-lg-96,.my-lg-96,.m-lg-96{margin-top:var(--post-core-dimension-96) !important}.mt-lg-104,.my-lg-104,.m-lg-104{margin-top:var(--post-core-dimension-104) !important}.mt-lg-auto,.my-lg-auto,.m-lg-auto{margin-top:auto !important}.me-lg-0,.mx-lg-0,.m-lg-0{margin-right:var(--post-core-dimension-0) !important}.me-lg-1,.mx-lg-1,.m-lg-1{margin-right:var(--post-core-dimension-1) !important}.me-lg-2,.mx-lg-2,.m-lg-2{margin-right:var(--post-core-dimension-2) !important}.me-lg-4,.mx-lg-4,.m-lg-4{margin-right:var(--post-core-dimension-4) !important}.me-lg-6,.mx-lg-6,.m-lg-6{margin-right:var(--post-core-dimension-6) !important}.me-lg-8,.mx-lg-8,.m-lg-8{margin-right:var(--post-core-dimension-8) !important}.me-lg-12,.mx-lg-12,.m-lg-12{margin-right:var(--post-core-dimension-12) !important}.me-lg-16,.mx-lg-16,.m-lg-16{margin-right:var(--post-core-dimension-16) !important}.me-lg-24,.mx-lg-24,.m-lg-24{margin-right:var(--post-core-dimension-24) !important}.me-lg-32,.mx-lg-32,.m-lg-32{margin-right:var(--post-core-dimension-32) !important}.me-lg-40,.mx-lg-40,.m-lg-40{margin-right:var(--post-core-dimension-40) !important}.me-lg-48,.mx-lg-48,.m-lg-48{margin-right:var(--post-core-dimension-48) !important}.me-lg-56,.mx-lg-56,.m-lg-56{margin-right:var(--post-core-dimension-56) !important}.me-lg-64,.mx-lg-64,.m-lg-64{margin-right:var(--post-core-dimension-64) !important}.me-lg-72,.mx-lg-72,.m-lg-72{margin-right:var(--post-core-dimension-72) !important}.me-lg-80,.mx-lg-80,.m-lg-80{margin-right:var(--post-core-dimension-80) !important}.me-lg-88,.mx-lg-88,.m-lg-88{margin-right:var(--post-core-dimension-88) !important}.me-lg-96,.mx-lg-96,.m-lg-96{margin-right:var(--post-core-dimension-96) !important}.me-lg-104,.mx-lg-104,.m-lg-104{margin-right:var(--post-core-dimension-104) !important}.me-lg-auto,.mx-lg-auto,.m-lg-auto{margin-right:auto !important}.mb-lg-0,.my-lg-0,.m-lg-0{margin-bottom:var(--post-core-dimension-0) !important}.mb-lg-1,.my-lg-1,.m-lg-1{margin-bottom:var(--post-core-dimension-1) !important}.mb-lg-2,.my-lg-2,.m-lg-2{margin-bottom:var(--post-core-dimension-2) !important}.mb-lg-4,.my-lg-4,.m-lg-4{margin-bottom:var(--post-core-dimension-4) !important}.mb-lg-6,.my-lg-6,.m-lg-6{margin-bottom:var(--post-core-dimension-6) !important}.mb-lg-8,.my-lg-8,.m-lg-8{margin-bottom:var(--post-core-dimension-8) !important}.mb-lg-12,.my-lg-12,.m-lg-12{margin-bottom:var(--post-core-dimension-12) !important}.mb-lg-16,.my-lg-16,.m-lg-16{margin-bottom:var(--post-core-dimension-16) !important}.mb-lg-24,.my-lg-24,.m-lg-24{margin-bottom:var(--post-core-dimension-24) !important}.mb-lg-32,.my-lg-32,.m-lg-32{margin-bottom:var(--post-core-dimension-32) !important}.mb-lg-40,.my-lg-40,.m-lg-40{margin-bottom:var(--post-core-dimension-40) !important}.mb-lg-48,.my-lg-48,.m-lg-48{margin-bottom:var(--post-core-dimension-48) !important}.mb-lg-56,.my-lg-56,.m-lg-56{margin-bottom:var(--post-core-dimension-56) !important}.mb-lg-64,.my-lg-64,.m-lg-64{margin-bottom:var(--post-core-dimension-64) !important}.mb-lg-72,.my-lg-72,.m-lg-72{margin-bottom:var(--post-core-dimension-72) !important}.mb-lg-80,.my-lg-80,.m-lg-80{margin-bottom:var(--post-core-dimension-80) !important}.mb-lg-88,.my-lg-88,.m-lg-88{margin-bottom:var(--post-core-dimension-88) !important}.mb-lg-96,.my-lg-96,.m-lg-96{margin-bottom:var(--post-core-dimension-96) !important}.mb-lg-104,.my-lg-104,.m-lg-104{margin-bottom:var(--post-core-dimension-104) !important}.mb-lg-auto,.my-lg-auto,.m-lg-auto{margin-bottom:auto !important}.ms-lg-0,.mx-lg-0,.m-lg-0{margin-left:var(--post-core-dimension-0) !important}.ms-lg-1,.mx-lg-1,.m-lg-1{margin-left:var(--post-core-dimension-1) !important}.ms-lg-2,.mx-lg-2,.m-lg-2{margin-left:var(--post-core-dimension-2) !important}.ms-lg-4,.mx-lg-4,.m-lg-4{margin-left:var(--post-core-dimension-4) !important}.ms-lg-6,.mx-lg-6,.m-lg-6{margin-left:var(--post-core-dimension-6) !important}.ms-lg-8,.mx-lg-8,.m-lg-8{margin-left:var(--post-core-dimension-8) !important}.ms-lg-12,.mx-lg-12,.m-lg-12{margin-left:var(--post-core-dimension-12) !important}.ms-lg-16,.mx-lg-16,.m-lg-16{margin-left:var(--post-core-dimension-16) !important}.ms-lg-24,.mx-lg-24,.m-lg-24{margin-left:var(--post-core-dimension-24) !important}.ms-lg-32,.mx-lg-32,.m-lg-32{margin-left:var(--post-core-dimension-32) !important}.ms-lg-40,.mx-lg-40,.m-lg-40{margin-left:var(--post-core-dimension-40) !important}.ms-lg-48,.mx-lg-48,.m-lg-48{margin-left:var(--post-core-dimension-48) !important}.ms-lg-56,.mx-lg-56,.m-lg-56{margin-left:var(--post-core-dimension-56) !important}.ms-lg-64,.mx-lg-64,.m-lg-64{margin-left:var(--post-core-dimension-64) !important}.ms-lg-72,.mx-lg-72,.m-lg-72{margin-left:var(--post-core-dimension-72) !important}.ms-lg-80,.mx-lg-80,.m-lg-80{margin-left:var(--post-core-dimension-80) !important}.ms-lg-88,.mx-lg-88,.m-lg-88{margin-left:var(--post-core-dimension-88) !important}.ms-lg-96,.mx-lg-96,.m-lg-96{margin-left:var(--post-core-dimension-96) !important}.ms-lg-104,.mx-lg-104,.m-lg-104{margin-left:var(--post-core-dimension-104) !important}.ms-lg-auto,.mx-lg-auto,.m-lg-auto{margin-left:auto !important}.pt-lg-0,.py-lg-0,.p-lg-0{padding-top:var(--post-core-dimension-0) !important}.pt-lg-1,.py-lg-1,.p-lg-1{padding-top:var(--post-core-dimension-1) !important}.pt-lg-2,.py-lg-2,.p-lg-2{padding-top:var(--post-core-dimension-2) !important}.pt-lg-4,.py-lg-4,.p-lg-4{padding-top:var(--post-core-dimension-4) !important}.pt-lg-6,.py-lg-6,.p-lg-6{padding-top:var(--post-core-dimension-6) !important}.pt-lg-8,.py-lg-8,.p-lg-8{padding-top:var(--post-core-dimension-8) !important}.pt-lg-12,.py-lg-12,.p-lg-12{padding-top:var(--post-core-dimension-12) !important}.pt-lg-16,.py-lg-16,.p-lg-16{padding-top:var(--post-core-dimension-16) !important}.pt-lg-24,.py-lg-24,.p-lg-24{padding-top:var(--post-core-dimension-24) !important}.pt-lg-32,.py-lg-32,.p-lg-32{padding-top:var(--post-core-dimension-32) !important}.pt-lg-40,.py-lg-40,.p-lg-40{padding-top:var(--post-core-dimension-40) !important}.pt-lg-48,.py-lg-48,.p-lg-48{padding-top:var(--post-core-dimension-48) !important}.pt-lg-56,.py-lg-56,.p-lg-56{padding-top:var(--post-core-dimension-56) !important}.pt-lg-64,.py-lg-64,.p-lg-64{padding-top:var(--post-core-dimension-64) !important}.pt-lg-72,.py-lg-72,.p-lg-72{padding-top:var(--post-core-dimension-72) !important}.pt-lg-80,.py-lg-80,.p-lg-80{padding-top:var(--post-core-dimension-80) !important}.pt-lg-88,.py-lg-88,.p-lg-88{padding-top:var(--post-core-dimension-88) !important}.pt-lg-96,.py-lg-96,.p-lg-96{padding-top:var(--post-core-dimension-96) !important}.pt-lg-104,.py-lg-104,.p-lg-104{padding-top:var(--post-core-dimension-104) !important}.pt-lg-auto,.py-lg-auto,.p-lg-auto{padding-top:auto !important}.pe-lg-0,.px-lg-0,.p-lg-0{padding-right:var(--post-core-dimension-0) !important}.pe-lg-1,.px-lg-1,.p-lg-1{padding-right:var(--post-core-dimension-1) !important}.pe-lg-2,.px-lg-2,.p-lg-2{padding-right:var(--post-core-dimension-2) !important}.pe-lg-4,.px-lg-4,.p-lg-4{padding-right:var(--post-core-dimension-4) !important}.pe-lg-6,.px-lg-6,.p-lg-6{padding-right:var(--post-core-dimension-6) !important}.pe-lg-8,.px-lg-8,.p-lg-8{padding-right:var(--post-core-dimension-8) !important}.pe-lg-12,.px-lg-12,.p-lg-12{padding-right:var(--post-core-dimension-12) !important}.pe-lg-16,.px-lg-16,.p-lg-16{padding-right:var(--post-core-dimension-16) !important}.pe-lg-24,.px-lg-24,.p-lg-24{padding-right:var(--post-core-dimension-24) !important}.pe-lg-32,.px-lg-32,.p-lg-32{padding-right:var(--post-core-dimension-32) !important}.pe-lg-40,.px-lg-40,.p-lg-40{padding-right:var(--post-core-dimension-40) !important}.pe-lg-48,.px-lg-48,.p-lg-48{padding-right:var(--post-core-dimension-48) !important}.pe-lg-56,.px-lg-56,.p-lg-56{padding-right:var(--post-core-dimension-56) !important}.pe-lg-64,.px-lg-64,.p-lg-64{padding-right:var(--post-core-dimension-64) !important}.pe-lg-72,.px-lg-72,.p-lg-72{padding-right:var(--post-core-dimension-72) !important}.pe-lg-80,.px-lg-80,.p-lg-80{padding-right:var(--post-core-dimension-80) !important}.pe-lg-88,.px-lg-88,.p-lg-88{padding-right:var(--post-core-dimension-88) !important}.pe-lg-96,.px-lg-96,.p-lg-96{padding-right:var(--post-core-dimension-96) !important}.pe-lg-104,.px-lg-104,.p-lg-104{padding-right:var(--post-core-dimension-104) !important}.pe-lg-auto,.px-lg-auto,.p-lg-auto{padding-right:auto !important}.pb-lg-0,.py-lg-0,.p-lg-0{padding-bottom:var(--post-core-dimension-0) !important}.pb-lg-1,.py-lg-1,.p-lg-1{padding-bottom:var(--post-core-dimension-1) !important}.pb-lg-2,.py-lg-2,.p-lg-2{padding-bottom:var(--post-core-dimension-2) !important}.pb-lg-4,.py-lg-4,.p-lg-4{padding-bottom:var(--post-core-dimension-4) !important}.pb-lg-6,.py-lg-6,.p-lg-6{padding-bottom:var(--post-core-dimension-6) !important}.pb-lg-8,.py-lg-8,.p-lg-8{padding-bottom:var(--post-core-dimension-8) !important}.pb-lg-12,.py-lg-12,.p-lg-12{padding-bottom:var(--post-core-dimension-12) !important}.pb-lg-16,.py-lg-16,.p-lg-16{padding-bottom:var(--post-core-dimension-16) !important}.pb-lg-24,.py-lg-24,.p-lg-24{padding-bottom:var(--post-core-dimension-24) !important}.pb-lg-32,.py-lg-32,.p-lg-32{padding-bottom:var(--post-core-dimension-32) !important}.pb-lg-40,.py-lg-40,.p-lg-40{padding-bottom:var(--post-core-dimension-40) !important}.pb-lg-48,.py-lg-48,.p-lg-48{padding-bottom:var(--post-core-dimension-48) !important}.pb-lg-56,.py-lg-56,.p-lg-56{padding-bottom:var(--post-core-dimension-56) !important}.pb-lg-64,.py-lg-64,.p-lg-64{padding-bottom:var(--post-core-dimension-64) !important}.pb-lg-72,.py-lg-72,.p-lg-72{padding-bottom:var(--post-core-dimension-72) !important}.pb-lg-80,.py-lg-80,.p-lg-80{padding-bottom:var(--post-core-dimension-80) !important}.pb-lg-88,.py-lg-88,.p-lg-88{padding-bottom:var(--post-core-dimension-88) !important}.pb-lg-96,.py-lg-96,.p-lg-96{padding-bottom:var(--post-core-dimension-96) !important}.pb-lg-104,.py-lg-104,.p-lg-104{padding-bottom:var(--post-core-dimension-104) !important}.pb-lg-auto,.py-lg-auto,.p-lg-auto{padding-bottom:auto !important}.ps-lg-0,.px-lg-0,.p-lg-0{padding-left:var(--post-core-dimension-0) !important}.ps-lg-1,.px-lg-1,.p-lg-1{padding-left:var(--post-core-dimension-1) !important}.ps-lg-2,.px-lg-2,.p-lg-2{padding-left:var(--post-core-dimension-2) !important}.ps-lg-4,.px-lg-4,.p-lg-4{padding-left:var(--post-core-dimension-4) !important}.ps-lg-6,.px-lg-6,.p-lg-6{padding-left:var(--post-core-dimension-6) !important}.ps-lg-8,.px-lg-8,.p-lg-8{padding-left:var(--post-core-dimension-8) !important}.ps-lg-12,.px-lg-12,.p-lg-12{padding-left:var(--post-core-dimension-12) !important}.ps-lg-16,.px-lg-16,.p-lg-16{padding-left:var(--post-core-dimension-16) !important}.ps-lg-24,.px-lg-24,.p-lg-24{padding-left:var(--post-core-dimension-24) !important}.ps-lg-32,.px-lg-32,.p-lg-32{padding-left:var(--post-core-dimension-32) !important}.ps-lg-40,.px-lg-40,.p-lg-40{padding-left:var(--post-core-dimension-40) !important}.ps-lg-48,.px-lg-48,.p-lg-48{padding-left:var(--post-core-dimension-48) !important}.ps-lg-56,.px-lg-56,.p-lg-56{padding-left:var(--post-core-dimension-56) !important}.ps-lg-64,.px-lg-64,.p-lg-64{padding-left:var(--post-core-dimension-64) !important}.ps-lg-72,.px-lg-72,.p-lg-72{padding-left:var(--post-core-dimension-72) !important}.ps-lg-80,.px-lg-80,.p-lg-80{padding-left:var(--post-core-dimension-80) !important}.ps-lg-88,.px-lg-88,.p-lg-88{padding-left:var(--post-core-dimension-88) !important}.ps-lg-96,.px-lg-96,.p-lg-96{padding-left:var(--post-core-dimension-96) !important}.ps-lg-104,.px-lg-104,.p-lg-104{padding-left:var(--post-core-dimension-104) !important}.ps-lg-auto,.px-lg-auto,.p-lg-auto{padding-left:auto !important}.gap-lg-0{gap:var(--post-core-dimension-0) !important}.gap-lg-1{gap:var(--post-core-dimension-1) !important}.gap-lg-2{gap:var(--post-core-dimension-2) !important}.gap-lg-4{gap:var(--post-core-dimension-4) !important}.gap-lg-6{gap:var(--post-core-dimension-6) !important}.gap-lg-8{gap:var(--post-core-dimension-8) !important}.gap-lg-12{gap:var(--post-core-dimension-12) !important}.gap-lg-16{gap:var(--post-core-dimension-16) !important}.gap-lg-24{gap:var(--post-core-dimension-24) !important}.gap-lg-32{gap:var(--post-core-dimension-32) !important}.gap-lg-40{gap:var(--post-core-dimension-40) !important}.gap-lg-48{gap:var(--post-core-dimension-48) !important}.gap-lg-56{gap:var(--post-core-dimension-56) !important}.gap-lg-64{gap:var(--post-core-dimension-64) !important}.gap-lg-72{gap:var(--post-core-dimension-72) !important}.gap-lg-80{gap:var(--post-core-dimension-80) !important}.gap-lg-88{gap:var(--post-core-dimension-88) !important}.gap-lg-96{gap:var(--post-core-dimension-96) !important}.gap-lg-104{gap:var(--post-core-dimension-104) !important}.gap-lg-auto{gap:auto !important}.row-gap-lg-0{row-gap:var(--post-core-dimension-0) !important}.row-gap-lg-1{row-gap:var(--post-core-dimension-1) !important}.row-gap-lg-2{row-gap:var(--post-core-dimension-2) !important}.row-gap-lg-4{row-gap:var(--post-core-dimension-4) !important}.row-gap-lg-6{row-gap:var(--post-core-dimension-6) !important}.row-gap-lg-8{row-gap:var(--post-core-dimension-8) !important}.row-gap-lg-12{row-gap:var(--post-core-dimension-12) !important}.row-gap-lg-16{row-gap:var(--post-core-dimension-16) !important}.row-gap-lg-24{row-gap:var(--post-core-dimension-24) !important}.row-gap-lg-32{row-gap:var(--post-core-dimension-32) !important}.row-gap-lg-40{row-gap:var(--post-core-dimension-40) !important}.row-gap-lg-48{row-gap:var(--post-core-dimension-48) !important}.row-gap-lg-56{row-gap:var(--post-core-dimension-56) !important}.row-gap-lg-64{row-gap:var(--post-core-dimension-64) !important}.row-gap-lg-72{row-gap:var(--post-core-dimension-72) !important}.row-gap-lg-80{row-gap:var(--post-core-dimension-80) !important}.row-gap-lg-88{row-gap:var(--post-core-dimension-88) !important}.row-gap-lg-96{row-gap:var(--post-core-dimension-96) !important}.row-gap-lg-104{row-gap:var(--post-core-dimension-104) !important}.row-gap-lg-auto{row-gap:auto !important}.column-gap-lg-0{column-gap:var(--post-core-dimension-0) !important}.column-gap-lg-1{column-gap:var(--post-core-dimension-1) !important}.column-gap-lg-2{column-gap:var(--post-core-dimension-2) !important}.column-gap-lg-4{column-gap:var(--post-core-dimension-4) !important}.column-gap-lg-6{column-gap:var(--post-core-dimension-6) !important}.column-gap-lg-8{column-gap:var(--post-core-dimension-8) !important}.column-gap-lg-12{column-gap:var(--post-core-dimension-12) !important}.column-gap-lg-16{column-gap:var(--post-core-dimension-16) !important}.column-gap-lg-24{column-gap:var(--post-core-dimension-24) !important}.column-gap-lg-32{column-gap:var(--post-core-dimension-32) !important}.column-gap-lg-40{column-gap:var(--post-core-dimension-40) !important}.column-gap-lg-48{column-gap:var(--post-core-dimension-48) !important}.column-gap-lg-56{column-gap:var(--post-core-dimension-56) !important}.column-gap-lg-64{column-gap:var(--post-core-dimension-64) !important}.column-gap-lg-72{column-gap:var(--post-core-dimension-72) !important}.column-gap-lg-80{column-gap:var(--post-core-dimension-80) !important}.column-gap-lg-88{column-gap:var(--post-core-dimension-88) !important}.column-gap-lg-96{column-gap:var(--post-core-dimension-96) !important}.column-gap-lg-104{column-gap:var(--post-core-dimension-104) !important}.column-gap-lg-auto{column-gap:auto !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-inline-grid{display:inline-grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.text-lg-start{text-align:left !important}.text-lg-end{text-align:right !important}.text-lg-center{text-align:center !important}.fs-lg-1{font-size:var(--post-device-font-size-1) !important}.fs-lg-2{font-size:var(--post-device-font-size-2) !important}.fs-lg-3{font-size:var(--post-device-font-size-3) !important}.fs-lg-4{font-size:var(--post-device-font-size-4) !important}.fs-lg-5{font-size:var(--post-device-font-size-5) !important}.fs-lg-6{font-size:var(--post-device-font-size-6) !important}.fs-lg-7{font-size:var(--post-device-font-size-7) !important}.fs-lg-8{font-size:var(--post-device-font-size-8) !important}.fs-lg-9{font-size:var(--post-device-font-size-9) !important}.fs-lg-10{font-size:var(--post-device-font-size-10) !important}.fs-lg-11{font-size:var(--post-device-font-size-11) !important}}@media screen and (min-width: 1280px){.gx-xl-0,.g-xl-0{--post-grid-gutter-x:var(--post-core-dimension-0) !important}.gx-xl-1,.g-xl-1{--post-grid-gutter-x:var(--post-core-dimension-1) !important}.gx-xl-2,.g-xl-2{--post-grid-gutter-x:var(--post-core-dimension-2) !important}.gx-xl-4,.g-xl-4{--post-grid-gutter-x:var(--post-core-dimension-4) !important}.gx-xl-6,.g-xl-6{--post-grid-gutter-x:var(--post-core-dimension-6) !important}.gx-xl-8,.g-xl-8{--post-grid-gutter-x:var(--post-core-dimension-8) !important}.gx-xl-12,.g-xl-12{--post-grid-gutter-x:var(--post-core-dimension-12) !important}.gx-xl-16,.g-xl-16{--post-grid-gutter-x:var(--post-core-dimension-16) !important}.gx-xl-24,.g-xl-24{--post-grid-gutter-x:var(--post-core-dimension-24) !important}.gx-xl-32,.g-xl-32{--post-grid-gutter-x:var(--post-core-dimension-32) !important}.gx-xl-40,.g-xl-40{--post-grid-gutter-x:var(--post-core-dimension-40) !important}.gx-xl-48,.g-xl-48{--post-grid-gutter-x:var(--post-core-dimension-48) !important}.gx-xl-56,.g-xl-56{--post-grid-gutter-x:var(--post-core-dimension-56) !important}.gx-xl-64,.g-xl-64{--post-grid-gutter-x:var(--post-core-dimension-64) !important}.gx-xl-72,.g-xl-72{--post-grid-gutter-x:var(--post-core-dimension-72) !important}.gx-xl-80,.g-xl-80{--post-grid-gutter-x:var(--post-core-dimension-80) !important}.gx-xl-88,.g-xl-88{--post-grid-gutter-x:var(--post-core-dimension-88) !important}.gx-xl-96,.g-xl-96{--post-grid-gutter-x:var(--post-core-dimension-96) !important}.gx-xl-104,.g-xl-104{--post-grid-gutter-x:var(--post-core-dimension-104) !important}.gx-xl-auto,.g-xl-auto{--post-grid-gutter-x:auto !important}.gy-xl-0,.g-xl-0{--post-grid-gutter-y:var(--post-core-dimension-0) !important}.gy-xl-1,.g-xl-1{--post-grid-gutter-y:var(--post-core-dimension-1) !important}.gy-xl-2,.g-xl-2{--post-grid-gutter-y:var(--post-core-dimension-2) !important}.gy-xl-4,.g-xl-4{--post-grid-gutter-y:var(--post-core-dimension-4) !important}.gy-xl-6,.g-xl-6{--post-grid-gutter-y:var(--post-core-dimension-6) !important}.gy-xl-8,.g-xl-8{--post-grid-gutter-y:var(--post-core-dimension-8) !important}.gy-xl-12,.g-xl-12{--post-grid-gutter-y:var(--post-core-dimension-12) !important}.gy-xl-16,.g-xl-16{--post-grid-gutter-y:var(--post-core-dimension-16) !important}.gy-xl-24,.g-xl-24{--post-grid-gutter-y:var(--post-core-dimension-24) !important}.gy-xl-32,.g-xl-32{--post-grid-gutter-y:var(--post-core-dimension-32) !important}.gy-xl-40,.g-xl-40{--post-grid-gutter-y:var(--post-core-dimension-40) !important}.gy-xl-48,.g-xl-48{--post-grid-gutter-y:var(--post-core-dimension-48) !important}.gy-xl-56,.g-xl-56{--post-grid-gutter-y:var(--post-core-dimension-56) !important}.gy-xl-64,.g-xl-64{--post-grid-gutter-y:var(--post-core-dimension-64) !important}.gy-xl-72,.g-xl-72{--post-grid-gutter-y:var(--post-core-dimension-72) !important}.gy-xl-80,.g-xl-80{--post-grid-gutter-y:var(--post-core-dimension-80) !important}.gy-xl-88,.g-xl-88{--post-grid-gutter-y:var(--post-core-dimension-88) !important}.gy-xl-96,.g-xl-96{--post-grid-gutter-y:var(--post-core-dimension-96) !important}.gy-xl-104,.g-xl-104{--post-grid-gutter-y:var(--post-core-dimension-104) !important}.gy-xl-auto,.g-xl-auto{--post-grid-gutter-y:auto !important}.w-xl-0{width:var(--post-core-dimension-0) !important}.w-xl-1{width:var(--post-core-dimension-1) !important}.w-xl-2{width:var(--post-core-dimension-2) !important}.w-xl-4{width:var(--post-core-dimension-4) !important}.w-xl-6{width:var(--post-core-dimension-6) !important}.w-xl-8{width:var(--post-core-dimension-8) !important}.w-xl-12{width:var(--post-core-dimension-12) !important}.w-xl-16{width:var(--post-core-dimension-16) !important}.w-xl-24{width:var(--post-core-dimension-24) !important}.w-xl-32{width:var(--post-core-dimension-32) !important}.w-xl-40{width:var(--post-core-dimension-40) !important}.w-xl-48{width:var(--post-core-dimension-48) !important}.w-xl-56{width:var(--post-core-dimension-56) !important}.w-xl-64{width:var(--post-core-dimension-64) !important}.w-xl-72{width:var(--post-core-dimension-72) !important}.w-xl-80{width:var(--post-core-dimension-80) !important}.w-xl-88{width:var(--post-core-dimension-88) !important}.w-xl-96{width:var(--post-core-dimension-96) !important}.w-xl-104{width:var(--post-core-dimension-104) !important}.w-xl-auto{width:auto !important}.w-xl-quarter{width:25% !important}.w-xl-third{width:33% !important}.w-xl-half{width:50% !important}.w-xl-two-thirds{width:66% !important}.w-xl-three-quarters{width:75% !important}.w-xl-full{width:100% !important}.h-xl-0{height:var(--post-core-dimension-0) !important}.h-xl-1{height:var(--post-core-dimension-1) !important}.h-xl-2{height:var(--post-core-dimension-2) !important}.h-xl-4{height:var(--post-core-dimension-4) !important}.h-xl-6{height:var(--post-core-dimension-6) !important}.h-xl-8{height:var(--post-core-dimension-8) !important}.h-xl-12{height:var(--post-core-dimension-12) !important}.h-xl-16{height:var(--post-core-dimension-16) !important}.h-xl-24{height:var(--post-core-dimension-24) !important}.h-xl-32{height:var(--post-core-dimension-32) !important}.h-xl-40{height:var(--post-core-dimension-40) !important}.h-xl-48{height:var(--post-core-dimension-48) !important}.h-xl-56{height:var(--post-core-dimension-56) !important}.h-xl-64{height:var(--post-core-dimension-64) !important}.h-xl-72{height:var(--post-core-dimension-72) !important}.h-xl-80{height:var(--post-core-dimension-80) !important}.h-xl-88{height:var(--post-core-dimension-88) !important}.h-xl-96{height:var(--post-core-dimension-96) !important}.h-xl-104{height:var(--post-core-dimension-104) !important}.h-xl-auto{height:auto !important}.h-xl-quarter{height:25% !important}.h-xl-third{height:33% !important}.h-xl-half{height:50% !important}.h-xl-two-thirds{height:66% !important}.h-xl-three-quarters{height:75% !important}.h-xl-full{height:100% !important}.max-w-xl-0{max-width:var(--post-core-dimension-0) !important}.max-w-xl-1{max-width:var(--post-core-dimension-1) !important}.max-w-xl-2{max-width:var(--post-core-dimension-2) !important}.max-w-xl-4{max-width:var(--post-core-dimension-4) !important}.max-w-xl-6{max-width:var(--post-core-dimension-6) !important}.max-w-xl-8{max-width:var(--post-core-dimension-8) !important}.max-w-xl-12{max-width:var(--post-core-dimension-12) !important}.max-w-xl-16{max-width:var(--post-core-dimension-16) !important}.max-w-xl-24{max-width:var(--post-core-dimension-24) !important}.max-w-xl-32{max-width:var(--post-core-dimension-32) !important}.max-w-xl-40{max-width:var(--post-core-dimension-40) !important}.max-w-xl-48{max-width:var(--post-core-dimension-48) !important}.max-w-xl-56{max-width:var(--post-core-dimension-56) !important}.max-w-xl-64{max-width:var(--post-core-dimension-64) !important}.max-w-xl-72{max-width:var(--post-core-dimension-72) !important}.max-w-xl-80{max-width:var(--post-core-dimension-80) !important}.max-w-xl-88{max-width:var(--post-core-dimension-88) !important}.max-w-xl-96{max-width:var(--post-core-dimension-96) !important}.max-w-xl-104{max-width:var(--post-core-dimension-104) !important}.max-w-xl-auto{max-width:auto !important}.max-w-xl-quarter{max-width:25% !important}.max-w-xl-third{max-width:33% !important}.max-w-xl-half{max-width:50% !important}.max-w-xl-two-thirds{max-width:66% !important}.max-w-xl-three-quarters{max-width:75% !important}.max-w-xl-full{max-width:100% !important}.max-h-xl-0{max-height:var(--post-core-dimension-0) !important}.max-h-xl-1{max-height:var(--post-core-dimension-1) !important}.max-h-xl-2{max-height:var(--post-core-dimension-2) !important}.max-h-xl-4{max-height:var(--post-core-dimension-4) !important}.max-h-xl-6{max-height:var(--post-core-dimension-6) !important}.max-h-xl-8{max-height:var(--post-core-dimension-8) !important}.max-h-xl-12{max-height:var(--post-core-dimension-12) !important}.max-h-xl-16{max-height:var(--post-core-dimension-16) !important}.max-h-xl-24{max-height:var(--post-core-dimension-24) !important}.max-h-xl-32{max-height:var(--post-core-dimension-32) !important}.max-h-xl-40{max-height:var(--post-core-dimension-40) !important}.max-h-xl-48{max-height:var(--post-core-dimension-48) !important}.max-h-xl-56{max-height:var(--post-core-dimension-56) !important}.max-h-xl-64{max-height:var(--post-core-dimension-64) !important}.max-h-xl-72{max-height:var(--post-core-dimension-72) !important}.max-h-xl-80{max-height:var(--post-core-dimension-80) !important}.max-h-xl-88{max-height:var(--post-core-dimension-88) !important}.max-h-xl-96{max-height:var(--post-core-dimension-96) !important}.max-h-xl-104{max-height:var(--post-core-dimension-104) !important}.max-h-xl-auto{max-height:auto !important}.max-h-xl-quarter{max-height:25% !important}.max-h-xl-third{max-height:33% !important}.max-h-xl-half{max-height:50% !important}.max-h-xl-two-thirds{max-height:66% !important}.max-h-xl-three-quarters{max-height:75% !important}.max-h-xl-full{max-height:100% !important}.min-w-xl-0{min-width:var(--post-core-dimension-0) !important}.min-w-xl-1{min-width:var(--post-core-dimension-1) !important}.min-w-xl-2{min-width:var(--post-core-dimension-2) !important}.min-w-xl-4{min-width:var(--post-core-dimension-4) !important}.min-w-xl-6{min-width:var(--post-core-dimension-6) !important}.min-w-xl-8{min-width:var(--post-core-dimension-8) !important}.min-w-xl-12{min-width:var(--post-core-dimension-12) !important}.min-w-xl-16{min-width:var(--post-core-dimension-16) !important}.min-w-xl-24{min-width:var(--post-core-dimension-24) !important}.min-w-xl-32{min-width:var(--post-core-dimension-32) !important}.min-w-xl-40{min-width:var(--post-core-dimension-40) !important}.min-w-xl-48{min-width:var(--post-core-dimension-48) !important}.min-w-xl-56{min-width:var(--post-core-dimension-56) !important}.min-w-xl-64{min-width:var(--post-core-dimension-64) !important}.min-w-xl-72{min-width:var(--post-core-dimension-72) !important}.min-w-xl-80{min-width:var(--post-core-dimension-80) !important}.min-w-xl-88{min-width:var(--post-core-dimension-88) !important}.min-w-xl-96{min-width:var(--post-core-dimension-96) !important}.min-w-xl-104{min-width:var(--post-core-dimension-104) !important}.min-w-xl-auto{min-width:auto !important}.min-w-xl-quarter{min-width:25% !important}.min-w-xl-third{min-width:33% !important}.min-w-xl-half{min-width:50% !important}.min-w-xl-two-thirds{min-width:66% !important}.min-w-xl-three-quarters{min-width:75% !important}.min-w-xl-full{min-width:100% !important}.min-h-xl-0{min-height:var(--post-core-dimension-0) !important}.min-h-xl-1{min-height:var(--post-core-dimension-1) !important}.min-h-xl-2{min-height:var(--post-core-dimension-2) !important}.min-h-xl-4{min-height:var(--post-core-dimension-4) !important}.min-h-xl-6{min-height:var(--post-core-dimension-6) !important}.min-h-xl-8{min-height:var(--post-core-dimension-8) !important}.min-h-xl-12{min-height:var(--post-core-dimension-12) !important}.min-h-xl-16{min-height:var(--post-core-dimension-16) !important}.min-h-xl-24{min-height:var(--post-core-dimension-24) !important}.min-h-xl-32{min-height:var(--post-core-dimension-32) !important}.min-h-xl-40{min-height:var(--post-core-dimension-40) !important}.min-h-xl-48{min-height:var(--post-core-dimension-48) !important}.min-h-xl-56{min-height:var(--post-core-dimension-56) !important}.min-h-xl-64{min-height:var(--post-core-dimension-64) !important}.min-h-xl-72{min-height:var(--post-core-dimension-72) !important}.min-h-xl-80{min-height:var(--post-core-dimension-80) !important}.min-h-xl-88{min-height:var(--post-core-dimension-88) !important}.min-h-xl-96{min-height:var(--post-core-dimension-96) !important}.min-h-xl-104{min-height:var(--post-core-dimension-104) !important}.min-h-xl-auto{min-height:auto !important}.min-h-xl-quarter{min-height:25% !important}.min-h-xl-third{min-height:33% !important}.min-h-xl-half{min-height:50% !important}.min-h-xl-two-thirds{min-height:66% !important}.min-h-xl-three-quarters{min-height:75% !important}.min-h-xl-full{min-height:100% !important}.vw-xl-quarter{width:25vw !important}.vw-xl-third{width:33vw !important}.vw-xl-half{width:50vw !important}.vw-xl-two-thirds{width:66vw !important}.vw-xl-three-quarters{width:75vw !important}.vw-xl-full{width:100vw !important}.vh-xl-quarter{height:25vh !important}.vh-xl-third{height:33vh !important}.vh-xl-half{height:50vh !important}.vh-xl-two-thirds{height:66vh !important}.vh-xl-three-quarters{height:75vh !important}.vh-xl-full{height:100vh !important}.min-vw-xl-quarter{min-width:25vw !important}.min-vw-xl-third{min-width:33vw !important}.min-vw-xl-half{min-width:50vw !important}.min-vw-xl-two-thirds{min-width:66vw !important}.min-vw-xl-three-quarters{min-width:75vw !important}.min-vw-xl-full{min-width:100vw !important}.min-vh-xl-quarter{min-height:25vh !important}.min-vh-xl-third{min-height:33vh !important}.min-vh-xl-half{min-height:50vh !important}.min-vh-xl-two-thirds{min-height:66vh !important}.min-vh-xl-three-quarters{min-height:75vh !important}.min-vh-xl-full{min-height:100vh !important}.max-vw-xl-quarter{max-width:25vw !important}.max-vw-xl-third{max-width:33vw !important}.max-vw-xl-half{max-width:50vw !important}.max-vw-xl-two-thirds{max-width:66vw !important}.max-vw-xl-three-quarters{max-width:75vw !important}.max-vw-xl-full{max-width:100vw !important}.max-vh-xl-quarter{max-height:25vh !important}.max-vh-xl-third{max-height:33vh !important}.max-vh-xl-half{max-height:50vh !important}.max-vh-xl-two-thirds{max-height:66vh !important}.max-vh-xl-three-quarters{max-height:75vh !important}.max-vh-xl-full{max-height:100vh !important}.float-xl-start{float:inline-start !important}.float-xl-end{float:inline-end !important}.float-xl-none{float:none !important}.mt-xl-0,.my-xl-0,.m-xl-0{margin-top:var(--post-core-dimension-0) !important}.mt-xl-1,.my-xl-1,.m-xl-1{margin-top:var(--post-core-dimension-1) !important}.mt-xl-2,.my-xl-2,.m-xl-2{margin-top:var(--post-core-dimension-2) !important}.mt-xl-4,.my-xl-4,.m-xl-4{margin-top:var(--post-core-dimension-4) !important}.mt-xl-6,.my-xl-6,.m-xl-6{margin-top:var(--post-core-dimension-6) !important}.mt-xl-8,.my-xl-8,.m-xl-8{margin-top:var(--post-core-dimension-8) !important}.mt-xl-12,.my-xl-12,.m-xl-12{margin-top:var(--post-core-dimension-12) !important}.mt-xl-16,.my-xl-16,.m-xl-16{margin-top:var(--post-core-dimension-16) !important}.mt-xl-24,.my-xl-24,.m-xl-24{margin-top:var(--post-core-dimension-24) !important}.mt-xl-32,.my-xl-32,.m-xl-32{margin-top:var(--post-core-dimension-32) !important}.mt-xl-40,.my-xl-40,.m-xl-40{margin-top:var(--post-core-dimension-40) !important}.mt-xl-48,.my-xl-48,.m-xl-48{margin-top:var(--post-core-dimension-48) !important}.mt-xl-56,.my-xl-56,.m-xl-56{margin-top:var(--post-core-dimension-56) !important}.mt-xl-64,.my-xl-64,.m-xl-64{margin-top:var(--post-core-dimension-64) !important}.mt-xl-72,.my-xl-72,.m-xl-72{margin-top:var(--post-core-dimension-72) !important}.mt-xl-80,.my-xl-80,.m-xl-80{margin-top:var(--post-core-dimension-80) !important}.mt-xl-88,.my-xl-88,.m-xl-88{margin-top:var(--post-core-dimension-88) !important}.mt-xl-96,.my-xl-96,.m-xl-96{margin-top:var(--post-core-dimension-96) !important}.mt-xl-104,.my-xl-104,.m-xl-104{margin-top:var(--post-core-dimension-104) !important}.mt-xl-auto,.my-xl-auto,.m-xl-auto{margin-top:auto !important}.me-xl-0,.mx-xl-0,.m-xl-0{margin-right:var(--post-core-dimension-0) !important}.me-xl-1,.mx-xl-1,.m-xl-1{margin-right:var(--post-core-dimension-1) !important}.me-xl-2,.mx-xl-2,.m-xl-2{margin-right:var(--post-core-dimension-2) !important}.me-xl-4,.mx-xl-4,.m-xl-4{margin-right:var(--post-core-dimension-4) !important}.me-xl-6,.mx-xl-6,.m-xl-6{margin-right:var(--post-core-dimension-6) !important}.me-xl-8,.mx-xl-8,.m-xl-8{margin-right:var(--post-core-dimension-8) !important}.me-xl-12,.mx-xl-12,.m-xl-12{margin-right:var(--post-core-dimension-12) !important}.me-xl-16,.mx-xl-16,.m-xl-16{margin-right:var(--post-core-dimension-16) !important}.me-xl-24,.mx-xl-24,.m-xl-24{margin-right:var(--post-core-dimension-24) !important}.me-xl-32,.mx-xl-32,.m-xl-32{margin-right:var(--post-core-dimension-32) !important}.me-xl-40,.mx-xl-40,.m-xl-40{margin-right:var(--post-core-dimension-40) !important}.me-xl-48,.mx-xl-48,.m-xl-48{margin-right:var(--post-core-dimension-48) !important}.me-xl-56,.mx-xl-56,.m-xl-56{margin-right:var(--post-core-dimension-56) !important}.me-xl-64,.mx-xl-64,.m-xl-64{margin-right:var(--post-core-dimension-64) !important}.me-xl-72,.mx-xl-72,.m-xl-72{margin-right:var(--post-core-dimension-72) !important}.me-xl-80,.mx-xl-80,.m-xl-80{margin-right:var(--post-core-dimension-80) !important}.me-xl-88,.mx-xl-88,.m-xl-88{margin-right:var(--post-core-dimension-88) !important}.me-xl-96,.mx-xl-96,.m-xl-96{margin-right:var(--post-core-dimension-96) !important}.me-xl-104,.mx-xl-104,.m-xl-104{margin-right:var(--post-core-dimension-104) !important}.me-xl-auto,.mx-xl-auto,.m-xl-auto{margin-right:auto !important}.mb-xl-0,.my-xl-0,.m-xl-0{margin-bottom:var(--post-core-dimension-0) !important}.mb-xl-1,.my-xl-1,.m-xl-1{margin-bottom:var(--post-core-dimension-1) !important}.mb-xl-2,.my-xl-2,.m-xl-2{margin-bottom:var(--post-core-dimension-2) !important}.mb-xl-4,.my-xl-4,.m-xl-4{margin-bottom:var(--post-core-dimension-4) !important}.mb-xl-6,.my-xl-6,.m-xl-6{margin-bottom:var(--post-core-dimension-6) !important}.mb-xl-8,.my-xl-8,.m-xl-8{margin-bottom:var(--post-core-dimension-8) !important}.mb-xl-12,.my-xl-12,.m-xl-12{margin-bottom:var(--post-core-dimension-12) !important}.mb-xl-16,.my-xl-16,.m-xl-16{margin-bottom:var(--post-core-dimension-16) !important}.mb-xl-24,.my-xl-24,.m-xl-24{margin-bottom:var(--post-core-dimension-24) !important}.mb-xl-32,.my-xl-32,.m-xl-32{margin-bottom:var(--post-core-dimension-32) !important}.mb-xl-40,.my-xl-40,.m-xl-40{margin-bottom:var(--post-core-dimension-40) !important}.mb-xl-48,.my-xl-48,.m-xl-48{margin-bottom:var(--post-core-dimension-48) !important}.mb-xl-56,.my-xl-56,.m-xl-56{margin-bottom:var(--post-core-dimension-56) !important}.mb-xl-64,.my-xl-64,.m-xl-64{margin-bottom:var(--post-core-dimension-64) !important}.mb-xl-72,.my-xl-72,.m-xl-72{margin-bottom:var(--post-core-dimension-72) !important}.mb-xl-80,.my-xl-80,.m-xl-80{margin-bottom:var(--post-core-dimension-80) !important}.mb-xl-88,.my-xl-88,.m-xl-88{margin-bottom:var(--post-core-dimension-88) !important}.mb-xl-96,.my-xl-96,.m-xl-96{margin-bottom:var(--post-core-dimension-96) !important}.mb-xl-104,.my-xl-104,.m-xl-104{margin-bottom:var(--post-core-dimension-104) !important}.mb-xl-auto,.my-xl-auto,.m-xl-auto{margin-bottom:auto !important}.ms-xl-0,.mx-xl-0,.m-xl-0{margin-left:var(--post-core-dimension-0) !important}.ms-xl-1,.mx-xl-1,.m-xl-1{margin-left:var(--post-core-dimension-1) !important}.ms-xl-2,.mx-xl-2,.m-xl-2{margin-left:var(--post-core-dimension-2) !important}.ms-xl-4,.mx-xl-4,.m-xl-4{margin-left:var(--post-core-dimension-4) !important}.ms-xl-6,.mx-xl-6,.m-xl-6{margin-left:var(--post-core-dimension-6) !important}.ms-xl-8,.mx-xl-8,.m-xl-8{margin-left:var(--post-core-dimension-8) !important}.ms-xl-12,.mx-xl-12,.m-xl-12{margin-left:var(--post-core-dimension-12) !important}.ms-xl-16,.mx-xl-16,.m-xl-16{margin-left:var(--post-core-dimension-16) !important}.ms-xl-24,.mx-xl-24,.m-xl-24{margin-left:var(--post-core-dimension-24) !important}.ms-xl-32,.mx-xl-32,.m-xl-32{margin-left:var(--post-core-dimension-32) !important}.ms-xl-40,.mx-xl-40,.m-xl-40{margin-left:var(--post-core-dimension-40) !important}.ms-xl-48,.mx-xl-48,.m-xl-48{margin-left:var(--post-core-dimension-48) !important}.ms-xl-56,.mx-xl-56,.m-xl-56{margin-left:var(--post-core-dimension-56) !important}.ms-xl-64,.mx-xl-64,.m-xl-64{margin-left:var(--post-core-dimension-64) !important}.ms-xl-72,.mx-xl-72,.m-xl-72{margin-left:var(--post-core-dimension-72) !important}.ms-xl-80,.mx-xl-80,.m-xl-80{margin-left:var(--post-core-dimension-80) !important}.ms-xl-88,.mx-xl-88,.m-xl-88{margin-left:var(--post-core-dimension-88) !important}.ms-xl-96,.mx-xl-96,.m-xl-96{margin-left:var(--post-core-dimension-96) !important}.ms-xl-104,.mx-xl-104,.m-xl-104{margin-left:var(--post-core-dimension-104) !important}.ms-xl-auto,.mx-xl-auto,.m-xl-auto{margin-left:auto !important}.pt-xl-0,.py-xl-0,.p-xl-0{padding-top:var(--post-core-dimension-0) !important}.pt-xl-1,.py-xl-1,.p-xl-1{padding-top:var(--post-core-dimension-1) !important}.pt-xl-2,.py-xl-2,.p-xl-2{padding-top:var(--post-core-dimension-2) !important}.pt-xl-4,.py-xl-4,.p-xl-4{padding-top:var(--post-core-dimension-4) !important}.pt-xl-6,.py-xl-6,.p-xl-6{padding-top:var(--post-core-dimension-6) !important}.pt-xl-8,.py-xl-8,.p-xl-8{padding-top:var(--post-core-dimension-8) !important}.pt-xl-12,.py-xl-12,.p-xl-12{padding-top:var(--post-core-dimension-12) !important}.pt-xl-16,.py-xl-16,.p-xl-16{padding-top:var(--post-core-dimension-16) !important}.pt-xl-24,.py-xl-24,.p-xl-24{padding-top:var(--post-core-dimension-24) !important}.pt-xl-32,.py-xl-32,.p-xl-32{padding-top:var(--post-core-dimension-32) !important}.pt-xl-40,.py-xl-40,.p-xl-40{padding-top:var(--post-core-dimension-40) !important}.pt-xl-48,.py-xl-48,.p-xl-48{padding-top:var(--post-core-dimension-48) !important}.pt-xl-56,.py-xl-56,.p-xl-56{padding-top:var(--post-core-dimension-56) !important}.pt-xl-64,.py-xl-64,.p-xl-64{padding-top:var(--post-core-dimension-64) !important}.pt-xl-72,.py-xl-72,.p-xl-72{padding-top:var(--post-core-dimension-72) !important}.pt-xl-80,.py-xl-80,.p-xl-80{padding-top:var(--post-core-dimension-80) !important}.pt-xl-88,.py-xl-88,.p-xl-88{padding-top:var(--post-core-dimension-88) !important}.pt-xl-96,.py-xl-96,.p-xl-96{padding-top:var(--post-core-dimension-96) !important}.pt-xl-104,.py-xl-104,.p-xl-104{padding-top:var(--post-core-dimension-104) !important}.pt-xl-auto,.py-xl-auto,.p-xl-auto{padding-top:auto !important}.pe-xl-0,.px-xl-0,.p-xl-0{padding-right:var(--post-core-dimension-0) !important}.pe-xl-1,.px-xl-1,.p-xl-1{padding-right:var(--post-core-dimension-1) !important}.pe-xl-2,.px-xl-2,.p-xl-2{padding-right:var(--post-core-dimension-2) !important}.pe-xl-4,.px-xl-4,.p-xl-4{padding-right:var(--post-core-dimension-4) !important}.pe-xl-6,.px-xl-6,.p-xl-6{padding-right:var(--post-core-dimension-6) !important}.pe-xl-8,.px-xl-8,.p-xl-8{padding-right:var(--post-core-dimension-8) !important}.pe-xl-12,.px-xl-12,.p-xl-12{padding-right:var(--post-core-dimension-12) !important}.pe-xl-16,.px-xl-16,.p-xl-16{padding-right:var(--post-core-dimension-16) !important}.pe-xl-24,.px-xl-24,.p-xl-24{padding-right:var(--post-core-dimension-24) !important}.pe-xl-32,.px-xl-32,.p-xl-32{padding-right:var(--post-core-dimension-32) !important}.pe-xl-40,.px-xl-40,.p-xl-40{padding-right:var(--post-core-dimension-40) !important}.pe-xl-48,.px-xl-48,.p-xl-48{padding-right:var(--post-core-dimension-48) !important}.pe-xl-56,.px-xl-56,.p-xl-56{padding-right:var(--post-core-dimension-56) !important}.pe-xl-64,.px-xl-64,.p-xl-64{padding-right:var(--post-core-dimension-64) !important}.pe-xl-72,.px-xl-72,.p-xl-72{padding-right:var(--post-core-dimension-72) !important}.pe-xl-80,.px-xl-80,.p-xl-80{padding-right:var(--post-core-dimension-80) !important}.pe-xl-88,.px-xl-88,.p-xl-88{padding-right:var(--post-core-dimension-88) !important}.pe-xl-96,.px-xl-96,.p-xl-96{padding-right:var(--post-core-dimension-96) !important}.pe-xl-104,.px-xl-104,.p-xl-104{padding-right:var(--post-core-dimension-104) !important}.pe-xl-auto,.px-xl-auto,.p-xl-auto{padding-right:auto !important}.pb-xl-0,.py-xl-0,.p-xl-0{padding-bottom:var(--post-core-dimension-0) !important}.pb-xl-1,.py-xl-1,.p-xl-1{padding-bottom:var(--post-core-dimension-1) !important}.pb-xl-2,.py-xl-2,.p-xl-2{padding-bottom:var(--post-core-dimension-2) !important}.pb-xl-4,.py-xl-4,.p-xl-4{padding-bottom:var(--post-core-dimension-4) !important}.pb-xl-6,.py-xl-6,.p-xl-6{padding-bottom:var(--post-core-dimension-6) !important}.pb-xl-8,.py-xl-8,.p-xl-8{padding-bottom:var(--post-core-dimension-8) !important}.pb-xl-12,.py-xl-12,.p-xl-12{padding-bottom:var(--post-core-dimension-12) !important}.pb-xl-16,.py-xl-16,.p-xl-16{padding-bottom:var(--post-core-dimension-16) !important}.pb-xl-24,.py-xl-24,.p-xl-24{padding-bottom:var(--post-core-dimension-24) !important}.pb-xl-32,.py-xl-32,.p-xl-32{padding-bottom:var(--post-core-dimension-32) !important}.pb-xl-40,.py-xl-40,.p-xl-40{padding-bottom:var(--post-core-dimension-40) !important}.pb-xl-48,.py-xl-48,.p-xl-48{padding-bottom:var(--post-core-dimension-48) !important}.pb-xl-56,.py-xl-56,.p-xl-56{padding-bottom:var(--post-core-dimension-56) !important}.pb-xl-64,.py-xl-64,.p-xl-64{padding-bottom:var(--post-core-dimension-64) !important}.pb-xl-72,.py-xl-72,.p-xl-72{padding-bottom:var(--post-core-dimension-72) !important}.pb-xl-80,.py-xl-80,.p-xl-80{padding-bottom:var(--post-core-dimension-80) !important}.pb-xl-88,.py-xl-88,.p-xl-88{padding-bottom:var(--post-core-dimension-88) !important}.pb-xl-96,.py-xl-96,.p-xl-96{padding-bottom:var(--post-core-dimension-96) !important}.pb-xl-104,.py-xl-104,.p-xl-104{padding-bottom:var(--post-core-dimension-104) !important}.pb-xl-auto,.py-xl-auto,.p-xl-auto{padding-bottom:auto !important}.ps-xl-0,.px-xl-0,.p-xl-0{padding-left:var(--post-core-dimension-0) !important}.ps-xl-1,.px-xl-1,.p-xl-1{padding-left:var(--post-core-dimension-1) !important}.ps-xl-2,.px-xl-2,.p-xl-2{padding-left:var(--post-core-dimension-2) !important}.ps-xl-4,.px-xl-4,.p-xl-4{padding-left:var(--post-core-dimension-4) !important}.ps-xl-6,.px-xl-6,.p-xl-6{padding-left:var(--post-core-dimension-6) !important}.ps-xl-8,.px-xl-8,.p-xl-8{padding-left:var(--post-core-dimension-8) !important}.ps-xl-12,.px-xl-12,.p-xl-12{padding-left:var(--post-core-dimension-12) !important}.ps-xl-16,.px-xl-16,.p-xl-16{padding-left:var(--post-core-dimension-16) !important}.ps-xl-24,.px-xl-24,.p-xl-24{padding-left:var(--post-core-dimension-24) !important}.ps-xl-32,.px-xl-32,.p-xl-32{padding-left:var(--post-core-dimension-32) !important}.ps-xl-40,.px-xl-40,.p-xl-40{padding-left:var(--post-core-dimension-40) !important}.ps-xl-48,.px-xl-48,.p-xl-48{padding-left:var(--post-core-dimension-48) !important}.ps-xl-56,.px-xl-56,.p-xl-56{padding-left:var(--post-core-dimension-56) !important}.ps-xl-64,.px-xl-64,.p-xl-64{padding-left:var(--post-core-dimension-64) !important}.ps-xl-72,.px-xl-72,.p-xl-72{padding-left:var(--post-core-dimension-72) !important}.ps-xl-80,.px-xl-80,.p-xl-80{padding-left:var(--post-core-dimension-80) !important}.ps-xl-88,.px-xl-88,.p-xl-88{padding-left:var(--post-core-dimension-88) !important}.ps-xl-96,.px-xl-96,.p-xl-96{padding-left:var(--post-core-dimension-96) !important}.ps-xl-104,.px-xl-104,.p-xl-104{padding-left:var(--post-core-dimension-104) !important}.ps-xl-auto,.px-xl-auto,.p-xl-auto{padding-left:auto !important}.gap-xl-0{gap:var(--post-core-dimension-0) !important}.gap-xl-1{gap:var(--post-core-dimension-1) !important}.gap-xl-2{gap:var(--post-core-dimension-2) !important}.gap-xl-4{gap:var(--post-core-dimension-4) !important}.gap-xl-6{gap:var(--post-core-dimension-6) !important}.gap-xl-8{gap:var(--post-core-dimension-8) !important}.gap-xl-12{gap:var(--post-core-dimension-12) !important}.gap-xl-16{gap:var(--post-core-dimension-16) !important}.gap-xl-24{gap:var(--post-core-dimension-24) !important}.gap-xl-32{gap:var(--post-core-dimension-32) !important}.gap-xl-40{gap:var(--post-core-dimension-40) !important}.gap-xl-48{gap:var(--post-core-dimension-48) !important}.gap-xl-56{gap:var(--post-core-dimension-56) !important}.gap-xl-64{gap:var(--post-core-dimension-64) !important}.gap-xl-72{gap:var(--post-core-dimension-72) !important}.gap-xl-80{gap:var(--post-core-dimension-80) !important}.gap-xl-88{gap:var(--post-core-dimension-88) !important}.gap-xl-96{gap:var(--post-core-dimension-96) !important}.gap-xl-104{gap:var(--post-core-dimension-104) !important}.gap-xl-auto{gap:auto !important}.row-gap-xl-0{row-gap:var(--post-core-dimension-0) !important}.row-gap-xl-1{row-gap:var(--post-core-dimension-1) !important}.row-gap-xl-2{row-gap:var(--post-core-dimension-2) !important}.row-gap-xl-4{row-gap:var(--post-core-dimension-4) !important}.row-gap-xl-6{row-gap:var(--post-core-dimension-6) !important}.row-gap-xl-8{row-gap:var(--post-core-dimension-8) !important}.row-gap-xl-12{row-gap:var(--post-core-dimension-12) !important}.row-gap-xl-16{row-gap:var(--post-core-dimension-16) !important}.row-gap-xl-24{row-gap:var(--post-core-dimension-24) !important}.row-gap-xl-32{row-gap:var(--post-core-dimension-32) !important}.row-gap-xl-40{row-gap:var(--post-core-dimension-40) !important}.row-gap-xl-48{row-gap:var(--post-core-dimension-48) !important}.row-gap-xl-56{row-gap:var(--post-core-dimension-56) !important}.row-gap-xl-64{row-gap:var(--post-core-dimension-64) !important}.row-gap-xl-72{row-gap:var(--post-core-dimension-72) !important}.row-gap-xl-80{row-gap:var(--post-core-dimension-80) !important}.row-gap-xl-88{row-gap:var(--post-core-dimension-88) !important}.row-gap-xl-96{row-gap:var(--post-core-dimension-96) !important}.row-gap-xl-104{row-gap:var(--post-core-dimension-104) !important}.row-gap-xl-auto{row-gap:auto !important}.column-gap-xl-0{column-gap:var(--post-core-dimension-0) !important}.column-gap-xl-1{column-gap:var(--post-core-dimension-1) !important}.column-gap-xl-2{column-gap:var(--post-core-dimension-2) !important}.column-gap-xl-4{column-gap:var(--post-core-dimension-4) !important}.column-gap-xl-6{column-gap:var(--post-core-dimension-6) !important}.column-gap-xl-8{column-gap:var(--post-core-dimension-8) !important}.column-gap-xl-12{column-gap:var(--post-core-dimension-12) !important}.column-gap-xl-16{column-gap:var(--post-core-dimension-16) !important}.column-gap-xl-24{column-gap:var(--post-core-dimension-24) !important}.column-gap-xl-32{column-gap:var(--post-core-dimension-32) !important}.column-gap-xl-40{column-gap:var(--post-core-dimension-40) !important}.column-gap-xl-48{column-gap:var(--post-core-dimension-48) !important}.column-gap-xl-56{column-gap:var(--post-core-dimension-56) !important}.column-gap-xl-64{column-gap:var(--post-core-dimension-64) !important}.column-gap-xl-72{column-gap:var(--post-core-dimension-72) !important}.column-gap-xl-80{column-gap:var(--post-core-dimension-80) !important}.column-gap-xl-88{column-gap:var(--post-core-dimension-88) !important}.column-gap-xl-96{column-gap:var(--post-core-dimension-96) !important}.column-gap-xl-104{column-gap:var(--post-core-dimension-104) !important}.column-gap-xl-auto{column-gap:auto !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-inline-grid{display:inline-grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.text-xl-start{text-align:left !important}.text-xl-end{text-align:right !important}.text-xl-center{text-align:center !important}.fs-xl-1{font-size:var(--post-device-font-size-1) !important}.fs-xl-2{font-size:var(--post-device-font-size-2) !important}.fs-xl-3{font-size:var(--post-device-font-size-3) !important}.fs-xl-4{font-size:var(--post-device-font-size-4) !important}.fs-xl-5{font-size:var(--post-device-font-size-5) !important}.fs-xl-6{font-size:var(--post-device-font-size-6) !important}.fs-xl-7{font-size:var(--post-device-font-size-7) !important}.fs-xl-8{font-size:var(--post-device-font-size-8) !important}.fs-xl-9{font-size:var(--post-device-font-size-9) !important}.fs-xl-10{font-size:var(--post-device-font-size-10) !important}.fs-xl-11{font-size:var(--post-device-font-size-11) !important}}.clearfix::after{content:"";display:block;clear:both}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.focus-ring{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.focus-ring:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.focus-ring:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.focus-ring:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.focus-ring:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.valid-feedback,.invalid-feedback{display:none;align-items:flex-start;width:100%;margin:0;font-size:var(--post-device-font-size-9)}.form-control-sm+.valid-feedback,.form-control-sm+.invalid-feedback{font-size:var(--post-device-font-size-10)}.form-select-sm+.valid-feedback,.form-select-sm+.invalid-feedback{font-size:var(--post-device-font-size-10)}.valid-feedback{color:var(--post-scheme-color-signal-success-solo)}.was-validated :valid~.valid-feedback,.is-valid~.valid-feedback{display:flex}.was-validated:has(:valid)~.valid-feedback,:has(.is-valid)~.valid-feedback{display:flex}.was-validated:has(:invalid)~.invalid-feedback,:has(.is-invalid)~.invalid-feedback{display:flex}.invalid-feedback{color:var(--post-scheme-color-signal-error-solo)}.was-validated :invalid~.invalid-feedback,.is-invalid~.invalid-feedback{display:flex}input:not([type=checkbox],[type=radio])~.invalid-feedback,input:not([type=checkbox],[type=radio])~.valid-feedback,select~.invalid-feedback,select~.valid-feedback,textarea~.invalid-feedback,textarea~.valid-feedback{margin-block:var(--post-device-spacing-padding-block-5) !important;padding-inline:var(--post-device-spacing-padding-2)}input.form-control-sm+.invalid-feedback,input.form-control-sm+.valid-feedback,select.form-select-sm+.invalid-feedback,select.form-select-sm+.valid-feedback{margin-block:var(--post-device-spacing-padding-30) !important}input.form-control-sm+.invalid-feedback:has(+.form-hint),input.form-control-sm+.valid-feedback:has(+.form-hint),select.form-select-sm+.invalid-feedback:has(+.form-hint),select.form-select-sm+.valid-feedback:has(+.form-hint){margin-block-end:var(--post-device-spacing-gap-2) !important}input[type=checkbox]~.invalid-feedback,input[type=checkbox]~.valid-feedback,input[type=radio]~.invalid-feedback,input[type=radio]~.valid-feedback,:has(input[type=checkbox])~.invalid-feedback,:has(input[type=checkbox])~.valid-feedback,:has(input[type=radio])~.invalid-feedback,:has(input[type=radio])~.valid-feedback{padding-inline-start:var(--post-core-dimension-4)}input[type=checkbox]~.invalid-feedback::before,input[type=checkbox]~.valid-feedback::before,input[type=radio]~.invalid-feedback::before,input[type=radio]~.valid-feedback::before,:has(input[type=checkbox])~.invalid-feedback::before,:has(input[type=checkbox])~.valid-feedback::before,:has(input[type=radio])~.invalid-feedback::before,:has(input[type=radio])~.valid-feedback::before{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block-start:var(--post-core-dimension-2);margin-block-end:var(--post-core-dimension-3);margin-inline-end:var(--post-device-spacing-gap-inline-10);content:"";flex-shrink:0;mask-size:contain;mask-position:center;mask-repeat:no-repeat}input[type=checkbox] input[type=radio]~.invalid-feedback,input[type=checkbox] input[type=radio]~.valid-feedback,input[type=checkbox] :has(input[type=radio])~.invalid-feedback,input[type=checkbox] :has(input[type=radio])~.valid-feedback,input[type=radio] input[type=radio]~.invalid-feedback,input[type=radio] input[type=radio]~.valid-feedback,input[type=radio] :has(input[type=radio])~.invalid-feedback,input[type=radio] :has(input[type=radio])~.valid-feedback,:has(input[type=checkbox]) input[type=radio]~.invalid-feedback,:has(input[type=checkbox]) input[type=radio]~.valid-feedback,:has(input[type=checkbox]) :has(input[type=radio])~.invalid-feedback,:has(input[type=checkbox]) :has(input[type=radio])~.valid-feedback,:has(input[type=radio]) input[type=radio]~.invalid-feedback,:has(input[type=radio]) input[type=radio]~.valid-feedback,:has(input[type=radio]) :has(input[type=radio])~.invalid-feedback,:has(input[type=radio]) :has(input[type=radio])~.valid-feedback{margin-block-start:var(--post-device-spacing-gap-4);margin-block-end:var(--post-device-spacing-padding-block-8)}input[type=checkbox] input[type=checkbox]~.invalid-feedback,input[type=checkbox] input[type=checkbox]~.valid-feedback,input[type=checkbox] :has(input[type=checkbox])~.invalid-feedback,input[type=checkbox] :has(input[type=checkbox])~.valid-feedback,input[type=radio] input[type=checkbox]~.invalid-feedback,input[type=radio] input[type=checkbox]~.valid-feedback,input[type=radio] :has(input[type=checkbox])~.invalid-feedback,input[type=radio] :has(input[type=checkbox])~.valid-feedback,:has(input[type=checkbox]) input[type=checkbox]~.invalid-feedback,:has(input[type=checkbox]) input[type=checkbox]~.valid-feedback,:has(input[type=checkbox]) :has(input[type=checkbox])~.invalid-feedback,:has(input[type=checkbox]) :has(input[type=checkbox])~.valid-feedback,:has(input[type=radio]) input[type=checkbox]~.invalid-feedback,:has(input[type=radio]) input[type=checkbox]~.valid-feedback,:has(input[type=radio]) :has(input[type=checkbox])~.invalid-feedback,:has(input[type=radio]) :has(input[type=checkbox])~.valid-feedback{margin-block-start:var(--post-device-spacing-gap-4);margin-block-end:var(--post-device-spacing-padding-block-8)}input[type=checkbox]~.invalid-feedback::before,input[type=radio]~.invalid-feedback::before,:has(input[type=checkbox])~.invalid-feedback::before,:has(input[type=radio])~.invalid-feedback::before{background-image:var(--post-signal-icon-error)}input[type=checkbox]~.valid-feedback::before,input[type=radio]~.valid-feedback::before,:has(input[type=checkbox])~.valid-feedback::before,:has(input[type=radio])~.valid-feedback::before{background-image:var(--post-signal-icon-success)}input.form-control{display:block;width:100%;font-family:inherit;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6)}input.form-control.form-control-sm{height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-29);font-size:var(--post-device-font-size-7)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control:focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus{border-color:FieldText !important}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover{border-color:Highlight}}input.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}input.form-control[type=file]{overflow:hidden;position:relative}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1) * -1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;top:0;bottom:0;right:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}@supports (background: -webkit-named-image(i)){input.form-control[type=file]::file-selector-button{display:initial;position:initial;margin-inline:0;padding-inline:0;width:0;border:0 none}input.form-control[type=file]::after{display:flex;align-items:center;content:"Choose File";position:absolute;top:0;bottom:0;right:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-left:inherit;text-align:center}[lang=de] input.form-control[type=file]::after{content:"Datei auswählen"}[lang=fr] input.form-control[type=file]::after{content:"Choisir un fichier"}[lang=it] input.form-control[type=file]::after{content:"Scegli file"}input.form-control[type=file][multiple]::after{content:"Choose Files"}[lang=de] input.form-control[type=file][multiple]::after{content:"Dateien auswählen"}[lang=fr] input.form-control[type=file][multiple]::after{content:"Choisir des fichiers"}}input.form-control[type=file].is-valid::file-selector-button,input.form-control[type=file].is-invalid::file-selector-button{padding-inline-end:calc( var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1) )}input.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}input.form-control[type=time]{padding-inline-end:calc( var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1) )}input.form-control[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:var(--post-device-position-2);top:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);background:rgba(0,0,0,0);cursor:pointer;z-index:1;padding:0;margin:0}input.form-control[type=time]::-webkit-calendar-picker-indicator:focus-within{border-radius:4px;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) var(--post-core-border-style-solid) var(--post-device-border-width-focus) !important}input.form-control[type=time]::after{position:absolute;inset-inline-end:var(--post-device-position-2);top:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);content:"";display:block;pointer-events:none;background-color:var(--post-scheme-color-interactive-input-enabled-fg);z-index:2;mask-image:var(--post-icon-time);background-color:currentColor}:root,:host{--post-icon-time:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktdGltZSI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xMy40MSA0LjY4LjgtLjhjLjI5LS4yOS4yOS0uNzcgMC0xLjA2cy0uNzctLjI5LTEuMDYgMGwtLjguOGE2Ljk1IDYuOTUgMCAwIDAtMy42LTEuNXYtLjYxaDEuMzJWMEg1Ljk0djEuNWgxLjMydi42MWMtMy40OC4zOC02LjIgMy4zNC02LjIgNi45MiAwIDMuODQgMy4xMiA2Ljk2IDYuOTUgNi45NnM2Ljk1LTMuMTIgNi45NS02Ljk2YzAtMS42NS0uNTgtMy4xNy0xLjU0LTQuMzZaTTggMTQuNWMtMyAwLTUuNDUtMi40NS01LjQ1LTUuNDZTNC45OSAzLjU4IDggMy41OHM1LjQ1IDIuNDUgNS40NSA1LjQ2UzExLjAxIDE0LjUgOCAxNC41bTIuMjUtNi42OWMuMjkuMjkuMjkuNzcgMCAxLjA2bC0xLjcyIDEuNzJjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTIuNS0yLjUxYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggOWwxLjE5LTEuMTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xOS45NiA2Ljg4LjkxLS45MWMuMzQtLjM0LjM0LS44OSAwLTEuMjRzLS45LS4zNC0xLjI0IDBsLS45MS45MWExMC40IDEwLjQgMCAwIDAtNS44NC0yLjQyVjEuNzRoMi4zMVYwSDguODJ2MS43NWgyLjMxdjEuNDhjLTUuMzQuNDQtOS41NSA0LjkxLTkuNTUgMTAuMzZDMS41OCAxOS4zMyA2LjI2IDI0IDEyIDI0czEwLjQyLTQuNjcgMTAuNDItMTAuNDFjMC0yLjU2LS45My00LjktMi40Ny02LjcxWk0xMiAyMi4yNWMtNC43OCAwLTguNjctMy44OS04LjY3LTguNjZTNy4yMiA0LjkzIDEyIDQuOTNzOC42NyAzLjg5IDguNjcgOC42Ni0zLjg5IDguNjYtOC42NyA4LjY2bTMuOC0xMC44N2MuMzQuMzQuMzQuOSAwIDEuMjRsLTMuMTggMy4xOGMtLjE3LjE3LS40LjI2LS42Mi4yNnMtLjQ1LS4wOC0uNjItLjI2TDYuOCAxMS4yMmEuODguODggMCAwIDEgMC0xLjI0Yy4zNC0uMzQuOS0uMzQgMS4yNCAwbDMuOTcgMy45NiAyLjU2LTIuNTZjLjM0LS4zNC45LS4zNCAxLjI0IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Im0yNi40NyA5LjA5IDEuMzUtMS4zNWEuOTk2Ljk5NiAwIDEgMC0xLjQxLTEuNDFsLTEuMzUgMS4zNWMtMi4xOS0xLjktNC45OC0zLjEyLTguMDUtMy4zNFYyaDMuMjlWMGgtOC41N3YyaDMuMjl2Mi4zNGMtNy4xNy41Mi0xMi44NiA2LjUtMTIuODYgMTMuODFzNi4yMiAxMy44NiAxMy44NiAxMy44NiAxMy44Ni02LjIyIDEzLjg2LTEzLjg2YzAtMy40Ni0xLjI4LTYuNjItMy4zOS05LjA1Wk0xNiAzMEM5LjQ2IDMwIDQuMTQgMjQuNjggNC4xNCAxOC4xNFM5LjQ2IDYuMjggMTYgNi4yOHMxMS44NiA1LjMyIDExLjg2IDExLjg2UzIyLjU0IDMwIDE2IDMwbTQuOTktMTQuNzFjLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC00LjI5IDQuMjljLS4yLjItLjQ1LjI5LS43MS4yOXMtLjUxLS4xLS43MS0uMjlsLTUuOTctNS45N2EuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsNS4yNyA1LjI3IDMuNTgtMy41OGEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Im0zMi45OSAxMS4zIDEuNzktMS43OWMuNDQtLjQ0LjQ0LTEuMTUgMC0xLjU5cy0xLjE1LS40NC0xLjU5IDBMMzEuNCA5LjcxYy0yLjc4LTIuNDQtNi4zNS00LTEwLjI3LTQuMjZ2LTMuMmg0LjI3VjBIMTQuNjJ2Mi4yNWg0LjI3djMuMkM5Ljg2IDYuMDMgMi43IDEzLjUzIDIuNyAyMi43UzEwLjQ2IDQwIDIwIDQwczE3LjMtNy43NiAxNy4zLTE3LjNjMC00LjM3LTEuNjQtOC4zNS00LjMxLTExLjRNMjAgMzcuNzVDMTEuNyAzNy43NSA0Ljk1IDMxIDQuOTUgMjIuN1MxMS43IDcuNjUgMjAgNy42NSAzNS4wNSAxNC40IDM1LjA1IDIyLjcgMjguMyAzNy43NSAyMCAzNy43NW02LjE5LTE4LjU1Yy40NC40NC40NCAxLjE1IDAgMS41OWwtNS4zOSA1LjM5Yy0uMjIuMjItLjUxLjMzLS44LjMzcy0uNTgtLjExLS44LS4zM2wtNy41OS03LjZjLS40NC0uNDQtLjQ0LTEuMTUgMC0xLjU5czEuMTUtLjQ0IDEuNTkgMGw2LjggNi44IDQuNi00LjZjLjQ0LS40NCAxLjE1LS40NCAxLjU5IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Im0zOS41MiAxMy41MSAyLjIzLTIuMjNjLjQ5LS40OS40OS0xLjI4IDAtMS43N3MtMS4yOC0uNDktMS43NyAwbC0yLjIzIDIuMjNhMjAuNjggMjAuNjggMCAwIDAtMTIuNS01LjE4VjIuNWg1LjI1VjBIMTcuNDl2Mi41aDUuMjV2NC4wNmMtMTAuODYuNjYtMTkuNSA5LjY4LTE5LjUgMjAuNjlTMTIuNTUgNDggMjQgNDhzMjAuNzYtOS4zMSAyMC43Ni0yMC43NWMwLTUuMjctMS45OS0xMC4wOC01LjI1LTEzLjc0Wk0yNCA0NS41MWMtMTAuMDcgMC0xOC4yNi04LjE5LTE4LjI2LTE4LjI1UzEzLjkzIDkgMjQgOXMxOC4yNiA4LjE5IDE4LjI2IDE4LjI1UzM0LjA3IDQ1LjUgMjQgNDUuNVptNy4zOS0yMi4zOWMuNDkuNDkuNDkgMS4yOCAwIDEuNzdsLTYuNSA2LjVjLS4yNC4yNC0uNTYuMzctLjg4LjM3cy0uNjQtLjEyLS44OC0uMzdsLTkuMzQtOS4zM2MtLjQ5LS40OS0uNDktMS4yOCAwLTEuNzdzMS4yOC0uNDkgMS43NyAwbDguNDYgOC40NSA1LjYyLTUuNjJhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTUyLjQ3IDE3Ljgzcy4wNS0uMDMuMDctLjA1bDMuMTMtMy4xM2MuNTQtLjU0LjU0LTEuNDEgMC0xLjk0LS41NC0uNTQtMS40MS0uNTQtMS45NCAwbC0zLjEzIDMuMTNzLS4wMy4wNS0uMDUuMDdjLTQuNTktNC4xNi0xMC41OC02LjgxLTE3LjE4LTcuMTNWMi43NGg3LjM4VjBIMjMuMjR2Mi43NWg3LjM4djYuMDRDMTYuMDEgOS41MSA0LjM1IDIxLjYxIDQuMzUgMzYuMzhTMTYuNzUgNjQgMzEuOTkgNjRzMjcuNjQtMTIuMzkgMjcuNjQtMjcuNjJjMC03LjEzLTIuNzItMTMuNjQtNy4xNy0xOC41NFpNMzIgNjEuMjRjLTEzLjczIDAtMjQuODktMTEuMTYtMjQuODktMjQuODhTMTguMjggMTEuNDggMzIgMTEuNDhzMjQuODkgMTEuMTYgMjQuODkgMjQuODhTNDUuNzIgNjEuMjQgMzIgNjEuMjRtOS43Mi0zMC4yMWMuNTQuNTQuNTQgMS40MSAwIDEuOTRsLTguNzUgOC43NWMtLjI3LjI3LS42Mi40LS45Ny40cy0uNy0uMTMtLjk3LS40TDE4LjMxIDI5LjAxYy0uNTQtLjU0LS41NC0xLjQxIDAtMS45NC41NC0uNTQgMS40MS0uNTQgMS45NSAwbDExLjc1IDExLjc0IDcuNzgtNy43N2MuNTQtLjU0IDEuNDEtLjU0IDEuOTUgMFoiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktdGltZSIvPjwvZz48L3N2Zz4=")}input.form-control[type=time]:disabled::after{display:none}input.form-control[type=time].is-valid:not(:disabled),input.form-control[type=time].is-invalid:not(:disabled){padding-inline-end:calc( var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) * 2 + var(--post-device-spacing-padding-3) );background-position:top 50% right calc( var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) )}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}input.form-control[type=date]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:not(:focus){-webkit-text-fill-color:var(--post-scheme-color-interactive-input-enabled-fg) !important}input.form-control[type=date]::-webkit-datetime-edit-day-field:focus,input.form-control[type=date]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=date]::-webkit-datetime-edit-month-field:focus,input.form-control[type=date]::-webkit-datetime-edit-year-field:focus,input.form-control[type=date]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=date]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=date]::-webkit-datetime-edit-second-field:focus,input.form-control[type=date]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=month]::-webkit-datetime-edit-day-field:focus,input.form-control[type=month]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=month]::-webkit-datetime-edit-month-field:focus,input.form-control[type=month]::-webkit-datetime-edit-year-field:focus,input.form-control[type=month]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=month]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=month]::-webkit-datetime-edit-second-field:focus,input.form-control[type=month]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=week]::-webkit-datetime-edit-day-field:focus,input.form-control[type=week]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=week]::-webkit-datetime-edit-month-field:focus,input.form-control[type=week]::-webkit-datetime-edit-year-field:focus,input.form-control[type=week]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=week]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=week]::-webkit-datetime-edit-second-field:focus,input.form-control[type=week]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=time]::-webkit-datetime-edit-day-field:focus,input.form-control[type=time]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=time]::-webkit-datetime-edit-month-field:focus,input.form-control[type=time]::-webkit-datetime-edit-year-field:focus,input.form-control[type=time]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=time]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=time]::-webkit-datetime-edit-second-field:focus,input.form-control[type=time]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:focus{background-color:#b4d5fe !important;-webkit-text-fill-color:#000 !important}input.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}input.form-control:disabled::placeholder{color:var(--post-scheme-color-interactive-input-disabled-fg);opacity:1}input.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--post-scheme-color-interactive-input-hover-bg)}input.form-control.is-valid:not(:disabled),input.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top 50% right var(--post-device-position-2);background-repeat:no-repeat;padding-inline-end:calc( var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1) )}input.form-control.is-valid:not(:disabled).form-control-sm,input.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);padding-inline-end:calc( var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-5) )}*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media (forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media (forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media (forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+input.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after{content:"";position:absolute;top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);transform:translateY(-50%);right:var(--post-device-position-2);z-index:2;pointer-events:none;background-image:var(--post-signal-icon-success)}.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{content:"";position:absolute;top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);transform:translateY(-50%);right:var(--post-device-position-2);z-index:1;pointer-events:none;background-image:var(--post-signal-icon-error)}.form-floating:has(>input.form-control[type=time].is-valid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-valid)::after,.form-floating:has(>input.form-control[type=time].is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-invalid)::after{right:calc( var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) )}.form-floating>input.form-control~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-inline-4);padding-block-start:var(--post-device-spacing-padding-block-28);border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);width:auto;height:auto;max-width:calc(100% - (var(--post-device-border-width-default) * 2));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear}.form-floating>input.form-control:focus~label,.form-floating>input.form-control:not(:placeholder-shown)~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>input.form-control:focus:not(:hover):not(:disabled)~label,.form-floating>input.form-control:not(:placeholder-shown):not(:hover):not(:disabled)~label{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>input.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>input.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>input.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4)}.form-floating>input.form-control:-webkit-autofill{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control:-webkit-autofill~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-padding:8px;--adp-font-family:var(--post-device-font-family-default);--adp-font-size:16px;--adp-width:296px;--adp-border-radius:4px;--adp-color-disabled-in-range:#696864;--adp-color-current-date:#050400;--adp-day-name-color:#050400;--adp-day-name-color-hover:#fff;--adp-nav-height:24px;--adp-nav-arrow-color:#050400;--adp-nav-action-size:40px;--adp-day-cell-width:40px;--adp-day-cell-height:40px;--adp-month-cell-height:40px;--adp-year-cell-height:40px;--adp-cell-border-radius:100px;--adp-cell-background-color-hover:#504f4b;--adp-cell-background-color-selected:#050400;--adp-cell-background-color-selected-hover:#504f4b;--adp-cell-background-color-in-range:unset;--adp-cell-background-color-in-range-hover:#050400;font-weight:700;border:none}.air-datepicker .air-datepicker-nav{border-bottom:none;background:#e1e0dc}.air-datepicker .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;gap:6px;padding:0 0 0 8px}.air-datepicker .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker-nav .air-datepicker-nav--title:focus{border-radius:var(--post-device-border-radius-focus);outline-offset:4px}.air-datepicker .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker-nav .air-datepicker-nav--action{font-size:var(--adp-font-size);height:var(--adp-nav-action-size)}.air-datepicker .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:5px}.air-datepicker .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker-nav .air-datepicker-nav--action:hover{color:#504f4b;background:unset}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:#e1e0dc;margin:0;padding:0 8px 16px 8px}.air-datepicker .air-datepicker--content .air-datepicker-body--day-name{text-transform:capitalize;font-size:var(--adp-font-size)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{padding:8px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{padding:8px;column-gap:8px;min-height:216px;text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .-year-{width:64px;height:40px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, 1fr);padding:8px;column-gap:8px;height:216px;text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .-month-{width:64px;height:40px}.air-datepicker .air-datepicker--content .air-datepicker-cell{z-index:0;position:relative}.air-datepicker .air-datepicker--content .air-datepicker-cell:focus,.air-datepicker .air-datepicker--content .air-datepicker-cell:focus-visible{outline:2px solid #000;outline-offset:2px}.air-datepicker .air-datepicker--content .air-datepicker-cell.-selected-{z-index:2;background-color:#050400}.air-datepicker .air-datepicker--content .air-datepicker-cell.-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-to-{position:relative;z-index:0}.air-datepicker .air-datepicker--content .air-datepicker-cell.-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-to-::before{content:"";z-index:-2;width:40px;height:40px;display:block;position:absolute;inset:0}.air-datepicker .air-datepicker--content .air-datepicker-cell.-in-range-::before.-disabled-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-from-::before.-disabled-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-to-::before.-disabled-{user-select:none}.air-datepicker .air-datepicker--content .air-datepicker-cell.-in-range-::before{content:"";background:#fc0;border-block:2px solid #050400}.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-from-::before{content:"";background:linear-gradient(to right, #fff 50%, #ffcc00 50%);border-block:2px solid #050400;border-inline-start:none;border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-to-::before{content:"";background:linear-gradient(to right, #ffcc00 50%, #fff 50%);border-block:2px solid #050400;border-inline-end:none;border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-to-{border:none}.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-cell.-range-to-::after{content:"";z-index:-1;width:40px;height:40px;display:block;position:absolute;border-radius:100px;inset:0;background:#050400}.air-datepicker .air-datepicker--content .air-datepicker-cell:not(.-range-from-):not(.-range-to-):hover{color:#fff}.air-datepicker .air-datepicker--content .air-datepicker-cell.-current-:not(.-range-from-):not(.-range-to-):hover{color:#fff}.air-datepicker .air-datepicker--content .air-datepicker-cell.-year-.-current-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-month-.-current-,.air-datepicker .air-datepicker--content .air-datepicker-cell.-day-.-current-{border:2px solid #050400;border-radius:var(--adp-cell-border-radius)}.air-datepicker .air-datepicker--content .air-datepicker-cell.-day:focus{border-radius:var(--post-device-border-radius-focus);outline-offset:2px}.air-datepicker .air-datepicker--content .air-datepicker-cell.-disabled-:not(.-day-.-other-month-){color:#504f4b;border:2px dashed #504f4b;width:38px;height:38px}.air-datepicker .air-datepicker--content .air-datepicker-cell.-year-.-other-decade-:not(.-selected-),.air-datepicker .air-datepicker--content .air-datepicker-cell.-day-.-other-month-:not(.-selected-){color:rgba(0,0,0,.3) !important}.air-datepicker .air-datepicker--content .air-datepicker-cell.-year-.-other-decade-:not(.-selected-):hover,.air-datepicker .air-datepicker--content .air-datepicker-cell.-day-.-other-month-:not(.-selected-):hover{color:#fff}.air-datepicker .air-datepicker--content .-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .-selected-.-other-month-{background-color:rgba(0,0,0,0)}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{position:absolute;right:16px;top:16px;border:none;background-color:rgba(0,0,0,0)}.calendar-input-range{min-width:310px}::slotted(input){border:unset;background-color:rgba(0,0,0,0);flex-grow:1}`;
|
|
10887
|
+
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);-webkit-appearance:none;appearance:none;color:var(--post-scheme-color-interactive-primary-enabled-fg1);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10755
10888
|
|
|
10756
|
-
class
|
|
10889
|
+
class PostDatePicker {
|
|
10757
10890
|
constructor(hostRef) {
|
|
10758
10891
|
registerInstance(this, hostRef);
|
|
10759
10892
|
this.postUpdateDates = createEvent(this, "postUpdateDates");
|
|
10760
10893
|
this.today = new Date();
|
|
10761
10894
|
this.inputDisabled = false;
|
|
10762
10895
|
/**
|
|
10763
|
-
* Whether the
|
|
10896
|
+
* Whether the date picker expects a range selection or a single date selection.
|
|
10897
|
+
*
|
|
10764
10898
|
*/
|
|
10765
10899
|
this.range = false;
|
|
10766
10900
|
/**
|
|
@@ -10768,13 +10902,51 @@ class PostDatepicker {
|
|
|
10768
10902
|
*/
|
|
10769
10903
|
this.inline = false;
|
|
10770
10904
|
this.startDate = new Date();
|
|
10771
|
-
this.locale =
|
|
10905
|
+
this.locale = 'en';
|
|
10772
10906
|
this.currentViewType = 'days';
|
|
10773
10907
|
this.euFormat = true;
|
|
10774
10908
|
this.skipOnSelectCount = 0;
|
|
10775
10909
|
this.skipFocusOnNextRender = false;
|
|
10910
|
+
this.handleInputBlur = () => {
|
|
10911
|
+
if (this.range) {
|
|
10912
|
+
const dates = this.splitRangeDates(this.inputMask.value);
|
|
10913
|
+
const start = this.dateStrToDate(dates[0]);
|
|
10914
|
+
const end = this.dateStrToDate(dates[1]);
|
|
10915
|
+
const startValid = this.isValidDate(start);
|
|
10916
|
+
const endValid = this.isValidDate(end);
|
|
10917
|
+
if (startValid && endValid) {
|
|
10918
|
+
// Check if user entered dates in wrong order
|
|
10919
|
+
const reversed = start > end;
|
|
10920
|
+
this.skipOnSelectCount = reversed ? 0 : 2; // don't skip if reversed
|
|
10921
|
+
this.dpInstance.selectDate([start, end]);
|
|
10922
|
+
this.dpInstance.setViewDate(start);
|
|
10923
|
+
}
|
|
10924
|
+
else if (startValid && !endValid) {
|
|
10925
|
+
this.dpInstance.clear();
|
|
10926
|
+
this.dpInstance.selectDate(start);
|
|
10927
|
+
this.dpInstance.setViewDate(start);
|
|
10928
|
+
}
|
|
10929
|
+
else {
|
|
10930
|
+
this.resetSelection();
|
|
10931
|
+
}
|
|
10932
|
+
}
|
|
10933
|
+
else {
|
|
10934
|
+
const date = this.dateStrToDate(this.inputMask.value);
|
|
10935
|
+
if (this.isValidDate(date)) {
|
|
10936
|
+
this.skipOnSelectCount = 1;
|
|
10937
|
+
this.dpInstance.selectDate(date);
|
|
10938
|
+
this.dpInstance.setViewDate(date);
|
|
10939
|
+
}
|
|
10940
|
+
else {
|
|
10941
|
+
this.resetSelection();
|
|
10942
|
+
}
|
|
10943
|
+
}
|
|
10944
|
+
};
|
|
10945
|
+
this.handlePrevNextClick = () => {
|
|
10946
|
+
this.skipFocusOnNextRender = true;
|
|
10947
|
+
};
|
|
10776
10948
|
/**
|
|
10777
|
-
* Loop through the
|
|
10949
|
+
* Loop through the date picker when not in inline mode
|
|
10778
10950
|
*/
|
|
10779
10951
|
this.handleTab = (e) => {
|
|
10780
10952
|
if (this.inline || (e.key !== 'Tab' && e.key !== 'Escape'))
|
|
@@ -10893,19 +11065,23 @@ class PostDatepicker {
|
|
|
10893
11065
|
}
|
|
10894
11066
|
validateSelectedStartDate() {
|
|
10895
11067
|
checkEmptyOrDate(this, 'selectedStartDate');
|
|
11068
|
+
checkIsoDate(this, 'selectedStartDate');
|
|
10896
11069
|
}
|
|
10897
11070
|
validateSelectedEndDate() {
|
|
10898
11071
|
checkEmptyOrDate(this, 'selectedEndDate');
|
|
11072
|
+
checkIsoDate(this, 'selectedEndDate');
|
|
10899
11073
|
}
|
|
10900
11074
|
validateMin() {
|
|
10901
11075
|
checkEmptyOrDate(this, 'min');
|
|
11076
|
+
checkIsoDate(this, 'min');
|
|
10902
11077
|
}
|
|
10903
11078
|
validateMax() {
|
|
10904
11079
|
checkEmptyOrDate(this, 'max');
|
|
11080
|
+
checkIsoDate(this, 'max');
|
|
10905
11081
|
}
|
|
10906
11082
|
validateInline() {
|
|
10907
11083
|
if (!this.inline && !this.dpInput) {
|
|
10908
|
-
console.error('A non-inline
|
|
11084
|
+
console.error('A non-inline date picker should contain one input');
|
|
10909
11085
|
}
|
|
10910
11086
|
}
|
|
10911
11087
|
validateTextNextMonth() {
|
|
@@ -10936,12 +11112,12 @@ class PostDatepicker {
|
|
|
10936
11112
|
}
|
|
10937
11113
|
/**
|
|
10938
11114
|
* Displays the popover calendar, focusing the first calendar item.
|
|
10939
|
-
* @param target - The HTML element relative to which the popover calendar should be displayed
|
|
10940
11115
|
*/
|
|
10941
|
-
async show(
|
|
11116
|
+
async show() {
|
|
10942
11117
|
if (this.popoverRef) {
|
|
10943
|
-
await this.popoverRef.show(
|
|
11118
|
+
await this.popoverRef.show(this.dpInput);
|
|
10944
11119
|
this.enhanceAccessibility();
|
|
11120
|
+
this.host.shadowRoot.removeEventListener('keydown', this.handleTab, true); // remove before adding
|
|
10945
11121
|
this.host.shadowRoot.addEventListener('keydown', this.handleTab, true);
|
|
10946
11122
|
}
|
|
10947
11123
|
else {
|
|
@@ -10964,10 +11140,13 @@ class PostDatepicker {
|
|
|
10964
11140
|
return;
|
|
10965
11141
|
if (!this.dpInput)
|
|
10966
11142
|
return;
|
|
10967
|
-
|
|
10968
|
-
this.
|
|
11143
|
+
if (this.inputObserver) {
|
|
11144
|
+
this.inputObserver.disconnect();
|
|
11145
|
+
}
|
|
11146
|
+
this.inputObserver = new MutationObserver(() => {
|
|
11147
|
+
this.syncDatePickerState();
|
|
10969
11148
|
});
|
|
10970
|
-
|
|
11149
|
+
this.inputObserver.observe(this.dpInput, {
|
|
10971
11150
|
attributes: true,
|
|
10972
11151
|
attributeFilter: ['disabled'],
|
|
10973
11152
|
});
|
|
@@ -10994,7 +11173,7 @@ class PostDatepicker {
|
|
|
10994
11173
|
}
|
|
10995
11174
|
setActiveCell(date, focusOnDate = true) {
|
|
10996
11175
|
const cells = this.getCells();
|
|
10997
|
-
if (
|
|
11176
|
+
if (cells.length === 0)
|
|
10998
11177
|
return;
|
|
10999
11178
|
let target;
|
|
11000
11179
|
// If selected date is visible
|
|
@@ -11025,7 +11204,7 @@ class PostDatepicker {
|
|
|
11025
11204
|
}
|
|
11026
11205
|
// fallback
|
|
11027
11206
|
if (!target) {
|
|
11028
|
-
target = cells
|
|
11207
|
+
target = cells.at(-1);
|
|
11029
11208
|
}
|
|
11030
11209
|
// Make only the target focusable
|
|
11031
11210
|
cells.forEach(c => (c.tabIndex = -1));
|
|
@@ -11094,10 +11273,10 @@ class PostDatepicker {
|
|
|
11094
11273
|
});
|
|
11095
11274
|
body.removeEventListener('keydown', this.handleGridKeydown);
|
|
11096
11275
|
body.addEventListener('keydown', this.handleGridKeydown);
|
|
11097
|
-
this.setActiveCell(this.
|
|
11276
|
+
this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
|
|
11098
11277
|
}
|
|
11099
11278
|
/**
|
|
11100
|
-
* Set up the masks on the inputs to reflect the
|
|
11279
|
+
* Set up the masks on the inputs to reflect the date pickers
|
|
11101
11280
|
*/
|
|
11102
11281
|
setUpMask() {
|
|
11103
11282
|
const usBlockOpts = {
|
|
@@ -11160,7 +11339,7 @@ class PostDatepicker {
|
|
|
11160
11339
|
}
|
|
11161
11340
|
}
|
|
11162
11341
|
}
|
|
11163
|
-
|
|
11342
|
+
configDatePicker() {
|
|
11164
11343
|
const slot = this.host.shadowRoot.querySelector('slot');
|
|
11165
11344
|
const assignedNodes = slot && slot.assignedElements();
|
|
11166
11345
|
const locale = localesMap[this.locale] || localesMap.en;
|
|
@@ -11203,15 +11382,26 @@ class PostDatepicker {
|
|
|
11203
11382
|
this.updateNavigationButtonLabels();
|
|
11204
11383
|
},
|
|
11205
11384
|
onSelect: ({ date }) => {
|
|
11385
|
+
if (!date || (Array.isArray(date) && date.length === 0))
|
|
11386
|
+
return;
|
|
11206
11387
|
this.getCells().forEach(c => {
|
|
11207
11388
|
c.setAttribute('aria-selected', c.classList.contains('-selected-') ? 'true' : 'false');
|
|
11208
11389
|
});
|
|
11209
|
-
this.postUpdateDates.emit(date);
|
|
11210
11390
|
// If selected date is added dynamically after user has typed it in the input
|
|
11211
11391
|
if (this.skipOnSelectCount > 0) {
|
|
11212
11392
|
this.skipOnSelectCount--;
|
|
11213
11393
|
return;
|
|
11214
11394
|
}
|
|
11395
|
+
// update props
|
|
11396
|
+
if (Array.isArray(date) && date.length === 2) {
|
|
11397
|
+
this.selectedStartDate = this.dateToIso(date[0]);
|
|
11398
|
+
this.selectedEndDate = this.dateToIso(date[1]);
|
|
11399
|
+
}
|
|
11400
|
+
else if (!Array.isArray(date)) {
|
|
11401
|
+
this.selectedStartDate = this.dateToIso(date);
|
|
11402
|
+
this.selectedEndDate = undefined;
|
|
11403
|
+
}
|
|
11404
|
+
this.postUpdateDates.emit(Array.isArray(date) ? date.map(d => this.dateToIso(d)) : this.dateToIso(date));
|
|
11215
11405
|
// Assign value to the input, close the popover and focus on the input
|
|
11216
11406
|
if (this.dpInput) {
|
|
11217
11407
|
if (Array.isArray(date)) {
|
|
@@ -11243,12 +11433,8 @@ class PostDatepicker {
|
|
|
11243
11433
|
};
|
|
11244
11434
|
this.dpInstance = new AirDatepicker(this.dpContainer, options);
|
|
11245
11435
|
this.reorderNavigation();
|
|
11246
|
-
this.prevBtn?.addEventListener('click',
|
|
11247
|
-
|
|
11248
|
-
});
|
|
11249
|
-
this.nextBtn?.addEventListener('click', () => {
|
|
11250
|
-
this.skipFocusOnNextRender = true;
|
|
11251
|
-
});
|
|
11436
|
+
this.prevBtn?.addEventListener('click', this.handlePrevNextClick);
|
|
11437
|
+
this.nextBtn?.addEventListener('click', this.handlePrevNextClick);
|
|
11252
11438
|
this.handleSelectedDates();
|
|
11253
11439
|
}
|
|
11254
11440
|
}
|
|
@@ -11262,15 +11448,18 @@ class PostDatepicker {
|
|
|
11262
11448
|
if (this.range) {
|
|
11263
11449
|
if ((this.selectedStartDate && !this.selectedEndDate) ||
|
|
11264
11450
|
(!this.selectedStartDate && this.selectedEndDate)) {
|
|
11265
|
-
console.error('The range
|
|
11451
|
+
console.error('The range date picker expects either no selected dates or both of them defined.');
|
|
11266
11452
|
}
|
|
11267
11453
|
else if (this.selectedStartDate && this.selectedEndDate) {
|
|
11268
|
-
this.dpInstance.selectDate([
|
|
11454
|
+
this.dpInstance.selectDate([
|
|
11455
|
+
this.isoToDate(this.selectedStartDate),
|
|
11456
|
+
this.isoToDate(this.selectedEndDate),
|
|
11457
|
+
]);
|
|
11269
11458
|
}
|
|
11270
11459
|
}
|
|
11271
11460
|
else {
|
|
11272
|
-
if (this.selectedStartDate) {
|
|
11273
|
-
this.dpInstance.selectDate(this.selectedStartDate);
|
|
11461
|
+
if (this.selectedStartDate && this.isoToDate(this.selectedStartDate)) {
|
|
11462
|
+
this.dpInstance.selectDate(this.isoToDate(this.selectedStartDate));
|
|
11274
11463
|
}
|
|
11275
11464
|
}
|
|
11276
11465
|
}
|
|
@@ -11286,6 +11475,15 @@ class PostDatepicker {
|
|
|
11286
11475
|
splitRangeDates(rangeStr) {
|
|
11287
11476
|
return rangeStr.split(' - ');
|
|
11288
11477
|
}
|
|
11478
|
+
isoToDate(iso) {
|
|
11479
|
+
if (!isIsoDate(iso))
|
|
11480
|
+
return null;
|
|
11481
|
+
const [y, m, d] = iso.split('-').map(Number);
|
|
11482
|
+
return new Date(y, m - 1, d);
|
|
11483
|
+
}
|
|
11484
|
+
dateToIso(date) {
|
|
11485
|
+
return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
|
|
11486
|
+
}
|
|
11289
11487
|
dateStrToDate(dateStr) {
|
|
11290
11488
|
return this.euFormat ? this.euDateStrToDate(dateStr) : this.usDateStrToDate(dateStr);
|
|
11291
11489
|
}
|
|
@@ -11413,41 +11611,24 @@ class PostDatepicker {
|
|
|
11413
11611
|
});
|
|
11414
11612
|
}
|
|
11415
11613
|
addInputListener() {
|
|
11416
|
-
this.dpInput.addEventListener('blur',
|
|
11417
|
-
if (this.range) {
|
|
11418
|
-
const dates = this.splitRangeDates(this.inputMask.value);
|
|
11419
|
-
const start = this.dateStrToDate(dates[0]);
|
|
11420
|
-
const end = this.dateStrToDate(dates[1]);
|
|
11421
|
-
if (start && end) {
|
|
11422
|
-
// Because selectDate is called twice if there are two dates
|
|
11423
|
-
this.skipOnSelectCount = 2;
|
|
11424
|
-
// Select the dates in the datepicker
|
|
11425
|
-
this.selectedStartDate = start.toString();
|
|
11426
|
-
this.selectedEndDate = end.toString();
|
|
11427
|
-
this.dpInstance.selectDate([start, end]);
|
|
11428
|
-
this.dpInstance.setViewDate(start);
|
|
11429
|
-
}
|
|
11430
|
-
}
|
|
11431
|
-
else {
|
|
11432
|
-
if (this.dpInput.value) {
|
|
11433
|
-
this.skipOnSelectCount = 1;
|
|
11434
|
-
const date = this.dateStrToDate(this.inputMask.value);
|
|
11435
|
-
this.selectedStartDate = date.toString();
|
|
11436
|
-
// Select the date in the datepicker
|
|
11437
|
-
this.dpInstance.selectDate(date);
|
|
11438
|
-
this.dpInstance.setViewDate(date);
|
|
11439
|
-
}
|
|
11440
|
-
}
|
|
11441
|
-
});
|
|
11614
|
+
this.dpInput.addEventListener('blur', this.handleInputBlur);
|
|
11442
11615
|
}
|
|
11443
|
-
|
|
11444
|
-
|
|
11445
|
-
|
|
11446
|
-
|
|
11616
|
+
resetSelection() {
|
|
11617
|
+
this.skipOnSelectCount = 0;
|
|
11618
|
+
this.dpInstance.clear();
|
|
11619
|
+
this.dpInstance.setViewDate(this.today);
|
|
11620
|
+
this.selectedStartDate = undefined;
|
|
11621
|
+
this.selectedEndDate = undefined;
|
|
11622
|
+
}
|
|
11623
|
+
isValidDate(date) {
|
|
11624
|
+
return date instanceof Date && !Number.isNaN(date.getTime());
|
|
11625
|
+
}
|
|
11626
|
+
syncDatePickerState() {
|
|
11627
|
+
this.inputDisabled = this.dpInput.disabled;
|
|
11447
11628
|
}
|
|
11448
11629
|
async componentDidLoad() {
|
|
11449
11630
|
this.euFormat = document.documentElement.lang !== 'en-US';
|
|
11450
|
-
this.
|
|
11631
|
+
this.configDatePicker();
|
|
11451
11632
|
this.setupGridObserver();
|
|
11452
11633
|
this.setupNavObserver();
|
|
11453
11634
|
this.setupInputObserver();
|
|
@@ -11470,27 +11651,32 @@ class PostDatepicker {
|
|
|
11470
11651
|
else {
|
|
11471
11652
|
this.addInputListener();
|
|
11472
11653
|
requestAnimationFrame(() => {
|
|
11473
|
-
this.
|
|
11654
|
+
this.syncDatePickerState();
|
|
11474
11655
|
});
|
|
11475
11656
|
}
|
|
11476
11657
|
}
|
|
11477
11658
|
disconnectedCallback() {
|
|
11478
|
-
this.host.shadowRoot
|
|
11659
|
+
this.host.shadowRoot?.removeEventListener('keydown', this.handleTab, true);
|
|
11479
11660
|
this.titleBtn?.removeEventListener('click', this.forceTitleClickToYear);
|
|
11480
|
-
|
|
11481
|
-
|
|
11482
|
-
|
|
11661
|
+
const body = this.dpContainer?.querySelector('.air-datepicker-body--cells');
|
|
11662
|
+
body?.removeEventListener('keydown', this.handleGridKeydown);
|
|
11663
|
+
this.prevBtn?.removeEventListener('click', this.handlePrevNextClick);
|
|
11664
|
+
this.nextBtn?.removeEventListener('click', this.handlePrevNextClick);
|
|
11665
|
+
this.dpInput?.removeEventListener('blur', this.handleInputBlur);
|
|
11666
|
+
this.gridObserver?.disconnect();
|
|
11667
|
+
this.navObserver?.disconnect();
|
|
11668
|
+
this.inputObserver?.disconnect();
|
|
11483
11669
|
if (this.dpInstance) {
|
|
11484
11670
|
this.dpInstance.destroy();
|
|
11485
11671
|
this.dpInstance = null;
|
|
11486
11672
|
}
|
|
11487
11673
|
}
|
|
11488
11674
|
render() {
|
|
11489
|
-
return (hAsync(Host, { key: '
|
|
11675
|
+
return (hAsync(Host, { key: 'b721b731d9ad4ff3c6d80c995a3c471786b6425a' }, this.inline && hAsync("div", { key: '9dc37bf0ab23a5ce611139d0efd7f3fca4f6e6e2', class: "datepicker-container" }), !this.inline && (hAsync("div", { key: 'f2e0376510e5e26a98e29703fbf11c0be90266bb' }, hAsync("div", { key: '52e05c2f28a725c5336fca16842e97ce21a36b42', class: {
|
|
11490
11676
|
'calendar-input': !this.range,
|
|
11491
11677
|
'calendar-input-range': this.range,
|
|
11492
11678
|
'disabled': this.inputDisabled,
|
|
11493
|
-
} }, hAsync("slot", { key: '
|
|
11679
|
+
} }, hAsync("slot", { key: '11147329e23c51b3bf7c5fa2925cbf97d26c9da2' }), hAsync("button", { key: 'c57f2450bd8ce1976876a8bc11f7d238300ca687', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled }, hAsync("post-icon", { key: 'd6a37bfc1471a8eabbf3e0450c3010da8e7ef28e', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'fd4259c066d92c5bbf1066940da72f74a58bdfe8', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '0ba6ef3f33a003317ab70728e1c67fc8c1d726a9', class: "datepicker-container" }))))));
|
|
11494
11680
|
}
|
|
11495
11681
|
get host() { return getElement(this); }
|
|
11496
11682
|
static get watchers() { return {
|
|
@@ -11534,13 +11720,13 @@ class PostDatepicker {
|
|
|
11534
11720
|
"validateTextToggleCalendar": 0
|
|
11535
11721
|
}]
|
|
11536
11722
|
}; }
|
|
11537
|
-
static get style() { return
|
|
11723
|
+
static get style() { return postDatePickerCss(); }
|
|
11538
11724
|
static get cmpMeta() { return {
|
|
11539
11725
|
"$flags$": 265,
|
|
11540
|
-
"$tagName$": "post-
|
|
11726
|
+
"$tagName$": "post-date-picker",
|
|
11541
11727
|
"$members$": {
|
|
11542
|
-
"selectedStartDate": [
|
|
11543
|
-
"selectedEndDate": [
|
|
11728
|
+
"selectedStartDate": [1025, "selected-start-date"],
|
|
11729
|
+
"selectedEndDate": [1025, "selected-end-date"],
|
|
11544
11730
|
"range": [4],
|
|
11545
11731
|
"min": [1],
|
|
11546
11732
|
"max": [1],
|
|
@@ -11566,25 +11752,9 @@ class PostDatepicker {
|
|
|
11566
11752
|
"$attrsToReflect$": [["textNextMonth", "text-next-month"], ["textNextYear", "text-next-year"], ["textNextDecade", "text-next-decade"], ["textPreviousMonth", "text-previous-month"], ["textPreviousYear", "text-previous-year"], ["textPreviousDecade", "text-previous-decade"], ["textSwitchYear", "text-switch-year"]]
|
|
11567
11753
|
}; }
|
|
11568
11754
|
}
|
|
11755
|
+
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
11569
11756
|
|
|
11570
|
-
|
|
11571
|
-
constructor(hostRef) {
|
|
11572
|
-
registerInstance(this, hostRef);
|
|
11573
|
-
}
|
|
11574
|
-
render() {
|
|
11575
|
-
return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
|
|
11576
|
-
}
|
|
11577
|
-
static get cmpMeta() { return {
|
|
11578
|
-
"$flags$": 9,
|
|
11579
|
-
"$tagName$": "post-env-test",
|
|
11580
|
-
"$members$": undefined,
|
|
11581
|
-
"$listeners$": undefined,
|
|
11582
|
-
"$lazyBundleId$": "-",
|
|
11583
|
-
"$attrsToReflect$": []
|
|
11584
|
-
}; }
|
|
11585
|
-
}
|
|
11586
|
-
|
|
11587
|
-
const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
11757
|
+
const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
11588
11758
|
|
|
11589
11759
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
11590
11760
|
/**
|
|
@@ -11610,7 +11780,7 @@ class PostFooter {
|
|
|
11610
11780
|
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
11611
11781
|
}
|
|
11612
11782
|
connectedCallback() {
|
|
11613
|
-
|
|
11783
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11614
11784
|
}
|
|
11615
11785
|
componentWillLoad() {
|
|
11616
11786
|
this.validateTextFooter();
|
|
@@ -11621,7 +11791,7 @@ class PostFooter {
|
|
|
11621
11791
|
});
|
|
11622
11792
|
}
|
|
11623
11793
|
disconnectedCallback() {
|
|
11624
|
-
|
|
11794
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11625
11795
|
}
|
|
11626
11796
|
handleGridSlotChange(...devices) {
|
|
11627
11797
|
return (e) => {
|
|
@@ -11642,7 +11812,7 @@ class PostFooter {
|
|
|
11642
11812
|
return GRID_SLOTS.map(slotName => (hAsync("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
11643
11813
|
}
|
|
11644
11814
|
render() {
|
|
11645
|
-
return (hAsync(Host, { key: '
|
|
11815
|
+
return (hAsync(Host, { key: 'be8e78b13597a378a3f37a89f2f4fa5553036206', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '623aa5da3107b544c697f030a050b3ac516867ec' }, hAsync("h2", { key: 'e916c70696d0bfa37a9770ed714073e48bf10fb6', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'f85439265e62b5d262d8fa2aff87df35df2f4b74', class: "footer-container" }, hAsync("div", { key: '91235f909d2138536273c87afd69ba0008df8776', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '22185d166fbb42ab089475a85847933fee4bcf97', class: "footer-column" }, hAsync("div", { key: 'a8f482d680f84ce0d146c313cb47b533d29f6dfa', class: "footer-socialmedia" }, hAsync("slot", { key: 'b5299b55e738ae34c4805ee73e8e7313bb645a75', name: "socialmedia" })), hAsync("div", { key: '8a95fa529436c71f2b3c3f2b3bc64eefe5325f99', class: "footer-app" }, hAsync("slot", { key: 'f2c43566ff23b06663b0807f021830af8405e3d2', name: "app" }))), hAsync("div", { key: '539d6db985d9158bf61eae1bd80c52a39ec19cab', class: "footer-businesssectors" }, hAsync("slot", { key: '1c433ce5950e8ee2116afe50c3efd3290f4cec8d', name: "businesssectors" })), hAsync("div", { key: '7d71af6cb0b7b1d4cd1f0ef45386dfd4da974664', class: "footer-meta" }, hAsync("slot", { key: '67905639dfdc2ef406ac23a93cd3ae623f14e47b', name: "meta" })), hAsync("div", { key: '94892c47ebf68134d28417c4fccb9bace0ee4038', class: "footer-copyright" }, hAsync("slot", { key: 'bd4853f4cb3342f7ef2c01f2c16cd3378a6c2899', name: "copyright" }))))));
|
|
11646
11816
|
}
|
|
11647
11817
|
get host() { return getElement(this); }
|
|
11648
11818
|
static get watchers() { return {
|
|
@@ -11667,7 +11837,7 @@ class PostFooter {
|
|
|
11667
11837
|
|
|
11668
11838
|
const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
|
|
11669
11839
|
|
|
11670
|
-
var __decorate$
|
|
11840
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11671
11841
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11672
11842
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11673
11843
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -11716,11 +11886,11 @@ class PostHeader {
|
|
|
11716
11886
|
const scrollParent = this.scrollParent;
|
|
11717
11887
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
11718
11888
|
if (this.device !== 'desktop' && burgerMenuExtended) {
|
|
11719
|
-
scrollParent.
|
|
11889
|
+
scrollParent.dataset.postScrollLocked = '';
|
|
11720
11890
|
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
11721
11891
|
}
|
|
11722
11892
|
else {
|
|
11723
|
-
scrollParent.
|
|
11893
|
+
delete scrollParent.dataset.postScrollLocked;
|
|
11724
11894
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
11725
11895
|
}
|
|
11726
11896
|
}
|
|
@@ -11765,15 +11935,15 @@ class PostHeader {
|
|
|
11765
11935
|
this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
|
|
11766
11936
|
}
|
|
11767
11937
|
connectedCallback() {
|
|
11768
|
-
|
|
11769
|
-
|
|
11938
|
+
globalThis.addEventListener('resize', this.throttledResize, { passive: true });
|
|
11939
|
+
globalThis.addEventListener('scroll', this.handleScrollEvent, {
|
|
11770
11940
|
passive: true,
|
|
11771
11941
|
});
|
|
11772
11942
|
this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
|
|
11773
11943
|
passive: true,
|
|
11774
11944
|
});
|
|
11775
11945
|
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
11776
|
-
|
|
11946
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11777
11947
|
this.handleScrollParentResize();
|
|
11778
11948
|
this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
|
|
11779
11949
|
}
|
|
@@ -11801,9 +11971,9 @@ class PostHeader {
|
|
|
11801
11971
|
// Clean up possible side effects when post-header is disconnected
|
|
11802
11972
|
disconnectedCallback() {
|
|
11803
11973
|
const scrollParent = this.scrollParent;
|
|
11804
|
-
|
|
11805
|
-
|
|
11806
|
-
|
|
11974
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11975
|
+
globalThis.removeEventListener('resize', this.throttledResize);
|
|
11976
|
+
globalThis.removeEventListener('scroll', this.handleScrollEvent);
|
|
11807
11977
|
if (scrollParent)
|
|
11808
11978
|
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
11809
11979
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
@@ -11875,7 +12045,7 @@ class PostHeader {
|
|
|
11875
12045
|
const focusableElements = [this.burgerMenuButton];
|
|
11876
12046
|
focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
|
|
11877
12047
|
this.firstFocusableEl = focusableElements[0];
|
|
11878
|
-
this.lastFocusableEl = focusableElements
|
|
12048
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
11879
12049
|
}
|
|
11880
12050
|
keyboardHandler(e) {
|
|
11881
12051
|
if (e.key !== 'Tab' || !this.burgerMenuExtended)
|
|
@@ -11973,10 +12143,10 @@ class PostHeader {
|
|
|
11973
12143
|
}, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, this.hasLocalNav && !this.hasTitle && (hAsync("div", { class: "local-nav" }, hAsync("slot", { name: "local-nav" }))), hAsync("div", { class: "burger-menu-body" }, hAsync("slot", { name: "audience" }), hAsync("slot", { name: "main-nav" })), hAsync("div", { class: "burger-menu-footer" }, hAsync("slot", { name: "global-nav-secondary" }), hAsync("slot", { name: "language-menu" }))));
|
|
11974
12144
|
}
|
|
11975
12145
|
render() {
|
|
11976
|
-
return (hAsync(Host, { key: '
|
|
11977
|
-
hAsync("slot", { key: '
|
|
11978
|
-
hAsync("slot", { key: '
|
|
11979
|
-
], hAsync("slot", { key: '
|
|
12146
|
+
return (hAsync(Host, { key: '3a91565f737ace8c2afa09aea4376301df78de15', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '3983485ef60f0ac3a14224ebc3e550c73b183533' }, hAsync("div", { key: 'fcb70d0d33448afd05a9d0cc2045cbf954ffef8b', class: "global-header" }, hAsync("div", { key: 'fc4a7fe09d320c801ffab5b8a1652078685ec126', class: "section" }, hAsync("div", { key: '41ea4d25ae37ad90875201a6d580bf0e856055e0', class: "logo" }, hAsync("slot", { key: 'c1fc7972273b8ca82d41535f6a3c0ee8f4a7da6a', name: "post-logo" })), hAsync("div", { key: 'fb7d8e98ac126416c7342b34e9655e1ef82fed20', class: "sliding-controls" }, (hAsync("div", { key: 'e9556afe505005b09892fcf7a9092ac5892337ee', class: "audience" }, hAsync("slot", { key: '62a2bec634b4f5afff5a3323187de4bfa7ddcf3c', name: "audience" }))), hAsync("slot", { key: 'e8e88e7547d71312cf868f81386eba9405b5e6b2', name: "global-nav-primary" }), [
|
|
12147
|
+
hAsync("slot", { key: '85d07e119df995f5b4aec62675eb821dee0b3059', name: "global-nav-secondary" }),
|
|
12148
|
+
hAsync("slot", { key: '087f20e4844e9bf5fa6a945e4352509f0128eb70', name: "language-menu" }),
|
|
12149
|
+
], hAsync("slot", { key: 'b4def359986a7093cacf963709ca27180c34d294', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: '534cb2b1f21ac6408f7ea14722c2ee8c82e268eb', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'fe96f2269a1e76e26edcef2d66beacac5149dea0' }, this.textMenu), hAsync("post-icon", { key: '7eabffedbe08a520d7be8c930168ac15428c132d', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'fb3cdba5cce308547bb057bfb5e915b3b7b3848b', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: '48f203901cd57d50f3a70b8065e65e2a45e6e0bb', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: '846dc6852d5978a3fd1d3cd22a6c870c8d9f1cf3', class: "section" }, hAsync("slot", { key: '91d510bd1948b004787c1d77f9d0ae0669a7a231', name: "title" }), this.hasTitle && hAsync("slot", { key: '13fd6cd078235ee8449d22944ee67926f11b3db1', name: "local-nav" }), hAsync("slot", { key: '67b37a81c37cf6a77df5a15519e09b884d3cd892', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: '6ca6a422b465a38a1c02e21229dc5f9f0178ffcc', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
11980
12150
|
}
|
|
11981
12151
|
get host() { return getElement(this); }
|
|
11982
12152
|
static get watchers() { return {
|
|
@@ -12013,7 +12183,7 @@ class PostHeader {
|
|
|
12013
12183
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12014
12184
|
}; }
|
|
12015
12185
|
}
|
|
12016
|
-
__decorate$
|
|
12186
|
+
__decorate$4([
|
|
12017
12187
|
EventFrom('post-megadropdown')
|
|
12018
12188
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12019
12189
|
|
|
@@ -12063,7 +12233,11 @@ class PostIcon {
|
|
|
12063
12233
|
**/
|
|
12064
12234
|
getUrl() {
|
|
12065
12235
|
const fileName = `${this.name}.svg`;
|
|
12066
|
-
|
|
12236
|
+
// Prioritize only data:image URLs
|
|
12237
|
+
if (this.url?.startsWith('data:image/')) {
|
|
12238
|
+
return this.url;
|
|
12239
|
+
}
|
|
12240
|
+
if (!this.base) {
|
|
12067
12241
|
return `${CDN_URL}${fileName}`;
|
|
12068
12242
|
}
|
|
12069
12243
|
if (this.url) {
|
|
@@ -12071,16 +12245,9 @@ class PostIcon {
|
|
|
12071
12245
|
}
|
|
12072
12246
|
const isAbsolute = (url) => /^https?:\/\//.test(url);
|
|
12073
12247
|
const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
|
|
12074
|
-
const cleanUrl = (url) => url.
|
|
12075
|
-
const currentDomain =
|
|
12076
|
-
const baseHref =
|
|
12077
|
-
? document.querySelector('base[href]')?.getAttribute('href') || ''
|
|
12078
|
-
: '';
|
|
12079
|
-
let metaIconBase = '';
|
|
12080
|
-
if (IS_BROWSER) {
|
|
12081
|
-
const metaTag = document.querySelector('meta[name="design-system-settings"]');
|
|
12082
|
-
metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
|
|
12083
|
-
}
|
|
12248
|
+
const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
|
|
12249
|
+
const currentDomain = '';
|
|
12250
|
+
const baseHref = '';
|
|
12084
12251
|
// Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
|
|
12085
12252
|
const buildUrlWithBase = (relativeUrl) => {
|
|
12086
12253
|
const normalizedHref = normalizeUrl(baseHref);
|
|
@@ -12098,26 +12265,18 @@ class PostIcon {
|
|
|
12098
12265
|
: `${buildUrlWithBase(this.base)}${fileName}`;
|
|
12099
12266
|
return cleanUrl(url);
|
|
12100
12267
|
}
|
|
12101
|
-
// Second Priority is metaIconBase
|
|
12102
|
-
if (metaIconBase) {
|
|
12103
|
-
url = isAbsolute(metaIconBase)
|
|
12104
|
-
? `${normalizeUrl(metaIconBase)}${fileName}`
|
|
12105
|
-
: `${buildUrlWithBase(metaIconBase)}${fileName}`;
|
|
12106
|
-
return cleanUrl(url);
|
|
12107
|
-
}
|
|
12108
12268
|
// Fallback to CDN
|
|
12109
12269
|
return cleanUrl(`${CDN_URL}${fileName}`);
|
|
12110
12270
|
}
|
|
12111
12271
|
getStyles() {
|
|
12112
12272
|
const url = this.getUrl();
|
|
12113
|
-
return Object.entries({
|
|
12273
|
+
return Object.fromEntries(Object.entries({
|
|
12114
12274
|
'-webkit-mask-image': `url(${url})`,
|
|
12115
12275
|
'mask-image': `url('${url}')`,
|
|
12116
|
-
'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12117
|
-
(this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12276
|
+
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12277
|
+
(this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12118
12278
|
})
|
|
12119
|
-
.filter(([_key, value]) => value !== null)
|
|
12120
|
-
.reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
|
|
12279
|
+
.filter(([_key, value]) => value !== null));
|
|
12121
12280
|
}
|
|
12122
12281
|
componentDidLoad() {
|
|
12123
12282
|
this.validateBase();
|
|
@@ -12127,7 +12286,7 @@ class PostIcon {
|
|
|
12127
12286
|
this.validateAnimation();
|
|
12128
12287
|
}
|
|
12129
12288
|
render() {
|
|
12130
|
-
return (hAsync(Host, { key: '
|
|
12289
|
+
return (hAsync(Host, { key: '53aca4224876ae30f8a022c5cb80ee5755b26251', "data-version": version$1 }, hAsync("span", { key: '8e024aa2df513f3b75d61d15284c77883b622776', style: this.getStyles() })));
|
|
12131
12290
|
}
|
|
12132
12291
|
get host() { return getElement(this); }
|
|
12133
12292
|
static get watchers() { return {
|
|
@@ -12169,9 +12328,9 @@ class PostIcon {
|
|
|
12169
12328
|
|
|
12170
12329
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12171
12330
|
|
|
12172
|
-
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}
|
|
12331
|
+
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
|
|
12173
12332
|
|
|
12174
|
-
var __decorate$
|
|
12333
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12175
12334
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12176
12335
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12177
12336
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12209,7 +12368,7 @@ class PostLanguageMenu {
|
|
|
12209
12368
|
const activeLanguage = this.activeLang &&
|
|
12210
12369
|
document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
|
|
12211
12370
|
return activeLanguage
|
|
12212
|
-
? this.textCurrentLanguage.
|
|
12371
|
+
? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
|
|
12213
12372
|
: undefined;
|
|
12214
12373
|
}
|
|
12215
12374
|
componentDidLoad() {
|
|
@@ -12289,11 +12448,11 @@ class PostLanguageMenu {
|
|
|
12289
12448
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12290
12449
|
}; }
|
|
12291
12450
|
}
|
|
12292
|
-
__decorate$
|
|
12451
|
+
__decorate$3([
|
|
12293
12452
|
EventFrom('post-language-menu-item')
|
|
12294
12453
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12295
12454
|
|
|
12296
|
-
const postLanguageMenuItemCss = () => `post-language-menu-item{
|
|
12455
|
+
const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
12297
12456
|
|
|
12298
12457
|
/**
|
|
12299
12458
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
@@ -12347,7 +12506,8 @@ class PostLanguageMenuItem {
|
|
|
12347
12506
|
this.emitChange();
|
|
12348
12507
|
}
|
|
12349
12508
|
};
|
|
12350
|
-
|
|
12509
|
+
const interactiveElement = this.url ? (hAsync("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name))) : (hAsync("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name)));
|
|
12510
|
+
return this.variant === 'list' ? (hAsync(Host, { "data-version": version$1, role: "listitem" }, interactiveElement)) : (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-item", null, interactiveElement)));
|
|
12351
12511
|
}
|
|
12352
12512
|
get host() { return getElement(this); }
|
|
12353
12513
|
static get watchers() { return {
|
|
@@ -12442,7 +12602,7 @@ class PostLinkarea {
|
|
|
12442
12602
|
}
|
|
12443
12603
|
}
|
|
12444
12604
|
render() {
|
|
12445
|
-
return (hAsync(Host, { key: '
|
|
12605
|
+
return (hAsync(Host, { key: 'cb2563465ebe024e8e98539c27c7a8d7084229d3', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '68fc1468da418e4ed38e89cbf7ef932f819993dd' })));
|
|
12446
12606
|
}
|
|
12447
12607
|
get host() { return getElement(this); }
|
|
12448
12608
|
static get style() { return postLinkareaCss(); }
|
|
@@ -12456,35 +12616,225 @@ class PostLinkarea {
|
|
|
12456
12616
|
}; }
|
|
12457
12617
|
}
|
|
12458
12618
|
|
|
12459
|
-
const
|
|
12619
|
+
const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
|
|
12460
12620
|
|
|
12461
|
-
|
|
12462
|
-
|
|
12463
|
-
|
|
12464
|
-
|
|
12621
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12622
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12623
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12624
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12625
|
+
else
|
|
12626
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12627
|
+
if (d = decorators[i])
|
|
12628
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12629
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12630
|
+
};
|
|
12631
|
+
class PostListbox {
|
|
12465
12632
|
constructor(hostRef) {
|
|
12466
12633
|
registerInstance(this, hostRef);
|
|
12634
|
+
this.postOptionActive = createEvent(this, "postOptionActive");
|
|
12635
|
+
this.highlightedIndex = -1;
|
|
12636
|
+
this.visibleOptions = [];
|
|
12637
|
+
this.diacriticPattern = /[\u0300-\u036F]/u;
|
|
12638
|
+
this.registerOptions = () => {
|
|
12639
|
+
this.visibleOptions = this.options;
|
|
12640
|
+
};
|
|
12641
|
+
this.updateSelection = (value) => {
|
|
12642
|
+
this.options.forEach(option => {
|
|
12643
|
+
option.selected = option.value === value;
|
|
12644
|
+
option.highlighted = false;
|
|
12645
|
+
});
|
|
12646
|
+
this.highlightedIndex = -1;
|
|
12647
|
+
this.filter('');
|
|
12648
|
+
};
|
|
12649
|
+
this.clearActive = () => {
|
|
12650
|
+
this.highlightedIndex = -1;
|
|
12651
|
+
this.postOptionActive.emit(null);
|
|
12652
|
+
};
|
|
12653
|
+
this.normalizeText = (text) => {
|
|
12654
|
+
return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
|
|
12655
|
+
};
|
|
12656
|
+
this.resetFilter = () => {
|
|
12657
|
+
this.visibleOptions = this.options;
|
|
12658
|
+
this.options.forEach(option => {
|
|
12659
|
+
option.hidden = false;
|
|
12660
|
+
option.highlighted = false;
|
|
12661
|
+
});
|
|
12662
|
+
};
|
|
12467
12663
|
}
|
|
12468
|
-
|
|
12469
|
-
|
|
12664
|
+
get options() {
|
|
12665
|
+
return Array.from(this.host.querySelectorAll('post-listbox-option'));
|
|
12470
12666
|
}
|
|
12471
|
-
|
|
12472
|
-
this.
|
|
12473
|
-
|
|
12667
|
+
get inputElement() {
|
|
12668
|
+
let autocomplete = this.host.closest('post-autocomplete');
|
|
12669
|
+
if (!autocomplete) {
|
|
12670
|
+
autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
|
|
12671
|
+
}
|
|
12672
|
+
return autocomplete?.querySelector('input');
|
|
12474
12673
|
}
|
|
12475
|
-
|
|
12476
|
-
|
|
12477
|
-
|
|
12674
|
+
componentWillLoad() {
|
|
12675
|
+
this.registerOptions();
|
|
12676
|
+
}
|
|
12677
|
+
/** Opens the listbox */
|
|
12678
|
+
async show() {
|
|
12679
|
+
const input = this.inputElement;
|
|
12680
|
+
if (input) {
|
|
12681
|
+
this.popoverContainer?.show(input);
|
|
12682
|
+
this.host.role = 'listbox';
|
|
12683
|
+
}
|
|
12684
|
+
}
|
|
12685
|
+
/** Closes the listbox */
|
|
12686
|
+
async hide() {
|
|
12687
|
+
this.host.removeAttribute('role');
|
|
12688
|
+
this.popoverContainer?.hide();
|
|
12689
|
+
}
|
|
12690
|
+
/** Uses the internal default filtering mode to filter the list of options.
|
|
12691
|
+
* An empty string resets the filter to it's original state. */
|
|
12692
|
+
async filter(query) {
|
|
12693
|
+
const normalizedQuery = this.normalizeText(query);
|
|
12694
|
+
if (normalizedQuery) {
|
|
12695
|
+
this.visibleOptions = this.options.filter(option => {
|
|
12696
|
+
const normalizedText = this.normalizeText(option.textContent);
|
|
12697
|
+
const normalizedValue = this.normalizeText(option.value);
|
|
12698
|
+
const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
|
|
12699
|
+
option.hidden = !isVisible;
|
|
12700
|
+
return isVisible;
|
|
12701
|
+
});
|
|
12702
|
+
}
|
|
12703
|
+
else {
|
|
12704
|
+
this.resetFilter();
|
|
12705
|
+
}
|
|
12706
|
+
this.clearActive();
|
|
12707
|
+
}
|
|
12708
|
+
/** Clears the currently selected option */
|
|
12709
|
+
async clearSelection() {
|
|
12710
|
+
this.updateSelection();
|
|
12711
|
+
}
|
|
12712
|
+
/** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
|
|
12713
|
+
async navigate(direction) {
|
|
12714
|
+
if (this.visibleOptions.length === 0)
|
|
12715
|
+
return;
|
|
12716
|
+
if (this.highlightedIndex >= 0) {
|
|
12717
|
+
this.visibleOptions[this.highlightedIndex].highlighted = false;
|
|
12718
|
+
}
|
|
12719
|
+
switch (direction) {
|
|
12720
|
+
case 'first':
|
|
12721
|
+
this.highlightedIndex = 0;
|
|
12722
|
+
break;
|
|
12723
|
+
case 'last':
|
|
12724
|
+
this.highlightedIndex = this.visibleOptions.length - 1;
|
|
12725
|
+
break;
|
|
12726
|
+
case 'up':
|
|
12727
|
+
this.highlightedIndex =
|
|
12728
|
+
(this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
|
|
12729
|
+
break;
|
|
12730
|
+
case 'down':
|
|
12731
|
+
this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
|
|
12732
|
+
break;
|
|
12733
|
+
}
|
|
12734
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12735
|
+
activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
|
|
12736
|
+
activeOption.highlighted = true;
|
|
12737
|
+
this.postOptionActive.emit(activeOption.id);
|
|
12738
|
+
}
|
|
12739
|
+
/**
|
|
12740
|
+
* Selects the currently highlighted option in the listbox and scrolls it into view.
|
|
12741
|
+
*/
|
|
12742
|
+
async selectActive() {
|
|
12743
|
+
if (this.highlightedIndex >= 0) {
|
|
12744
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12745
|
+
this.updateSelection(activeOption.value);
|
|
12746
|
+
this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
|
|
12478
12747
|
}
|
|
12479
12748
|
}
|
|
12749
|
+
optionClicked(event) {
|
|
12750
|
+
this.updateSelection(event.detail);
|
|
12751
|
+
}
|
|
12480
12752
|
render() {
|
|
12481
|
-
|
|
12482
|
-
const LogoTag = logoLink ? 'a' : 'span';
|
|
12483
|
-
return (hAsync(Host, { key: '1c268056329697baccc5bf65b1e66acd8531d5f3', "data-version": version$1 }, hAsync(LogoTag, { key: '9b73fc4922a5ea0f72d761e82136ef1111eb7e21', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '4042a64056f3d22a99d6b245201be20d1afe5dc0', class: "description" }, hAsync("slot", { key: 'eb437f087d952b4f4a961bcba0dc18eb6836c6c9', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: 'b658e94d0e7f63d2f80245e12017f87f50a0b2c9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '90c0c8f64d0c9023dfa7296e68333232b9023276', id: "Logo" }, hAsync("rect", { key: 'a1dfd6e0bcaedb485398f1896603af36e3f119dc', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '44d5ee8e45b7b320d75530e00ab1ff8dc4b8e21c', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: '788524d12213fdfe0d21712b14d72e30d0195b4d', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
|
|
12753
|
+
return (hAsync(Host, { key: 'a69ea3f635246ef33f482f3bdf5f40e3cd167846', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '20a8d8721127c0d51d320f650ec92e4f72c9d50c', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
|
|
12484
12754
|
}
|
|
12485
12755
|
get host() { return getElement(this); }
|
|
12486
|
-
static get
|
|
12487
|
-
|
|
12756
|
+
static get style() { return postListboxCss(); }
|
|
12757
|
+
static get cmpMeta() { return {
|
|
12758
|
+
"$flags$": 265,
|
|
12759
|
+
"$tagName$": "post-listbox",
|
|
12760
|
+
"$members$": {
|
|
12761
|
+
"show": [64],
|
|
12762
|
+
"hide": [64],
|
|
12763
|
+
"filter": [64],
|
|
12764
|
+
"clearSelection": [64],
|
|
12765
|
+
"navigate": [64],
|
|
12766
|
+
"selectActive": [64]
|
|
12767
|
+
},
|
|
12768
|
+
"$listeners$": [[0, "postOptionSelected", "optionClicked"]],
|
|
12769
|
+
"$lazyBundleId$": "-",
|
|
12770
|
+
"$attrsToReflect$": []
|
|
12771
|
+
}; }
|
|
12772
|
+
}
|
|
12773
|
+
__decorate$2([
|
|
12774
|
+
EventFrom('post-listbox-option')
|
|
12775
|
+
], PostListbox.prototype, "optionClicked", null);
|
|
12776
|
+
|
|
12777
|
+
const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
|
|
12778
|
+
|
|
12779
|
+
class PostListboxOption {
|
|
12780
|
+
constructor(hostRef) {
|
|
12781
|
+
registerInstance(this, hostRef);
|
|
12782
|
+
this.postOptionSelected = createEvent(this, "postOptionSelected");
|
|
12783
|
+
this.optionId = crypto.randomUUID();
|
|
12784
|
+
/** Represents option is selected . */
|
|
12785
|
+
this.selected = false;
|
|
12786
|
+
/** Represents option is highlighted . */
|
|
12787
|
+
this.highlighted = false;
|
|
12788
|
+
}
|
|
12789
|
+
render() {
|
|
12790
|
+
return (hAsync(Host, { key: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
12791
|
+
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
12792
|
+
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: 'cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858', class: "option-content" }, this.value, hAsync("span", { key: '5b314c41073a357185613a04a07d2020e4eab300', class: "option-description" }, hAsync("slot", { key: 'ac1ed1be98f9a348952c0169d7ec89f8aaa99474' }))), this.selected && hAsync("post-icon", { key: '7691085df732c0c2c5db9824587d54047017adf5', "aria-hidden": "true", name: "checkmark" })));
|
|
12793
|
+
}
|
|
12794
|
+
static get style() { return postListboxOptionCss(); }
|
|
12795
|
+
static get cmpMeta() { return {
|
|
12796
|
+
"$flags$": 265,
|
|
12797
|
+
"$tagName$": "post-listbox-option",
|
|
12798
|
+
"$members$": {
|
|
12799
|
+
"value": [513],
|
|
12800
|
+
"selected": [516],
|
|
12801
|
+
"highlighted": [516]
|
|
12802
|
+
},
|
|
12803
|
+
"$listeners$": undefined,
|
|
12804
|
+
"$lazyBundleId$": "-",
|
|
12805
|
+
"$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
12806
|
+
}; }
|
|
12807
|
+
}
|
|
12808
|
+
|
|
12809
|
+
const postLogoCss = () => `:host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}`;
|
|
12810
|
+
|
|
12811
|
+
/**
|
|
12812
|
+
* @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
|
|
12813
|
+
*/
|
|
12814
|
+
class PostLogo {
|
|
12815
|
+
constructor(hostRef) {
|
|
12816
|
+
registerInstance(this, hostRef);
|
|
12817
|
+
}
|
|
12818
|
+
validateUrl() {
|
|
12819
|
+
checkEmptyOrUrl(this, 'url');
|
|
12820
|
+
}
|
|
12821
|
+
componentDidLoad() {
|
|
12822
|
+
this.validateUrl();
|
|
12823
|
+
this.checkDescription();
|
|
12824
|
+
}
|
|
12825
|
+
checkDescription() {
|
|
12826
|
+
if (!this.host.textContent) {
|
|
12827
|
+
console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
|
|
12828
|
+
}
|
|
12829
|
+
}
|
|
12830
|
+
render() {
|
|
12831
|
+
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
12832
|
+
const LogoTag = logoLink ? 'a' : 'span';
|
|
12833
|
+
return (hAsync(Host, { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', "data-version": version$1 }, hAsync(LogoTag, { key: '4696e7329e8821e010f8cf0de367551f9fec448c', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: 'd4bec68539d393a5eced24f0b0ab521f40b13b4b', class: "description" }, hAsync("slot", { key: '43b6f18561aec0b83cde540b4a6370fda2717cc2', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '9ee91a5dc0e1553bd54eb90bce0036f59f7ee62a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '6accd8ec83c793b4b5ae0412b21ea97c4db1a05f', id: "Logo" }, hAsync("rect", { key: '5eee4130c5c766f46769b3fe00bab45f2c4a0a51', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '4f33978c01fe70f6b4b9ede345624378ec488b25', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: 'c680032facb04b9869778712dcb50b0bb166922c', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
|
|
12834
|
+
}
|
|
12835
|
+
get host() { return getElement(this); }
|
|
12836
|
+
static get watchers() { return {
|
|
12837
|
+
"url": [{
|
|
12488
12838
|
"validateUrl": 0
|
|
12489
12839
|
}]
|
|
12490
12840
|
}; }
|
|
@@ -12626,7 +12976,7 @@ class PostMainnavigation {
|
|
|
12626
12976
|
}, NAVBAR_DISABLE_DURATION);
|
|
12627
12977
|
}
|
|
12628
12978
|
render() {
|
|
12629
|
-
return (hAsync(Host, { key: '
|
|
12979
|
+
return (hAsync(Host, { key: '7bdd80e16b223324417ffbacdcadcb842c559d26', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '087cfbe84c8970ab26b394b6e96298cbc0df71ec', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '6d4cbd054346c8ac28ad54ad00887d042e41f78d', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: 'db4cb2f45e19d458cede13f9b62dbcb5836f6127', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '00fbab4d3e498a0943c9298801dd9629e34a0eea' })), hAsync("div", { key: '678872aef2d26f52f8b838e47ef7a631e71cb7a6', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '233bebc886e69c27651ebaf2a678fa6d64f1f7cf', "aria-hidden": "true", name: "chevronright" }))));
|
|
12630
12980
|
}
|
|
12631
12981
|
get host() { return getElement(this); }
|
|
12632
12982
|
static get watchers() { return {
|
|
@@ -12709,7 +13059,7 @@ class PostMegadropdown {
|
|
|
12709
13059
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
12710
13060
|
}
|
|
12711
13061
|
connectedCallback() {
|
|
12712
|
-
|
|
13062
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12713
13063
|
}
|
|
12714
13064
|
componentDidRender() {
|
|
12715
13065
|
this.getFocusableElements();
|
|
@@ -12722,7 +13072,7 @@ class PostMegadropdown {
|
|
|
12722
13072
|
this.handleAriaCurrentChange([]);
|
|
12723
13073
|
}
|
|
12724
13074
|
disconnectedCallback() {
|
|
12725
|
-
|
|
13075
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12726
13076
|
if (PostMegadropdown.activeDropdown === this)
|
|
12727
13077
|
PostMegadropdown.activeDropdown = null;
|
|
12728
13078
|
this.removeListeners();
|
|
@@ -12870,7 +13220,7 @@ class PostMegadropdown {
|
|
|
12870
13220
|
...getFocusableChildren(this.host.shadowRoot),
|
|
12871
13221
|
];
|
|
12872
13222
|
this.firstFocusableEl = focusableElements[0];
|
|
12873
|
-
this.lastFocusableEl = focusableElements
|
|
13223
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
12874
13224
|
}
|
|
12875
13225
|
// Loop through the focusable children
|
|
12876
13226
|
keyboardHandler(e) {
|
|
@@ -12925,7 +13275,7 @@ class PostMegadropdown {
|
|
|
12925
13275
|
* and sets the trigger as active accordingly.
|
|
12926
13276
|
*/
|
|
12927
13277
|
handleAriaCurrentChange(mutations) {
|
|
12928
|
-
if (
|
|
13278
|
+
if (mutations.length === 0)
|
|
12929
13279
|
return;
|
|
12930
13280
|
const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
|
|
12931
13281
|
this.setTriggerActive(hasCurrentPage);
|
|
@@ -12941,7 +13291,7 @@ class PostMegadropdown {
|
|
|
12941
13291
|
}
|
|
12942
13292
|
render() {
|
|
12943
13293
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
12944
|
-
return (hAsync(Host, { key: '
|
|
13294
|
+
return (hAsync(Host, { key: 'f3794c85cf7972c3a30145726e07675d88875ad8', version: version$1 }, hAsync("div", { key: '078a4489e17db573136caa9212a0bf1010c328ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'fb51ea5e7a38a546ac54d73e7a0804c9e2f3db79', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: 'cdc95d1af137074d8f117b7ab44ae58c20804d31', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '4f205271deab921c732c10f59f951e0d1559cafb', class: "megadropdown-content" }, hAsync("slot", { key: '218f174cfefef460dcd2f4a4be35107e0a5cd95e' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
12945
13295
|
}
|
|
12946
13296
|
get host() { return getElement(this); }
|
|
12947
13297
|
static get watchers() { return {
|
|
@@ -13052,7 +13402,7 @@ class PostMegadropdownTrigger {
|
|
|
13052
13402
|
this.megadropdown.toggle();
|
|
13053
13403
|
}
|
|
13054
13404
|
render() {
|
|
13055
|
-
return (hAsync(Host, { key: '
|
|
13405
|
+
return (hAsync(Host, { key: '3ff98d284d7ffcf3605e9fbfa44dda294ae02eb9', "data-version": version$1 }, hAsync("button", { key: 'e87d23a68473518e41199a253b3aa23dfc5fe6ca', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: 'b0c478e81171df7534255dcfedcc2c1401d59d7e' }, hAsync("span", { key: 'aa226c2f92b49aeefcf61ab8ce75b72a1a731850', innerHTML: this.slottedContent }), hAsync("span", { key: '2e30aff042547cecc77c34d3f78a58fb0ca2e2bb', "aria-hidden": "true" }, hAsync("slot", { key: 'b285e45d776f2cbf17e2f01f400a01d3bbb6f588' }))), hAsync("post-icon", { key: 'f65a12ebf1e5261633a7cd83f3273f157bcdc6ef', name: "chevrondown" }))));
|
|
13056
13406
|
}
|
|
13057
13407
|
get host() { return getElement(this); }
|
|
13058
13408
|
static get watchers() { return {
|
|
@@ -13224,7 +13574,7 @@ class PostMenu {
|
|
|
13224
13574
|
}
|
|
13225
13575
|
controlKeyDownHandler(e) {
|
|
13226
13576
|
const menuItems = this.getSlottedItems();
|
|
13227
|
-
if (
|
|
13577
|
+
if (menuItems.length === 0) {
|
|
13228
13578
|
return;
|
|
13229
13579
|
}
|
|
13230
13580
|
let currentIndex = menuItems.findIndex(el => {
|
|
@@ -13269,7 +13619,7 @@ class PostMenu {
|
|
|
13269
13619
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
13270
13620
|
}
|
|
13271
13621
|
render() {
|
|
13272
|
-
return (hAsync(Host, { key: '
|
|
13622
|
+
return (hAsync(Host, { key: 'a60bf6255b37ad07a25cbc2fd96e9ada4368ad37', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'eef8b43481a5e9eb0b9d64f18fc226dc9c49ca69', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '5f26e8d32c9653acbdd918e8676e4e92c5b218d3', part: "post-menu" }, hAsync("slot", { key: 'c1f81a3a0e3a214bff8b59dc3f1445526c072ea7', name: "header" }), hAsync("slot", { key: '36214a951440a02220183aeb2eee22d3a394b90d' })))));
|
|
13273
13623
|
}
|
|
13274
13624
|
get host() { return getElement(this); }
|
|
13275
13625
|
static get watchers() { return {
|
|
@@ -13311,7 +13661,7 @@ class PostMenuItem {
|
|
|
13311
13661
|
registerInstance(this, hostRef);
|
|
13312
13662
|
}
|
|
13313
13663
|
connectedCallback() {
|
|
13314
|
-
this.host.
|
|
13664
|
+
this.host.dataset.version = version$1;
|
|
13315
13665
|
}
|
|
13316
13666
|
get host() { return getElement(this); }
|
|
13317
13667
|
static get style() { return postMenuItemCss(); }
|
|
@@ -13386,7 +13736,7 @@ class PostMenuTrigger {
|
|
|
13386
13736
|
return null;
|
|
13387
13737
|
}
|
|
13388
13738
|
render() {
|
|
13389
|
-
return (hAsync(Host, { key: '
|
|
13739
|
+
return (hAsync(Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": version$1 }, hAsync("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
|
|
13390
13740
|
}
|
|
13391
13741
|
get host() { return getElement(this); }
|
|
13392
13742
|
static get watchers() { return {
|
|
@@ -13407,11 +13757,11 @@ class PostMenuTrigger {
|
|
|
13407
13757
|
}; }
|
|
13408
13758
|
}
|
|
13409
13759
|
|
|
13410
|
-
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end}.input-container{position:relative}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border-
|
|
13760
|
+
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:unset;box-sizing:border-box;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}`;
|
|
13411
13761
|
|
|
13412
13762
|
function parseNumber(input, key) {
|
|
13413
|
-
const value = parseFloat(input[key]);
|
|
13414
|
-
return isNaN(value) ? undefined : value;
|
|
13763
|
+
const value = Number.parseFloat(input[key]);
|
|
13764
|
+
return Number.isNaN(value) ? undefined : value;
|
|
13415
13765
|
}
|
|
13416
13766
|
function compare(value, bound, comparator) {
|
|
13417
13767
|
return value !== undefined && bound !== undefined && comparator(value, bound);
|
|
@@ -13419,12 +13769,16 @@ function compare(value, bound, comparator) {
|
|
|
13419
13769
|
class PostNumberInput {
|
|
13420
13770
|
constructor(hostRef) {
|
|
13421
13771
|
registerInstance(this, hostRef);
|
|
13772
|
+
this.isDisabled = false;
|
|
13422
13773
|
this.isIncrementDisabled = false;
|
|
13423
13774
|
this.isDecrementDisabled = false;
|
|
13775
|
+
this.small = false;
|
|
13424
13776
|
this.setupInput = debounce$1(50, () => {
|
|
13425
13777
|
this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
|
|
13426
13778
|
if (!this.input)
|
|
13427
13779
|
return;
|
|
13780
|
+
this.isDisabled = this.input.disabled;
|
|
13781
|
+
this.small = this.input.classList.contains('form-control-sm');
|
|
13428
13782
|
// step buttons may be disabled when the input loads
|
|
13429
13783
|
this.updateStepButtonState();
|
|
13430
13784
|
// step buttons may become disabled after the value is changed via keyboard / typing
|
|
@@ -13492,7 +13846,10 @@ class PostNumberInput {
|
|
|
13492
13846
|
}
|
|
13493
13847
|
render() {
|
|
13494
13848
|
const areButtonsShown = !!this.input;
|
|
13495
|
-
return (hAsync(Host, { key: '
|
|
13849
|
+
return (hAsync(Host, { key: '84866a46bf2fdf8602213582e71fbc624fb3a7a6', "data-version": version$1, class: {
|
|
13850
|
+
'number-input-sm': this.small,
|
|
13851
|
+
'disabled': this.isDisabled,
|
|
13852
|
+
} }, areButtonsShown && (hAsync("div", { key: '33ed7af27e07a32d4063474889e15c568a140776', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'bf88349e2e442d4db77329cdd33332b5249e745a', name: "minus" }))), hAsync("div", { key: '9e7cd209f45ef55f1e91dc5b9842fb9e56513f4b', class: "input-container" }, hAsync("slot", { key: 'c3da29d4836c913f9ba466835afbd9219a6dc980', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '4fe40703c338a8ec8b1efa9922bcd7b96b72aa30', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'da54f7441c60c4732cc671022a33ebb8cfae4472', name: "plus" })))));
|
|
13496
13853
|
}
|
|
13497
13854
|
get host() { return getElement(this); }
|
|
13498
13855
|
static get style() { return postNumberInputCss(); }
|
|
@@ -13500,8 +13857,10 @@ class PostNumberInput {
|
|
|
13500
13857
|
"$flags$": 265,
|
|
13501
13858
|
"$tagName$": "post-number-input",
|
|
13502
13859
|
"$members$": {
|
|
13860
|
+
"isDisabled": [32],
|
|
13503
13861
|
"isIncrementDisabled": [32],
|
|
13504
13862
|
"isDecrementDisabled": [32],
|
|
13863
|
+
"small": [32],
|
|
13505
13864
|
"input": [32]
|
|
13506
13865
|
},
|
|
13507
13866
|
"$listeners$": undefined,
|
|
@@ -13613,7 +13972,7 @@ class PostPagination {
|
|
|
13613
13972
|
scheduleMeasurement() {
|
|
13614
13973
|
if (!this.loaded)
|
|
13615
13974
|
return;
|
|
13616
|
-
this.measurementTimeoutId =
|
|
13975
|
+
this.measurementTimeoutId = globalThis.setTimeout(() => {
|
|
13617
13976
|
const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
|
|
13618
13977
|
if (canMeasure) {
|
|
13619
13978
|
this.measureAndCalculateVisiblePages();
|
|
@@ -13685,9 +14044,9 @@ class PostPagination {
|
|
|
13685
14044
|
getPaginationPadding() {
|
|
13686
14045
|
if (!this.navRef)
|
|
13687
14046
|
return 0;
|
|
13688
|
-
const computedStyle =
|
|
13689
|
-
const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
|
|
13690
|
-
const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
|
|
14047
|
+
const computedStyle = globalThis.getComputedStyle(this.navRef);
|
|
14048
|
+
const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
|
|
14049
|
+
const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
|
|
13691
14050
|
return paddingLeft + paddingRight;
|
|
13692
14051
|
}
|
|
13693
14052
|
/**
|
|
@@ -13708,8 +14067,8 @@ class PostPagination {
|
|
|
13708
14067
|
* Clamps the page number to valid range
|
|
13709
14068
|
*/
|
|
13710
14069
|
clampPageToValidRange(totalPages) {
|
|
13711
|
-
const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
|
|
13712
|
-
const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
|
|
14070
|
+
const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
|
|
14071
|
+
const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
|
|
13713
14072
|
const pageExceedsTotal = this.page > totalPages;
|
|
13714
14073
|
if (invalidTotalPages || invalidPage) {
|
|
13715
14074
|
return 1;
|
|
@@ -14190,7 +14549,7 @@ class PostPopover {
|
|
|
14190
14549
|
}
|
|
14191
14550
|
}
|
|
14192
14551
|
render() {
|
|
14193
|
-
return (hAsync(Host, { key: '
|
|
14552
|
+
return (hAsync(Host, { key: '859812ad40c54e61ea90625d0170cc0336d5eba3', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '47cdd1e48d4bf937d74c90fbb7f8d7ab73af1593', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'ec5e72c7d463de0a92220d9a4e7be7fd6f6669a7', class: "popover-container" }, hAsync("div", { key: '4934817369aa06236011af0e34763bd890ac3b4b', class: "popover-content" }, hAsync("slot", { key: 'b3f56b3c9e5642cc210b18bd5a5abc4b4daf36e0' })), hAsync("post-closebutton", { key: '354e2d16c3e4ba475a0cd030539da4a915950b1c', onClick: () => this.hide() }, this.textClose)))));
|
|
14194
14553
|
}
|
|
14195
14554
|
get host() { return getElement(this); }
|
|
14196
14555
|
static get watchers() { return {
|
|
@@ -19228,7 +19587,7 @@ function requireFocusable () {
|
|
|
19228
19587
|
}
|
|
19229
19588
|
|
|
19230
19589
|
var focusableExports = requireFocusable();
|
|
19231
|
-
var isFocusable
|
|
19590
|
+
var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
19232
19591
|
|
|
19233
19592
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
19234
19593
|
|
|
@@ -19267,7 +19626,7 @@ class PostPopoverTrigger {
|
|
|
19267
19626
|
return;
|
|
19268
19627
|
}
|
|
19269
19628
|
// check if its not focusable and add aria role and tabindex
|
|
19270
|
-
if (!isFocusable
|
|
19629
|
+
if (!isFocusable(this.trigger)) {
|
|
19271
19630
|
this.trigger.setAttribute('tabindex', '0');
|
|
19272
19631
|
this.trigger.setAttribute('role', 'button');
|
|
19273
19632
|
}
|
|
@@ -19336,7 +19695,7 @@ class PostPopoverTrigger {
|
|
|
19336
19695
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
19337
19696
|
}
|
|
19338
19697
|
render() {
|
|
19339
|
-
return (hAsync(Host, { key: '
|
|
19698
|
+
return (hAsync(Host, { key: '52d004cbdcb7be0b7df6c10f70f5b3bdbeb89a27', "data-version": version$1 }, hAsync("slot", { key: '5eabc986947a00ed1fad3ce3f8103e615f709d9f', onSlotchange: () => this.setupTrigger() })));
|
|
19340
19699
|
}
|
|
19341
19700
|
get host() { return getElement(this); }
|
|
19342
19701
|
static get watchers() { return {
|
|
@@ -21285,798 +21644,6 @@ const computePosition = (reference, floating, options) => {
|
|
|
21285
21644
|
});
|
|
21286
21645
|
};
|
|
21287
21646
|
|
|
21288
|
-
// src/events.ts
|
|
21289
|
-
var ToggleEvent = class extends Event {
|
|
21290
|
-
oldState;
|
|
21291
|
-
newState;
|
|
21292
|
-
constructor(type, { oldState = "", newState = "", ...init } = {}) {
|
|
21293
|
-
super(type, init);
|
|
21294
|
-
this.oldState = String(oldState || "");
|
|
21295
|
-
this.newState = String(newState || "");
|
|
21296
|
-
}
|
|
21297
|
-
};
|
|
21298
|
-
var popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();
|
|
21299
|
-
function queuePopoverToggleEventTask(element, oldState, newState) {
|
|
21300
|
-
popoverToggleTaskQueue.set(
|
|
21301
|
-
element,
|
|
21302
|
-
setTimeout(() => {
|
|
21303
|
-
if (!popoverToggleTaskQueue.has(element)) return;
|
|
21304
|
-
element.dispatchEvent(
|
|
21305
|
-
new ToggleEvent("toggle", {
|
|
21306
|
-
cancelable: false,
|
|
21307
|
-
oldState,
|
|
21308
|
-
newState
|
|
21309
|
-
})
|
|
21310
|
-
);
|
|
21311
|
-
}, 0)
|
|
21312
|
-
);
|
|
21313
|
-
}
|
|
21314
|
-
|
|
21315
|
-
// src/popover-helpers.ts
|
|
21316
|
-
var ShadowRoot$1 = globalThis.ShadowRoot || function() {
|
|
21317
|
-
};
|
|
21318
|
-
var HTMLDialogElement = globalThis.HTMLDialogElement || function() {
|
|
21319
|
-
};
|
|
21320
|
-
var topLayerElements = /* @__PURE__ */ new WeakMap();
|
|
21321
|
-
var autoPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21322
|
-
var hintPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21323
|
-
var visibilityState = /* @__PURE__ */ new WeakMap();
|
|
21324
|
-
function getPopoverVisibilityState(popover) {
|
|
21325
|
-
return visibilityState.get(popover) || "hidden";
|
|
21326
|
-
}
|
|
21327
|
-
var popoverInvoker = /* @__PURE__ */ new WeakMap();
|
|
21328
|
-
function lastSetElement(set) {
|
|
21329
|
-
return [...set].pop();
|
|
21330
|
-
}
|
|
21331
|
-
function popoverTargetAttributeActivationBehavior(element) {
|
|
21332
|
-
const popover = element.popoverTargetElement;
|
|
21333
|
-
if (!(popover instanceof HTMLElement)) {
|
|
21334
|
-
return;
|
|
21335
|
-
}
|
|
21336
|
-
const visibility = getPopoverVisibilityState(popover);
|
|
21337
|
-
if (element.popoverTargetAction === "show" && visibility === "showing") {
|
|
21338
|
-
return;
|
|
21339
|
-
}
|
|
21340
|
-
if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
|
|
21341
|
-
if (visibility === "showing") {
|
|
21342
|
-
hidePopover(popover, true, true);
|
|
21343
|
-
} else if (checkPopoverValidity(popover, false)) {
|
|
21344
|
-
popoverInvoker.set(popover, element);
|
|
21345
|
-
showPopover(popover);
|
|
21346
|
-
}
|
|
21347
|
-
}
|
|
21348
|
-
function checkPopoverValidity(element, expectedToBeShowing) {
|
|
21349
|
-
if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
|
|
21350
|
-
return false;
|
|
21351
|
-
}
|
|
21352
|
-
if (!element.isConnected) return false;
|
|
21353
|
-
if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
|
|
21354
|
-
return false;
|
|
21355
|
-
}
|
|
21356
|
-
if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
|
|
21357
|
-
return false;
|
|
21358
|
-
}
|
|
21359
|
-
if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
|
|
21360
|
-
return false;
|
|
21361
|
-
}
|
|
21362
|
-
if (document.fullscreenElement === element) return false;
|
|
21363
|
-
return true;
|
|
21364
|
-
}
|
|
21365
|
-
function getStackPosition(popover) {
|
|
21366
|
-
if (!popover) return 0;
|
|
21367
|
-
const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21368
|
-
const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21369
|
-
if (hintPopovers.has(popover)) {
|
|
21370
|
-
return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
|
|
21371
|
-
}
|
|
21372
|
-
if (autoPopovers.has(popover)) {
|
|
21373
|
-
return [...autoPopovers].indexOf(popover) + 1;
|
|
21374
|
-
}
|
|
21375
|
-
return 0;
|
|
21376
|
-
}
|
|
21377
|
-
function topMostClickedPopover(target) {
|
|
21378
|
-
const clickedPopover = nearestInclusiveOpenPopover(target);
|
|
21379
|
-
const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
|
|
21380
|
-
if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
|
|
21381
|
-
return clickedPopover;
|
|
21382
|
-
}
|
|
21383
|
-
return invokerPopover;
|
|
21384
|
-
}
|
|
21385
|
-
function topmostAutoOrHintPopover(document2) {
|
|
21386
|
-
let topmostPopover;
|
|
21387
|
-
const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21388
|
-
const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21389
|
-
const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
|
|
21390
|
-
if (usedStack) {
|
|
21391
|
-
topmostPopover = lastSetElement(usedStack);
|
|
21392
|
-
if (!topmostPopover.isConnected) {
|
|
21393
|
-
usedStack.delete(topmostPopover);
|
|
21394
|
-
return topmostAutoOrHintPopover(document2);
|
|
21395
|
-
}
|
|
21396
|
-
return topmostPopover;
|
|
21397
|
-
}
|
|
21398
|
-
return null;
|
|
21399
|
-
}
|
|
21400
|
-
function topMostPopoverInList(list) {
|
|
21401
|
-
for (const popover of list || []) {
|
|
21402
|
-
if (!popover.isConnected) {
|
|
21403
|
-
list.delete(popover);
|
|
21404
|
-
} else {
|
|
21405
|
-
return popover;
|
|
21406
|
-
}
|
|
21407
|
-
}
|
|
21408
|
-
return null;
|
|
21409
|
-
}
|
|
21410
|
-
function getRootNode(node) {
|
|
21411
|
-
if (typeof node.getRootNode === "function") {
|
|
21412
|
-
return node.getRootNode();
|
|
21413
|
-
}
|
|
21414
|
-
if (node.parentNode) return getRootNode(node.parentNode);
|
|
21415
|
-
return node;
|
|
21416
|
-
}
|
|
21417
|
-
function nearestInclusiveOpenPopover(node) {
|
|
21418
|
-
while (node) {
|
|
21419
|
-
if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
|
|
21420
|
-
return node;
|
|
21421
|
-
}
|
|
21422
|
-
node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
|
|
21423
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21424
|
-
if (node instanceof Document) return;
|
|
21425
|
-
}
|
|
21426
|
-
}
|
|
21427
|
-
function nearestInclusiveTargetPopoverForInvoker(node) {
|
|
21428
|
-
while (node) {
|
|
21429
|
-
const nodePopover = node.popoverTargetElement;
|
|
21430
|
-
if (nodePopover instanceof HTMLElement) return nodePopover;
|
|
21431
|
-
node = node.parentElement || getRootNode(node);
|
|
21432
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21433
|
-
if (node instanceof Document) return;
|
|
21434
|
-
}
|
|
21435
|
-
}
|
|
21436
|
-
function topMostPopoverAncestor(newPopover, list) {
|
|
21437
|
-
const popoverPositions = /* @__PURE__ */ new Map();
|
|
21438
|
-
let i = 0;
|
|
21439
|
-
for (const popover of list || []) {
|
|
21440
|
-
popoverPositions.set(popover, i);
|
|
21441
|
-
i += 1;
|
|
21442
|
-
}
|
|
21443
|
-
popoverPositions.set(newPopover, i);
|
|
21444
|
-
i += 1;
|
|
21445
|
-
let topMostPopoverAncestor2 = null;
|
|
21446
|
-
function checkAncestor(candidate) {
|
|
21447
|
-
if (!candidate) return;
|
|
21448
|
-
let okNesting = false;
|
|
21449
|
-
let candidateAncestor = null;
|
|
21450
|
-
let candidatePosition = null;
|
|
21451
|
-
while (!okNesting) {
|
|
21452
|
-
candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
|
|
21453
|
-
if (candidateAncestor === null) return;
|
|
21454
|
-
if (!popoverPositions.has(candidateAncestor)) return;
|
|
21455
|
-
if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
|
|
21456
|
-
okNesting = true;
|
|
21457
|
-
}
|
|
21458
|
-
if (!okNesting) {
|
|
21459
|
-
candidate = candidateAncestor.parentElement;
|
|
21460
|
-
}
|
|
21461
|
-
}
|
|
21462
|
-
candidatePosition = popoverPositions.get(candidateAncestor);
|
|
21463
|
-
if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
|
|
21464
|
-
topMostPopoverAncestor2 = candidateAncestor;
|
|
21465
|
-
}
|
|
21466
|
-
}
|
|
21467
|
-
checkAncestor(newPopover.parentElement || getRootNode(newPopover));
|
|
21468
|
-
return topMostPopoverAncestor2;
|
|
21469
|
-
}
|
|
21470
|
-
function isFocusable(focusTarget) {
|
|
21471
|
-
if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
|
|
21472
|
-
if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
|
|
21473
|
-
if (focusTarget.disabled) return false;
|
|
21474
|
-
}
|
|
21475
|
-
if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
|
|
21476
|
-
return false;
|
|
21477
|
-
}
|
|
21478
|
-
if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
|
|
21479
|
-
return false;
|
|
21480
|
-
}
|
|
21481
|
-
return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
|
|
21482
|
-
}
|
|
21483
|
-
function focusDelegate(focusTarget) {
|
|
21484
|
-
if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
|
|
21485
|
-
return null;
|
|
21486
|
-
}
|
|
21487
|
-
let whereToLook = focusTarget;
|
|
21488
|
-
if (whereToLook.shadowRoot) {
|
|
21489
|
-
whereToLook = whereToLook.shadowRoot;
|
|
21490
|
-
}
|
|
21491
|
-
let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
|
|
21492
|
-
if (autoFocusDelegate) {
|
|
21493
|
-
return autoFocusDelegate;
|
|
21494
|
-
} else {
|
|
21495
|
-
const slots = whereToLook.querySelectorAll("slot");
|
|
21496
|
-
for (const slot of slots) {
|
|
21497
|
-
const assignedElements = slot.assignedElements({ flatten: true });
|
|
21498
|
-
for (const el of assignedElements) {
|
|
21499
|
-
if (el.hasAttribute("autofocus")) {
|
|
21500
|
-
return el;
|
|
21501
|
-
} else {
|
|
21502
|
-
autoFocusDelegate = el.querySelector("[autofocus]");
|
|
21503
|
-
if (autoFocusDelegate) {
|
|
21504
|
-
return autoFocusDelegate;
|
|
21505
|
-
}
|
|
21506
|
-
}
|
|
21507
|
-
}
|
|
21508
|
-
}
|
|
21509
|
-
}
|
|
21510
|
-
const walker = focusTarget.ownerDocument.createTreeWalker(
|
|
21511
|
-
whereToLook,
|
|
21512
|
-
NodeFilter.SHOW_ELEMENT
|
|
21513
|
-
);
|
|
21514
|
-
let descendant = walker.currentNode;
|
|
21515
|
-
while (descendant) {
|
|
21516
|
-
if (isFocusable(descendant)) {
|
|
21517
|
-
return descendant;
|
|
21518
|
-
}
|
|
21519
|
-
descendant = walker.nextNode();
|
|
21520
|
-
}
|
|
21521
|
-
}
|
|
21522
|
-
function popoverFocusingSteps(subject) {
|
|
21523
|
-
focusDelegate(subject)?.focus();
|
|
21524
|
-
}
|
|
21525
|
-
var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
|
|
21526
|
-
function showPopover(element) {
|
|
21527
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21528
|
-
return;
|
|
21529
|
-
}
|
|
21530
|
-
const document2 = element.ownerDocument;
|
|
21531
|
-
if (!element.dispatchEvent(
|
|
21532
|
-
new ToggleEvent("beforetoggle", {
|
|
21533
|
-
cancelable: true,
|
|
21534
|
-
oldState: "closed",
|
|
21535
|
-
newState: "open"
|
|
21536
|
-
})
|
|
21537
|
-
)) {
|
|
21538
|
-
return;
|
|
21539
|
-
}
|
|
21540
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21541
|
-
return;
|
|
21542
|
-
}
|
|
21543
|
-
let shouldRestoreFocus = false;
|
|
21544
|
-
const originalType = element.popover;
|
|
21545
|
-
let stackToAppendTo = null;
|
|
21546
|
-
const autoAncestor = topMostPopoverAncestor(
|
|
21547
|
-
element,
|
|
21548
|
-
autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21549
|
-
);
|
|
21550
|
-
const hintAncestor = topMostPopoverAncestor(
|
|
21551
|
-
element,
|
|
21552
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21553
|
-
);
|
|
21554
|
-
if (originalType === "auto") {
|
|
21555
|
-
closeAllOpenPopoversInList(
|
|
21556
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21557
|
-
shouldRestoreFocus,
|
|
21558
|
-
true
|
|
21559
|
-
);
|
|
21560
|
-
const ancestor = autoAncestor || document2;
|
|
21561
|
-
hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
|
|
21562
|
-
stackToAppendTo = "auto";
|
|
21563
|
-
}
|
|
21564
|
-
if (originalType === "hint") {
|
|
21565
|
-
if (hintAncestor) {
|
|
21566
|
-
hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
|
|
21567
|
-
stackToAppendTo = "hint";
|
|
21568
|
-
} else {
|
|
21569
|
-
closeAllOpenPopoversInList(
|
|
21570
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21571
|
-
shouldRestoreFocus,
|
|
21572
|
-
true
|
|
21573
|
-
);
|
|
21574
|
-
if (autoAncestor) {
|
|
21575
|
-
hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
|
|
21576
|
-
stackToAppendTo = "auto";
|
|
21577
|
-
} else {
|
|
21578
|
-
stackToAppendTo = "hint";
|
|
21579
|
-
}
|
|
21580
|
-
}
|
|
21581
|
-
}
|
|
21582
|
-
if (originalType === "auto" || originalType === "hint") {
|
|
21583
|
-
if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
|
|
21584
|
-
return;
|
|
21585
|
-
}
|
|
21586
|
-
if (!topmostAutoOrHintPopover(document2)) {
|
|
21587
|
-
shouldRestoreFocus = true;
|
|
21588
|
-
}
|
|
21589
|
-
if (stackToAppendTo === "auto") {
|
|
21590
|
-
if (!autoPopoverList.has(document2)) {
|
|
21591
|
-
autoPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21592
|
-
}
|
|
21593
|
-
autoPopoverList.get(document2).add(element);
|
|
21594
|
-
} else if (stackToAppendTo === "hint") {
|
|
21595
|
-
if (!hintPopoverList.has(document2)) {
|
|
21596
|
-
hintPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21597
|
-
}
|
|
21598
|
-
hintPopoverList.get(document2).add(element);
|
|
21599
|
-
}
|
|
21600
|
-
}
|
|
21601
|
-
previouslyFocusedElements.delete(element);
|
|
21602
|
-
const originallyFocusedElement = document2.activeElement;
|
|
21603
|
-
element.classList.add(":popover-open");
|
|
21604
|
-
visibilityState.set(element, "showing");
|
|
21605
|
-
if (!topLayerElements.has(document2)) {
|
|
21606
|
-
topLayerElements.set(document2, /* @__PURE__ */ new Set());
|
|
21607
|
-
}
|
|
21608
|
-
topLayerElements.get(document2).add(element);
|
|
21609
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), true);
|
|
21610
|
-
popoverFocusingSteps(element);
|
|
21611
|
-
if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
|
|
21612
|
-
previouslyFocusedElements.set(element, originallyFocusedElement);
|
|
21613
|
-
}
|
|
21614
|
-
queuePopoverToggleEventTask(element, "closed", "open");
|
|
21615
|
-
}
|
|
21616
|
-
function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
|
|
21617
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21618
|
-
return;
|
|
21619
|
-
}
|
|
21620
|
-
const document2 = element.ownerDocument;
|
|
21621
|
-
if (["auto", "hint"].includes(element.popover)) {
|
|
21622
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21623
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21624
|
-
return;
|
|
21625
|
-
}
|
|
21626
|
-
}
|
|
21627
|
-
const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21628
|
-
const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
|
|
21629
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), false);
|
|
21630
|
-
popoverInvoker.delete(element);
|
|
21631
|
-
if (fireEvents) {
|
|
21632
|
-
element.dispatchEvent(
|
|
21633
|
-
new ToggleEvent("beforetoggle", {
|
|
21634
|
-
oldState: "open",
|
|
21635
|
-
newState: "closed"
|
|
21636
|
-
})
|
|
21637
|
-
);
|
|
21638
|
-
if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
|
|
21639
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21640
|
-
}
|
|
21641
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21642
|
-
return;
|
|
21643
|
-
}
|
|
21644
|
-
}
|
|
21645
|
-
topLayerElements.get(document2)?.delete(element);
|
|
21646
|
-
autoList.delete(element);
|
|
21647
|
-
hintPopoverList.get(document2)?.delete(element);
|
|
21648
|
-
element.classList.remove(":popover-open");
|
|
21649
|
-
visibilityState.set(element, "hidden");
|
|
21650
|
-
if (fireEvents) {
|
|
21651
|
-
queuePopoverToggleEventTask(element, "open", "closed");
|
|
21652
|
-
}
|
|
21653
|
-
const previouslyFocusedElement = previouslyFocusedElements.get(element);
|
|
21654
|
-
if (previouslyFocusedElement) {
|
|
21655
|
-
previouslyFocusedElements.delete(element);
|
|
21656
|
-
if (focusPreviousElement) {
|
|
21657
|
-
previouslyFocusedElement.focus();
|
|
21658
|
-
}
|
|
21659
|
-
}
|
|
21660
|
-
}
|
|
21661
|
-
function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
|
|
21662
|
-
let popover = topmostAutoOrHintPopover(document2);
|
|
21663
|
-
while (popover) {
|
|
21664
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21665
|
-
popover = topmostAutoOrHintPopover(document2);
|
|
21666
|
-
}
|
|
21667
|
-
}
|
|
21668
|
-
function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
|
|
21669
|
-
let popover = topMostPopoverInList(list);
|
|
21670
|
-
while (popover) {
|
|
21671
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21672
|
-
popover = topMostPopoverInList(list);
|
|
21673
|
-
}
|
|
21674
|
-
}
|
|
21675
|
-
function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
|
|
21676
|
-
let repeatingHide = false;
|
|
21677
|
-
let hasRunOnce = false;
|
|
21678
|
-
while (repeatingHide || !hasRunOnce) {
|
|
21679
|
-
hasRunOnce = true;
|
|
21680
|
-
let lastToHide = null;
|
|
21681
|
-
let foundEndpoint = false;
|
|
21682
|
-
for (const popover of set) {
|
|
21683
|
-
if (popover === endpoint) {
|
|
21684
|
-
foundEndpoint = true;
|
|
21685
|
-
} else if (foundEndpoint) {
|
|
21686
|
-
lastToHide = popover;
|
|
21687
|
-
break;
|
|
21688
|
-
}
|
|
21689
|
-
}
|
|
21690
|
-
if (!lastToHide) return;
|
|
21691
|
-
while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
|
|
21692
|
-
hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
|
|
21693
|
-
}
|
|
21694
|
-
if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
|
|
21695
|
-
repeatingHide = true;
|
|
21696
|
-
}
|
|
21697
|
-
if (repeatingHide) {
|
|
21698
|
-
fireEvents = false;
|
|
21699
|
-
}
|
|
21700
|
-
}
|
|
21701
|
-
}
|
|
21702
|
-
function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
|
|
21703
|
-
const document2 = endpoint.ownerDocument || endpoint;
|
|
21704
|
-
if (endpoint instanceof Document) {
|
|
21705
|
-
return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
|
|
21706
|
-
}
|
|
21707
|
-
if (hintPopoverList.get(document2)?.has(endpoint)) {
|
|
21708
|
-
hidePopoverStackUntil(
|
|
21709
|
-
endpoint,
|
|
21710
|
-
hintPopoverList.get(document2),
|
|
21711
|
-
focusPreviousElement,
|
|
21712
|
-
fireEvents
|
|
21713
|
-
);
|
|
21714
|
-
return;
|
|
21715
|
-
}
|
|
21716
|
-
closeAllOpenPopoversInList(
|
|
21717
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21718
|
-
focusPreviousElement,
|
|
21719
|
-
fireEvents
|
|
21720
|
-
);
|
|
21721
|
-
if (!autoPopoverList.get(document2)?.has(endpoint)) {
|
|
21722
|
-
return;
|
|
21723
|
-
}
|
|
21724
|
-
hidePopoverStackUntil(
|
|
21725
|
-
endpoint,
|
|
21726
|
-
autoPopoverList.get(document2),
|
|
21727
|
-
focusPreviousElement,
|
|
21728
|
-
fireEvents
|
|
21729
|
-
);
|
|
21730
|
-
}
|
|
21731
|
-
var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
|
|
21732
|
-
function lightDismissOpenPopovers(event) {
|
|
21733
|
-
if (!event.isTrusted) return;
|
|
21734
|
-
const target = event.composedPath()[0];
|
|
21735
|
-
if (!target) return;
|
|
21736
|
-
const document2 = target.ownerDocument;
|
|
21737
|
-
const topMostPopover = topmostAutoOrHintPopover(document2);
|
|
21738
|
-
if (!topMostPopover) return;
|
|
21739
|
-
const ancestor = topMostClickedPopover(target);
|
|
21740
|
-
if (ancestor && event.type === "pointerdown") {
|
|
21741
|
-
popoverPointerDownTargets.set(document2, ancestor);
|
|
21742
|
-
} else if (event.type === "pointerup") {
|
|
21743
|
-
const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
|
|
21744
|
-
popoverPointerDownTargets.delete(document2);
|
|
21745
|
-
if (sameTarget) {
|
|
21746
|
-
hideAllPopoversUntil(ancestor || document2, false, true);
|
|
21747
|
-
}
|
|
21748
|
-
}
|
|
21749
|
-
}
|
|
21750
|
-
var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
|
|
21751
|
-
function setInvokerAriaExpanded(el, force = false) {
|
|
21752
|
-
if (!el) return;
|
|
21753
|
-
if (!initialAriaExpandedValue.has(el)) {
|
|
21754
|
-
initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
|
|
21755
|
-
}
|
|
21756
|
-
const popover = el.popoverTargetElement;
|
|
21757
|
-
if (popover instanceof HTMLElement && popover.popover === "auto") {
|
|
21758
|
-
el.setAttribute("aria-expanded", String(force));
|
|
21759
|
-
} else {
|
|
21760
|
-
const initialValue = initialAriaExpandedValue.get(el);
|
|
21761
|
-
if (!initialValue) {
|
|
21762
|
-
el.removeAttribute("aria-expanded");
|
|
21763
|
-
} else {
|
|
21764
|
-
el.setAttribute("aria-expanded", initialValue);
|
|
21765
|
-
}
|
|
21766
|
-
}
|
|
21767
|
-
}
|
|
21768
|
-
|
|
21769
|
-
// src/popover.ts
|
|
21770
|
-
var ShadowRoot2 = globalThis.ShadowRoot || function() {
|
|
21771
|
-
};
|
|
21772
|
-
function isSupported() {
|
|
21773
|
-
return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
|
|
21774
|
-
}
|
|
21775
|
-
function patchSelectorFn(object, name, mapper) {
|
|
21776
|
-
const original = object[name];
|
|
21777
|
-
Object.defineProperty(object, name, {
|
|
21778
|
-
value(selector) {
|
|
21779
|
-
return original.call(this, mapper(selector));
|
|
21780
|
-
}
|
|
21781
|
-
});
|
|
21782
|
-
}
|
|
21783
|
-
var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
|
|
21784
|
-
function hasLayerSupport() {
|
|
21785
|
-
return typeof globalThis.CSSLayerBlockRule === "function";
|
|
21786
|
-
}
|
|
21787
|
-
function getStyles() {
|
|
21788
|
-
const useLayer = hasLayerSupport();
|
|
21789
|
-
return `
|
|
21790
|
-
${useLayer ? "@layer popover-polyfill {" : ""}
|
|
21791
|
-
:where([popover]) {
|
|
21792
|
-
position: fixed;
|
|
21793
|
-
z-index: 2147483647;
|
|
21794
|
-
inset: 0;
|
|
21795
|
-
padding: 0.25em;
|
|
21796
|
-
width: fit-content;
|
|
21797
|
-
height: fit-content;
|
|
21798
|
-
border-width: initial;
|
|
21799
|
-
border-color: initial;
|
|
21800
|
-
border-image: initial;
|
|
21801
|
-
border-style: solid;
|
|
21802
|
-
background-color: canvas;
|
|
21803
|
-
color: canvastext;
|
|
21804
|
-
overflow: auto;
|
|
21805
|
-
margin: auto;
|
|
21806
|
-
}
|
|
21807
|
-
|
|
21808
|
-
:where([popover]:not(.\\:popover-open)) {
|
|
21809
|
-
display: none;
|
|
21810
|
-
}
|
|
21811
|
-
|
|
21812
|
-
:where(dialog[popover].\\:popover-open) {
|
|
21813
|
-
display: block;
|
|
21814
|
-
}
|
|
21815
|
-
|
|
21816
|
-
:where(dialog[popover][open]) {
|
|
21817
|
-
display: revert;
|
|
21818
|
-
}
|
|
21819
|
-
|
|
21820
|
-
:where([anchor].\\:popover-open) {
|
|
21821
|
-
inset: auto;
|
|
21822
|
-
}
|
|
21823
|
-
|
|
21824
|
-
:where([anchor]:popover-open) {
|
|
21825
|
-
inset: auto;
|
|
21826
|
-
}
|
|
21827
|
-
|
|
21828
|
-
@supports not (background-color: canvas) {
|
|
21829
|
-
:where([popover]) {
|
|
21830
|
-
background-color: white;
|
|
21831
|
-
color: black;
|
|
21832
|
-
}
|
|
21833
|
-
}
|
|
21834
|
-
|
|
21835
|
-
@supports (width: -moz-fit-content) {
|
|
21836
|
-
:where([popover]) {
|
|
21837
|
-
width: -moz-fit-content;
|
|
21838
|
-
height: -moz-fit-content;
|
|
21839
|
-
}
|
|
21840
|
-
}
|
|
21841
|
-
|
|
21842
|
-
@supports not (inset: 0) {
|
|
21843
|
-
:where([popover]) {
|
|
21844
|
-
top: 0;
|
|
21845
|
-
left: 0;
|
|
21846
|
-
right: 0;
|
|
21847
|
-
bottom: 0;
|
|
21848
|
-
}
|
|
21849
|
-
}
|
|
21850
|
-
${useLayer ? "}" : ""}
|
|
21851
|
-
`;
|
|
21852
|
-
}
|
|
21853
|
-
var popoverStyleSheet = null;
|
|
21854
|
-
function injectStyles(root) {
|
|
21855
|
-
const styles = getStyles();
|
|
21856
|
-
if (popoverStyleSheet === null) {
|
|
21857
|
-
try {
|
|
21858
|
-
popoverStyleSheet = new CSSStyleSheet();
|
|
21859
|
-
popoverStyleSheet.replaceSync(styles);
|
|
21860
|
-
} catch {
|
|
21861
|
-
popoverStyleSheet = false;
|
|
21862
|
-
}
|
|
21863
|
-
}
|
|
21864
|
-
if (popoverStyleSheet === false) {
|
|
21865
|
-
const sheet = document.createElement("style");
|
|
21866
|
-
sheet.textContent = styles;
|
|
21867
|
-
if (root instanceof Document) {
|
|
21868
|
-
root.head.prepend(sheet);
|
|
21869
|
-
} else {
|
|
21870
|
-
root.prepend(sheet);
|
|
21871
|
-
}
|
|
21872
|
-
} else {
|
|
21873
|
-
root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
|
|
21874
|
-
}
|
|
21875
|
-
}
|
|
21876
|
-
function apply() {
|
|
21877
|
-
if (typeof window === "undefined") return;
|
|
21878
|
-
window.ToggleEvent = window.ToggleEvent || ToggleEvent;
|
|
21879
|
-
function rewriteSelector(selector) {
|
|
21880
|
-
if (selector?.includes(":popover-open")) {
|
|
21881
|
-
selector = selector.replace(
|
|
21882
|
-
nonEscapedPopoverSelector,
|
|
21883
|
-
"$1.\\:popover-open"
|
|
21884
|
-
);
|
|
21885
|
-
}
|
|
21886
|
-
return selector;
|
|
21887
|
-
}
|
|
21888
|
-
patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
|
|
21889
|
-
patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
|
|
21890
|
-
patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
|
|
21891
|
-
patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
|
|
21892
|
-
patchSelectorFn(Element.prototype, "matches", rewriteSelector);
|
|
21893
|
-
patchSelectorFn(Element.prototype, "closest", rewriteSelector);
|
|
21894
|
-
patchSelectorFn(
|
|
21895
|
-
DocumentFragment.prototype,
|
|
21896
|
-
"querySelectorAll",
|
|
21897
|
-
rewriteSelector
|
|
21898
|
-
);
|
|
21899
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
21900
|
-
popover: {
|
|
21901
|
-
enumerable: true,
|
|
21902
|
-
configurable: true,
|
|
21903
|
-
get() {
|
|
21904
|
-
if (!this.hasAttribute("popover")) return null;
|
|
21905
|
-
const value = (this.getAttribute("popover") || "").toLowerCase();
|
|
21906
|
-
if (value === "" || value == "auto") return "auto";
|
|
21907
|
-
if (value == "hint") return "hint";
|
|
21908
|
-
return "manual";
|
|
21909
|
-
},
|
|
21910
|
-
set(value) {
|
|
21911
|
-
if (value === null) {
|
|
21912
|
-
this.removeAttribute("popover");
|
|
21913
|
-
} else {
|
|
21914
|
-
this.setAttribute("popover", value);
|
|
21915
|
-
}
|
|
21916
|
-
}
|
|
21917
|
-
},
|
|
21918
|
-
showPopover: {
|
|
21919
|
-
enumerable: true,
|
|
21920
|
-
configurable: true,
|
|
21921
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21922
|
-
value(options = {}) {
|
|
21923
|
-
showPopover(this);
|
|
21924
|
-
}
|
|
21925
|
-
},
|
|
21926
|
-
hidePopover: {
|
|
21927
|
-
enumerable: true,
|
|
21928
|
-
configurable: true,
|
|
21929
|
-
value() {
|
|
21930
|
-
hidePopover(this, true, true);
|
|
21931
|
-
}
|
|
21932
|
-
},
|
|
21933
|
-
togglePopover: {
|
|
21934
|
-
enumerable: true,
|
|
21935
|
-
configurable: true,
|
|
21936
|
-
value(options = {}) {
|
|
21937
|
-
if (typeof options === "boolean") {
|
|
21938
|
-
options = { force: options };
|
|
21939
|
-
}
|
|
21940
|
-
if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
|
|
21941
|
-
hidePopover(this, true, true);
|
|
21942
|
-
} else if (options.force === void 0 || options.force === true) {
|
|
21943
|
-
showPopover(this);
|
|
21944
|
-
}
|
|
21945
|
-
return visibilityState.get(this) === "showing";
|
|
21946
|
-
}
|
|
21947
|
-
}
|
|
21948
|
-
});
|
|
21949
|
-
const originalAttachShadow = Element.prototype.attachShadow;
|
|
21950
|
-
if (originalAttachShadow) {
|
|
21951
|
-
Object.defineProperties(Element.prototype, {
|
|
21952
|
-
attachShadow: {
|
|
21953
|
-
enumerable: true,
|
|
21954
|
-
configurable: true,
|
|
21955
|
-
writable: true,
|
|
21956
|
-
value(options) {
|
|
21957
|
-
const shadowRoot = originalAttachShadow.call(this, options);
|
|
21958
|
-
injectStyles(shadowRoot);
|
|
21959
|
-
return shadowRoot;
|
|
21960
|
-
}
|
|
21961
|
-
}
|
|
21962
|
-
});
|
|
21963
|
-
}
|
|
21964
|
-
const originalAttachInternals = HTMLElement.prototype.attachInternals;
|
|
21965
|
-
if (originalAttachInternals) {
|
|
21966
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
21967
|
-
attachInternals: {
|
|
21968
|
-
enumerable: true,
|
|
21969
|
-
configurable: true,
|
|
21970
|
-
writable: true,
|
|
21971
|
-
value() {
|
|
21972
|
-
const internals = originalAttachInternals.call(this);
|
|
21973
|
-
if (internals.shadowRoot) {
|
|
21974
|
-
injectStyles(internals.shadowRoot);
|
|
21975
|
-
}
|
|
21976
|
-
return internals;
|
|
21977
|
-
}
|
|
21978
|
-
}
|
|
21979
|
-
});
|
|
21980
|
-
}
|
|
21981
|
-
const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
|
|
21982
|
-
function applyPopoverInvokerElementMixin(ElementClass) {
|
|
21983
|
-
Object.defineProperties(ElementClass.prototype, {
|
|
21984
|
-
popoverTargetElement: {
|
|
21985
|
-
enumerable: true,
|
|
21986
|
-
configurable: true,
|
|
21987
|
-
set(targetElement) {
|
|
21988
|
-
if (targetElement === null) {
|
|
21989
|
-
this.removeAttribute("popovertarget");
|
|
21990
|
-
popoverTargetAssociatedElements.delete(this);
|
|
21991
|
-
} else if (!(targetElement instanceof Element)) {
|
|
21992
|
-
throw new TypeError(
|
|
21993
|
-
`popoverTargetElement must be an element or null`
|
|
21994
|
-
);
|
|
21995
|
-
} else {
|
|
21996
|
-
this.setAttribute("popovertarget", "");
|
|
21997
|
-
popoverTargetAssociatedElements.set(this, targetElement);
|
|
21998
|
-
}
|
|
21999
|
-
},
|
|
22000
|
-
get() {
|
|
22001
|
-
if (this.localName !== "button" && this.localName !== "input") {
|
|
22002
|
-
return null;
|
|
22003
|
-
}
|
|
22004
|
-
if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
|
|
22005
|
-
return null;
|
|
22006
|
-
}
|
|
22007
|
-
if (this.disabled) {
|
|
22008
|
-
return null;
|
|
22009
|
-
}
|
|
22010
|
-
if (this.form && this.type === "submit") {
|
|
22011
|
-
return null;
|
|
22012
|
-
}
|
|
22013
|
-
const targetElement = popoverTargetAssociatedElements.get(this);
|
|
22014
|
-
if (targetElement && targetElement.isConnected) {
|
|
22015
|
-
return targetElement;
|
|
22016
|
-
} else if (targetElement && !targetElement.isConnected) {
|
|
22017
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22018
|
-
return null;
|
|
22019
|
-
}
|
|
22020
|
-
const root = getRootNode(this);
|
|
22021
|
-
const idref = this.getAttribute("popovertarget");
|
|
22022
|
-
if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
|
|
22023
|
-
return root.getElementById(idref) || null;
|
|
22024
|
-
}
|
|
22025
|
-
return null;
|
|
22026
|
-
}
|
|
22027
|
-
},
|
|
22028
|
-
popoverTargetAction: {
|
|
22029
|
-
enumerable: true,
|
|
22030
|
-
configurable: true,
|
|
22031
|
-
get() {
|
|
22032
|
-
const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
|
|
22033
|
-
if (value === "show" || value === "hide") return value;
|
|
22034
|
-
return "toggle";
|
|
22035
|
-
},
|
|
22036
|
-
set(value) {
|
|
22037
|
-
this.setAttribute("popovertargetaction", value);
|
|
22038
|
-
}
|
|
22039
|
-
}
|
|
22040
|
-
});
|
|
22041
|
-
}
|
|
22042
|
-
applyPopoverInvokerElementMixin(HTMLButtonElement);
|
|
22043
|
-
applyPopoverInvokerElementMixin(HTMLInputElement);
|
|
22044
|
-
const handleInvokerActivation = (event) => {
|
|
22045
|
-
const composedPath = event.composedPath();
|
|
22046
|
-
const target = composedPath[0];
|
|
22047
|
-
if (!(target instanceof Element) || target?.shadowRoot) {
|
|
22048
|
-
return;
|
|
22049
|
-
}
|
|
22050
|
-
const root = getRootNode(target);
|
|
22051
|
-
if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
|
|
22052
|
-
return;
|
|
22053
|
-
}
|
|
22054
|
-
const invoker = composedPath.find(
|
|
22055
|
-
(el) => el.matches?.("[popovertargetaction],[popovertarget]")
|
|
22056
|
-
);
|
|
22057
|
-
if (invoker) {
|
|
22058
|
-
popoverTargetAttributeActivationBehavior(invoker);
|
|
22059
|
-
event.preventDefault();
|
|
22060
|
-
return;
|
|
22061
|
-
}
|
|
22062
|
-
};
|
|
22063
|
-
const onKeydown = (event) => {
|
|
22064
|
-
const key = event.key;
|
|
22065
|
-
const target = event.target;
|
|
22066
|
-
if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
|
|
22067
|
-
hideAllPopoversUntil(target.ownerDocument, true, true);
|
|
22068
|
-
}
|
|
22069
|
-
};
|
|
22070
|
-
const addEventListeners = (root) => {
|
|
22071
|
-
root.addEventListener("click", handleInvokerActivation);
|
|
22072
|
-
root.addEventListener("keydown", onKeydown);
|
|
22073
|
-
root.addEventListener("pointerdown", lightDismissOpenPopovers);
|
|
22074
|
-
root.addEventListener("pointerup", lightDismissOpenPopovers);
|
|
22075
|
-
};
|
|
22076
|
-
addEventListeners(document);
|
|
22077
|
-
injectStyles(document);
|
|
22078
|
-
}
|
|
22079
|
-
|
|
22080
21647
|
const duration = 250;
|
|
22081
21648
|
const easing = 'ease-out';
|
|
22082
21649
|
function popIn(el) {
|
|
@@ -22108,6 +21675,7 @@ class PostPopovercontainer {
|
|
|
22108
21675
|
this.postHide = createEvent(this, "postHide");
|
|
22109
21676
|
this.postBeforeToggle = createEvent(this, "postBeforeToggle");
|
|
22110
21677
|
this.postToggle = createEvent(this, "postToggle");
|
|
21678
|
+
this.toggleTimeoutId = null;
|
|
22111
21679
|
this.hasOpenedOnce = true;
|
|
22112
21680
|
/**
|
|
22113
21681
|
* Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
|
|
@@ -22128,6 +21696,7 @@ class PostPopovercontainer {
|
|
|
22128
21696
|
*/
|
|
22129
21697
|
this.animation = 'pop-in';
|
|
22130
21698
|
this.currentAnimation = null;
|
|
21699
|
+
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22131
21700
|
}
|
|
22132
21701
|
validatePlacement() {
|
|
22133
21702
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
@@ -22148,9 +21717,6 @@ class PostPopovercontainer {
|
|
|
22148
21717
|
this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
|
|
22149
21718
|
}
|
|
22150
21719
|
connectedCallback() {
|
|
22151
|
-
if (IS_BROWSER && !isSupported()) {
|
|
22152
|
-
apply();
|
|
22153
|
-
}
|
|
22154
21720
|
}
|
|
22155
21721
|
componentDidLoad() {
|
|
22156
21722
|
this.validatePlacement();
|
|
@@ -22223,7 +21789,7 @@ class PostPopovercontainer {
|
|
|
22223
21789
|
}
|
|
22224
21790
|
}
|
|
22225
21791
|
if (this.safeSpace) {
|
|
22226
|
-
|
|
21792
|
+
globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22227
21793
|
}
|
|
22228
21794
|
}
|
|
22229
21795
|
/**
|
|
@@ -22234,7 +21800,7 @@ class PostPopovercontainer {
|
|
|
22234
21800
|
this.clearAutoUpdate();
|
|
22235
21801
|
}
|
|
22236
21802
|
if (this.safeSpace) {
|
|
22237
|
-
|
|
21803
|
+
globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22238
21804
|
}
|
|
22239
21805
|
// Cancel any running animation
|
|
22240
21806
|
if (this.currentAnimation) {
|
|
@@ -22290,7 +21856,7 @@ class PostPopovercontainer {
|
|
|
22290
21856
|
* @param e ToggleEvent
|
|
22291
21857
|
*/
|
|
22292
21858
|
handleToggle(e) {
|
|
22293
|
-
this.toggleTimeoutId =
|
|
21859
|
+
this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
|
|
22294
21860
|
const isOpen = e.newState === 'open';
|
|
22295
21861
|
if (isOpen) {
|
|
22296
21862
|
this.open();
|
|
@@ -22313,7 +21879,7 @@ class PostPopovercontainer {
|
|
|
22313
21879
|
*/
|
|
22314
21880
|
getHeaderHeight() {
|
|
22315
21881
|
const header = document.querySelector('post-header');
|
|
22316
|
-
return header ? parseFloat(getComputedStyle(header).height) : 0;
|
|
21882
|
+
return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
|
|
22317
21883
|
}
|
|
22318
21884
|
async calculatePosition() {
|
|
22319
21885
|
const { x, y, middlewareData, placement } = await this.computeMainPosition();
|
|
@@ -22350,17 +21916,23 @@ class PostPopovercontainer {
|
|
|
22350
21916
|
}
|
|
22351
21917
|
async computeMainPosition() {
|
|
22352
21918
|
const gap = this.edgeGap;
|
|
22353
|
-
const
|
|
22354
|
-
|
|
22355
|
-
|
|
21919
|
+
const isAligned = (this.placement || 'top').includes('-');
|
|
21920
|
+
const flipMiddleware = flip({
|
|
21921
|
+
padding: this.getHeaderHeight(),
|
|
21922
|
+
crossAxis: false,
|
|
21923
|
+
});
|
|
21924
|
+
const shiftMiddleware = shift({
|
|
21925
|
+
padding: gap,
|
|
21926
|
+
limiter: limitShift({
|
|
21927
|
+
offset: 32,
|
|
22356
21928
|
}),
|
|
21929
|
+
});
|
|
21930
|
+
const middleware = [
|
|
21931
|
+
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22357
21932
|
inline(),
|
|
22358
|
-
|
|
22359
|
-
|
|
22360
|
-
|
|
22361
|
-
offset: 32,
|
|
22362
|
-
}),
|
|
22363
|
-
}),
|
|
21933
|
+
// Per floating-ui docs: for aligned placements (e.g. bottom-end),
|
|
21934
|
+
// flip should come before shift. For non-aligned, shift before flip.
|
|
21935
|
+
...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
|
|
22364
21936
|
size({
|
|
22365
21937
|
apply({ availableWidth, elements }) {
|
|
22366
21938
|
Object.assign(elements.floating.style, {
|
|
@@ -22368,7 +21940,6 @@ class PostPopovercontainer {
|
|
|
22368
21940
|
});
|
|
22369
21941
|
},
|
|
22370
21942
|
}),
|
|
22371
|
-
offset(this.arrow ? gap + 4 : gap),
|
|
22372
21943
|
];
|
|
22373
21944
|
if (this.arrow) {
|
|
22374
21945
|
middleware.push(arrow({ element: this.arrowRef, padding: gap }));
|
|
@@ -22440,9 +22011,9 @@ class PostPopovercontainer {
|
|
|
22440
22011
|
}
|
|
22441
22012
|
}
|
|
22442
22013
|
render() {
|
|
22443
|
-
return (hAsync(Host, { key: '
|
|
22014
|
+
return (hAsync(Host, { key: '9da5ddc34b0f749826341154e1893e2ac303ed4d', "data-version": version$1, popover: "auto" }, hAsync("div", { key: 'd3a56362b6ecd910455873ce62b1f7a753c6eaa8', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '45b982f1a4d1ca5ca4feae898b1e5ea338409455', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
22444
22015
|
this.arrowRef = el;
|
|
22445
|
-
} })), hAsync("slot", { key: '
|
|
22016
|
+
} })), hAsync("slot", { key: 'e9231da953aa6b0e4c63eede8aba900f16fab4b6' }))));
|
|
22446
22017
|
}
|
|
22447
22018
|
get host() { return getElement(this); }
|
|
22448
22019
|
static get watchers() { return {
|
|
@@ -22463,6 +22034,7 @@ class PostPopovercontainer {
|
|
|
22463
22034
|
"$members$": {
|
|
22464
22035
|
"placement": [1],
|
|
22465
22036
|
"edgeGap": [2, "edge-gap"],
|
|
22037
|
+
"offset": [2],
|
|
22466
22038
|
"arrow": [4],
|
|
22467
22039
|
"safeSpace": [513, "safe-space"],
|
|
22468
22040
|
"dynamicPlacement": [32],
|
|
@@ -22587,7 +22159,7 @@ class PostRating {
|
|
|
22587
22159
|
}
|
|
22588
22160
|
}
|
|
22589
22161
|
render() {
|
|
22590
|
-
return (hAsync(Host, { key: '
|
|
22162
|
+
return (hAsync(Host, { key: 'c8266ca9d136f7a10f3515e784acad64f4e14aca', "data-version": version$1 }, hAsync("div", { key: '042df9d7d808ce737f56785d3b622c20bad3f280', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
22591
22163
|
'star': true,
|
|
22592
22164
|
'before-hover': i < this.hoveredIndex,
|
|
22593
22165
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22630,7 +22202,7 @@ class PostStepper {
|
|
|
22630
22202
|
constructor(hostRef) {
|
|
22631
22203
|
registerInstance(this, hostRef);
|
|
22632
22204
|
/**
|
|
22633
|
-
* Defines the
|
|
22205
|
+
* Defines the current step, which is the next step the user has to complete.
|
|
22634
22206
|
*/
|
|
22635
22207
|
this.currentIndex = -1;
|
|
22636
22208
|
}
|
|
@@ -22648,8 +22220,19 @@ class PostStepper {
|
|
|
22648
22220
|
checkRequiredAndType(this, 'currentIndex', 'number');
|
|
22649
22221
|
if (this.stepItems) {
|
|
22650
22222
|
this.updateSteps();
|
|
22223
|
+
this.checkIndexes();
|
|
22651
22224
|
}
|
|
22652
22225
|
}
|
|
22226
|
+
validateSelectedIndex() {
|
|
22227
|
+
if (this.selectedIndex === undefined) {
|
|
22228
|
+
this.selectedIndex = this.currentIndex;
|
|
22229
|
+
}
|
|
22230
|
+
else {
|
|
22231
|
+
checkRequiredAndType(this, 'selectedIndex', 'number');
|
|
22232
|
+
this.checkIndexes();
|
|
22233
|
+
}
|
|
22234
|
+
this.updateSteps();
|
|
22235
|
+
}
|
|
22653
22236
|
componentDidLoad() {
|
|
22654
22237
|
this.validateTextCompletedStep();
|
|
22655
22238
|
this.validateTextCurrentStep();
|
|
@@ -22657,12 +22240,18 @@ class PostStepper {
|
|
|
22657
22240
|
// Wait for slotchange
|
|
22658
22241
|
setTimeout(() => {
|
|
22659
22242
|
this.validateCurrentIndex();
|
|
22243
|
+
this.validateSelectedIndex();
|
|
22660
22244
|
});
|
|
22661
22245
|
}
|
|
22246
|
+
checkIndexes() {
|
|
22247
|
+
if (this.selectedIndex > this.currentIndex) {
|
|
22248
|
+
console.error('The selected-index cannot be higher than the current-index, as only the current and completed steps can be selected.');
|
|
22249
|
+
}
|
|
22250
|
+
}
|
|
22662
22251
|
updateActiveStepNumber() {
|
|
22663
22252
|
if (this.textStepNumber) {
|
|
22664
22253
|
const labelTemplate = this.textStepNumber;
|
|
22665
|
-
this.mobileActiveStepLabel = labelTemplate.
|
|
22254
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
|
|
22666
22255
|
if (this.stepItems) {
|
|
22667
22256
|
this.updateMobileActiveStepVisibility();
|
|
22668
22257
|
}
|
|
@@ -22676,12 +22265,13 @@ class PostStepper {
|
|
|
22676
22265
|
}
|
|
22677
22266
|
this.updateActiveStepNumber();
|
|
22678
22267
|
this.stepItems.forEach((el, i) => {
|
|
22679
|
-
if (this.
|
|
22268
|
+
if (this.selectedIndex === i) {
|
|
22680
22269
|
this.mobileActiveStepName = el.innerHTML;
|
|
22681
22270
|
}
|
|
22682
22271
|
// Update "post-stepper-item" classes to show correct status
|
|
22683
22272
|
el.classList.toggle('stepper-item-completed', this.currentIndex > i);
|
|
22684
22273
|
el.classList.toggle('stepper-item-current', this.currentIndex === i);
|
|
22274
|
+
el.classList.toggle('stepper-item-selected', this.selectedIndex === i);
|
|
22685
22275
|
el.classList.toggle('stepper-item-inactive', this.currentIndex < i);
|
|
22686
22276
|
el.classList.toggle('stepper-item-after-current', i === this.currentIndex + 1);
|
|
22687
22277
|
// Update accessibility label depending on status (Completed/Current/-)
|
|
@@ -22689,15 +22279,15 @@ class PostStepper {
|
|
|
22689
22279
|
if (hiddenLabel) {
|
|
22690
22280
|
let labelText = '';
|
|
22691
22281
|
if (this.currentIndex > i) {
|
|
22692
|
-
labelText = `${this.textCompletedStep}
|
|
22282
|
+
labelText = `${this.textCompletedStep}: `;
|
|
22693
22283
|
}
|
|
22694
|
-
|
|
22695
|
-
labelText = `${this.textCurrentStep}
|
|
22284
|
+
if (this.selectedIndex === i) {
|
|
22285
|
+
labelText = `${labelText}${this.textCurrentStep}: `;
|
|
22696
22286
|
}
|
|
22697
22287
|
hiddenLabel.textContent = labelText;
|
|
22698
22288
|
}
|
|
22699
22289
|
// Update accessibility aria attributes
|
|
22700
|
-
if (this.
|
|
22290
|
+
if (this.selectedIndex === i) {
|
|
22701
22291
|
el.setAttribute('aria-current', 'step');
|
|
22702
22292
|
el.setAttribute('aria-live', 'polite');
|
|
22703
22293
|
}
|
|
@@ -22709,13 +22299,13 @@ class PostStepper {
|
|
|
22709
22299
|
this.updateMobileActiveStepVisibility();
|
|
22710
22300
|
}
|
|
22711
22301
|
updateMobileActiveStepVisibility() {
|
|
22712
|
-
if (this.
|
|
22302
|
+
if (this.selectedIndex >= this.stepItems.length || this.selectedIndex < 0) {
|
|
22713
22303
|
this.mobileActiveStepLabel = '';
|
|
22714
22304
|
this.mobileActiveStepName = '';
|
|
22715
22305
|
}
|
|
22716
22306
|
}
|
|
22717
22307
|
render() {
|
|
22718
|
-
return (hAsync(Host, { key: '
|
|
22308
|
+
return (hAsync(Host, { key: 'c0f0b43848cf7cf2ad3b909b9ac3977214090f49', "data-version": version$1 }, hAsync("ol", { key: 'fb3b6a002e18355f731caa783c1c183e9d17719a' }, hAsync("slot", { key: '3241341b4427e5b5963d5b2f1c8096752e447894', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: 'd7d4b983c5d038f2a214292882ba44c31a47e53d', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '82e9aaf029ed13effb873ee0cfcc44b06be18743', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: 'b1874d60c5fff75813094e93cb00b1249f513a55', innerHTML: this.mobileActiveStepName }))));
|
|
22719
22309
|
}
|
|
22720
22310
|
get host() { return getElement(this); }
|
|
22721
22311
|
static get watchers() { return {
|
|
@@ -22730,6 +22320,9 @@ class PostStepper {
|
|
|
22730
22320
|
}],
|
|
22731
22321
|
"currentIndex": [{
|
|
22732
22322
|
"validateCurrentIndex": 0
|
|
22323
|
+
}],
|
|
22324
|
+
"selectedIndex": [{
|
|
22325
|
+
"validateSelectedIndex": 0
|
|
22733
22326
|
}]
|
|
22734
22327
|
}; }
|
|
22735
22328
|
static get style() { return postStepperCss(); }
|
|
@@ -22741,6 +22334,7 @@ class PostStepper {
|
|
|
22741
22334
|
"textCompletedStep": [513, "text-completed-step"],
|
|
22742
22335
|
"textStepNumber": [513, "text-step-number"],
|
|
22743
22336
|
"currentIndex": [2, "current-index"],
|
|
22337
|
+
"selectedIndex": [2, "selected-index"],
|
|
22744
22338
|
"mobileActiveStepLabel": [32],
|
|
22745
22339
|
"mobileActiveStepName": [32]
|
|
22746
22340
|
},
|
|
@@ -22750,14 +22344,14 @@ class PostStepper {
|
|
|
22750
22344
|
}; }
|
|
22751
22345
|
}
|
|
22752
22346
|
|
|
22753
|
-
const postStepperItemCss = () => `:host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular);color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-stroke3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:var(--post-device-border-width-default);z-index:1;background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);mask-image:var(--post-icon-success-solid);background-color:currentColor;width:calc( var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) );height:calc( var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) );color:var(--post-scheme-color-interactive-primary-selected-bg2)}:root,:host{--post-icon-success-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9Imktc3VjY2Vzcy1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik03Ljk5LS4wOUMzLjU4LS4wOSAwIDMuNDkgMCA3LjkxczMuNTggOCA3Ljk5IDggOC0zLjU4IDgtOC0zLjU4LTgtOC04bTMuMzIgNi4xTDcuNTIgMTEuMiA0LjYzIDguNDRhLjc0Ni43NDYgMCAwIDEtLjAyLTEuMDZjLjI5LS4zLjc2LS4zMSAxLjA2LS4wMmwxLjY1IDEuNTggMi43OC0zLjgxYS43NTEuNzUxIDAgMSAxIDEuMjIuODhaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMS45OSAwQzUuMzYgMCAwIDUuMzggMCAxMnM1LjM3IDEyIDEyIDEyIDEyLTUuMzcgMTItMTJTMTguNjIgMCAxMS45OSAwbTQuNzcgOC44Ni01LjUxIDcuNTYtNC4xMy0zLjk1Yy0uMzUtLjMzLS4zNi0uODktLjAzLTEuMjRzLjg5LS4zNiAxLjI0LS4wM2wyLjY5IDIuNTcgNC4zMy01Ljk0Yy4yOC0uMzkuODMtLjQ4IDEuMjItLjE5LjM5LjI4LjQ4LjgzLjE5IDEuMjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE1Ljk5IDBjLTguODQgMC0xNiA3LjE2LTE2IDE2czcuMTYgMTYgMTYgMTYgMTYtNy4xNiAxNi0xNi03LjE2LTE2LTE2LTE2bTYuNzkgMTEuMjItNy45MSAxMC44NS01Ljg1LTUuNThhLjk5Ni45OTYgMCAwIDEtLjAzLTEuNDEuOTk2Ljk5NiAwIDAgMSAxLjQxLS4wM2w0LjE5IDQuMDEgNi41Ny05LjAxYy4zMi0uNDUuOTUtLjU0IDEuNC0uMjIuNDUuMzMuNTQuOTUuMjIgMS40WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTkuOTktLjA2Yy0xMS4wNSAwLTIwIDguOTYtMjAgMjBzOC45NSAyMCAyMCAyMCAyMC04Ljk1IDIwLTIwLTguOTYtMjAtMjAtMjBtOC4zOCAxMy45Ni05LjgxIDEzLjQ1LTcuMjEtNi44OGMtLjQ1LS40My0uNDctMS4xNC0uMDQtMS41OXMxLjE0LS40NyAxLjU5LS4wNGw1LjM1IDUuMTEgOC4yOS0xMS4zOGMuMzctLjUgMS4wNy0uNjEgMS41Ny0uMjUuNS4zNy42MSAxLjA3LjI1IDEuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik0yMy45OS0uMDFjLTEzLjI2IDAtMjQgMTAuNzQtMjQgMjRzMTAuNzUgMjQgMjQgMjQgMjQtMTAuNzUgMjQtMjQtMTAuNzUtMjQtMjQtMjRtOS45OCAxNi42OC0xMS43IDE2LjA1LTguNTYtOC4xOGExLjI1IDEuMjUgMCAwIDEtLjA0LTEuNzdjLjQ4LS41IDEuMjctLjUyIDEuNzctLjA0bDYuNSA2LjIxTDMxLjk2IDE1LjJjLjQxLS41NiAxLjE5LS42OCAxLjc1LS4yN3MuNjggMS4xOS4yNyAxLjc1WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMzEuOTggMGMtMTcuNjcgMC0zMiAxNC4zMi0zMiAzMnMxNC4zMyAzMiAzMiAzMiAzMi0xNC4zMyAzMi0zMi0xNC4zMi0zMi0zMi0zMm0xMy4wNyAyMi4wOC0xNS40IDIxLjEzLTExLjE4LTEwLjY4Yy0uNTUtLjUyLS41Ny0xLjM5LS4wNC0xLjk0LjUyLS41NSAxLjQtLjU3IDEuOTQtLjA0bDguOTEgOC41MSAxMy41NS0xOC41OWExLjM3NSAxLjM3NSAwIDAgMSAyLjIyIDEuNjJaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLXN1Y2Nlc3Mtc29saWQiLz48L2c+PC9zdmc+")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:var(--post-device-border-width-default)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - ( var(--post-device-sizing-interactive-stepper-indicator) - (var(--post-device-border-width-default) * 2) )/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:var(--post-device-border-width-default)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
22347
|
+
const postStepperItemCss = () => `:host{grid-row:1;position:relative;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:fit-content;word-break:break-word;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{margin-inline-start:auto;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}@media screen and (max-width: 779.98px){:host{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
22754
22348
|
|
|
22755
22349
|
class PostStepperItem {
|
|
22756
22350
|
constructor(hostRef) {
|
|
22757
22351
|
registerInstance(this, hostRef);
|
|
22758
22352
|
}
|
|
22759
22353
|
render() {
|
|
22760
|
-
return (hAsync(Host, { key: '
|
|
22354
|
+
return (hAsync(Host, { key: '95ebc80981c11cb53b992b55292c8588ece1425d', "data-version": version$1, role: "listitem" }, hAsync("span", { key: '64a3d6e185d0df66e89e63a09e934129cd51c00f', class: "stepper-item-content" }, hAsync("span", { key: '936c9473e1644a6f77a8b510a9159f3258ab97cc', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: 'd6d256202dd0cc53f106d8452660e96b77557219', class: "label" }, hAsync("slot", { key: 'fe6ce78b72bbb24879fd4b5eba9594d8ef135bc2' })))));
|
|
22761
22355
|
}
|
|
22762
22356
|
static get style() { return postStepperItemCss(); }
|
|
22763
22357
|
static get cmpMeta() { return {
|
|
@@ -22804,7 +22398,7 @@ class PostTabItem {
|
|
|
22804
22398
|
this.isNavigationMode = hasAnchor;
|
|
22805
22399
|
}
|
|
22806
22400
|
render() {
|
|
22807
|
-
return (hAsync(Host, { key: '
|
|
22401
|
+
return (hAsync(Host, { key: 'e660f8e1051523a4a88a0ad4808b294c2f80bcbb', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version$1, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, hAsync("slot", { key: '9e5ec2ac67fbf1c56b8f7bd11205438d5ce08956' })));
|
|
22808
22402
|
}
|
|
22809
22403
|
get host() { return getElement(this); }
|
|
22810
22404
|
static get watchers() { return {
|
|
@@ -22845,7 +22439,7 @@ class PostTabPanel {
|
|
|
22845
22439
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22846
22440
|
}
|
|
22847
22441
|
render() {
|
|
22848
|
-
return (hAsync(Host, { key: '
|
|
22442
|
+
return (hAsync(Host, { key: '27d2f9dedd65a3500d477ce979ace6d9eb0d429a', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '890e7ec2bcf451d3281b224601597db281d6da58' })));
|
|
22849
22443
|
}
|
|
22850
22444
|
get host() { return getElement(this); }
|
|
22851
22445
|
static get watchers() { return {
|
|
@@ -23002,7 +22596,7 @@ class PostTabs {
|
|
|
23002
22596
|
// This works even before post-tab-item sets data-navigation-mode attribute
|
|
23003
22597
|
const hasNavigationTabs = this.tabs.some(tab => {
|
|
23004
22598
|
const hasAnchor = tab.querySelector('a') !== null;
|
|
23005
|
-
const navModeAttr = tab.
|
|
22599
|
+
const navModeAttr = tab.dataset.navigationMode === 'true';
|
|
23006
22600
|
return hasAnchor || navModeAttr;
|
|
23007
22601
|
});
|
|
23008
22602
|
const hasPanels = this.panels.length > 0;
|
|
@@ -23151,7 +22745,7 @@ class PostTabs {
|
|
|
23151
22745
|
nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
|
|
23152
22746
|
}
|
|
23153
22747
|
else {
|
|
23154
|
-
nextTab = this.tabs[activeTabIndex - 1] || this.tabs
|
|
22748
|
+
nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
|
|
23155
22749
|
}
|
|
23156
22750
|
if (!nextTab)
|
|
23157
22751
|
return;
|
|
@@ -23160,10 +22754,10 @@ class PostTabs {
|
|
|
23160
22754
|
}
|
|
23161
22755
|
render() {
|
|
23162
22756
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23163
|
-
return (hAsync(Host, { key: '
|
|
22757
|
+
return (hAsync(Host, { key: '5ae75fc550faae05dbca22e815a75e05f5cebc54', "data-version": version$1 }, hAsync("div", { key: '606990249519c2504e47e24b1e1b95c660278828', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: 'ed0a4b53c47bc808e0c0713f4d014338e0124e37', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: 'ec504e221fb5694fea03630da0671b7c2c827648', onSlotchange: () => {
|
|
23164
22758
|
this.moveMisplacedTabs();
|
|
23165
22759
|
this.enableTabs();
|
|
23166
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
22760
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '4bfd0fb25e0070b0a8ebeef0127cb8ac2b097bc0', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'ecf2630c87dce6a797c1c13d31e5ead2b7f903d8', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23167
22761
|
}
|
|
23168
22762
|
get host() { return getElement(this); }
|
|
23169
22763
|
static get watchers() { return {
|
|
@@ -23218,7 +22812,7 @@ class PostTogglebutton {
|
|
|
23218
22812
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
|
|
23219
22813
|
}
|
|
23220
22814
|
render() {
|
|
23221
|
-
return (hAsync(Host, { key: '
|
|
22815
|
+
return (hAsync(Host, { key: 'fdf27aa68db2c3e6757176894b5b293a563e444d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '2be2ca3e516a3ee6f39f9dc943142cf5e138d1b2' })));
|
|
23222
22816
|
}
|
|
23223
22817
|
get host() { return getElement(this); }
|
|
23224
22818
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23299,7 +22893,7 @@ class PostTooltip {
|
|
|
23299
22893
|
}
|
|
23300
22894
|
render() {
|
|
23301
22895
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23302
|
-
return (hAsync(Host, { key: '
|
|
22896
|
+
return (hAsync(Host, { key: 'e3dd0e3b779563948a727958237ffb5ee3786c67', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'bcc80a61fa0292191efc0525c410630b8dbb29e3', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: '3b07a74f1edc3d7fc49211b4f85188ad8a05acad' }))));
|
|
23303
22897
|
}
|
|
23304
22898
|
get host() { return getElement(this); }
|
|
23305
22899
|
static get watchers() { return {
|
|
@@ -23328,11 +22922,6 @@ class PostTooltip {
|
|
|
23328
22922
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23329
22923
|
|
|
23330
22924
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23331
|
-
if (IS_BROWSER) {
|
|
23332
|
-
(async () => {
|
|
23333
|
-
await Promise.resolve().then(function () { return longPressEvent; });
|
|
23334
|
-
})();
|
|
23335
|
-
}
|
|
23336
22925
|
/**
|
|
23337
22926
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
23338
22927
|
*/
|
|
@@ -23358,10 +22947,7 @@ class PostTooltipTrigger {
|
|
|
23358
22947
|
checkEmptyOrType(this, 'for', 'string');
|
|
23359
22948
|
}
|
|
23360
22949
|
get tooltip() {
|
|
23361
|
-
|
|
23362
|
-
return null;
|
|
23363
|
-
const ref = document.getElementById(this.for);
|
|
23364
|
-
return ref?.localName === 'post-tooltip' ? ref : null;
|
|
22950
|
+
return null;
|
|
23365
22951
|
}
|
|
23366
22952
|
componentDidLoad() {
|
|
23367
22953
|
this.setupTrigger();
|
|
@@ -23402,7 +22988,7 @@ class PostTooltipTrigger {
|
|
|
23402
22988
|
setupTrigger() {
|
|
23403
22989
|
this.trigger = this.host.querySelector('*');
|
|
23404
22990
|
if (this.trigger) {
|
|
23405
|
-
if (!isFocusable
|
|
22991
|
+
if (!isFocusable(this.trigger)) {
|
|
23406
22992
|
this.trigger.setAttribute('tabindex', '0');
|
|
23407
22993
|
}
|
|
23408
22994
|
const describedBy = this.trigger.getAttribute('aria-describedby') || '';
|
|
@@ -23477,7 +23063,7 @@ class PostTooltipTrigger {
|
|
|
23477
23063
|
interestHandler() {
|
|
23478
23064
|
if (this.trigger) {
|
|
23479
23065
|
if (this.delay > 0) {
|
|
23480
|
-
this.delayTimeout =
|
|
23066
|
+
this.delayTimeout = globalThis.setTimeout(() => {
|
|
23481
23067
|
this.tooltip?.show(this.trigger);
|
|
23482
23068
|
this.delayTimeout = null;
|
|
23483
23069
|
}, this.delay);
|
|
@@ -23495,7 +23081,7 @@ class PostTooltipTrigger {
|
|
|
23495
23081
|
this.tooltip?.hide();
|
|
23496
23082
|
}
|
|
23497
23083
|
render() {
|
|
23498
|
-
return (hAsync(Host, { key: '
|
|
23084
|
+
return (hAsync(Host, { key: '130a5d8ad8e981ee3f46fbbfcab74afd4c2dce18', "data-version": version$1 }, hAsync("slot", { key: '6718994fc17acb24dbc176110c9a0356c4158e38', onSlotchange: () => this.handleSlotChange() })));
|
|
23499
23085
|
}
|
|
23500
23086
|
get host() { return getElement(this); }
|
|
23501
23087
|
static get watchers() { return {
|
|
@@ -23520,6 +23106,7 @@ class PostTooltipTrigger {
|
|
|
23520
23106
|
registerComponents([
|
|
23521
23107
|
PostAccordion,
|
|
23522
23108
|
PostAccordionItem,
|
|
23109
|
+
PostAutocomplete,
|
|
23523
23110
|
PostAvatar,
|
|
23524
23111
|
PostBackToTop,
|
|
23525
23112
|
PostBanner,
|
|
@@ -23528,14 +23115,15 @@ registerComponents([
|
|
|
23528
23115
|
PostClosebutton,
|
|
23529
23116
|
PostCollapsible,
|
|
23530
23117
|
PostCollapsibleTrigger,
|
|
23531
|
-
|
|
23532
|
-
PostEnvTest,
|
|
23118
|
+
PostDatePicker,
|
|
23533
23119
|
PostFooter,
|
|
23534
23120
|
PostHeader,
|
|
23535
23121
|
PostIcon,
|
|
23536
23122
|
PostLanguageMenu,
|
|
23537
23123
|
PostLanguageMenuItem,
|
|
23538
23124
|
PostLinkarea,
|
|
23125
|
+
PostListbox,
|
|
23126
|
+
PostListboxOption,
|
|
23539
23127
|
PostLogo,
|
|
23540
23128
|
PostMainnavigation,
|
|
23541
23129
|
PostMegadropdown,
|
|
@@ -23559,275 +23147,6 @@ registerComponents([
|
|
|
23559
23147
|
PostTooltipTrigger,
|
|
23560
23148
|
]);
|
|
23561
23149
|
|
|
23562
|
-
/*!
|
|
23563
|
-
* long-press-event - v@version@
|
|
23564
|
-
* Pure JavaScript long-press-event
|
|
23565
|
-
* https://github.com/john-doherty/long-press-event
|
|
23566
|
-
* @author John Doherty <www.johndoherty.info>
|
|
23567
|
-
* @license MIT
|
|
23568
|
-
*/
|
|
23569
|
-
(function (window, document) {
|
|
23570
|
-
|
|
23571
|
-
// local timer object based on rAF
|
|
23572
|
-
var timer = null;
|
|
23573
|
-
|
|
23574
|
-
// check if we're using a touch screen
|
|
23575
|
-
var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
|
|
23576
|
-
var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
|
|
23577
|
-
|
|
23578
|
-
// switch to pointer events or touch events if using a touch screen
|
|
23579
|
-
var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
|
|
23580
|
-
var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
|
|
23581
|
-
var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
|
|
23582
|
-
var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
|
|
23583
|
-
|
|
23584
|
-
// track number of pixels the mouse moves during long press
|
|
23585
|
-
var startX = 0; // mouse x position when timer started
|
|
23586
|
-
var startY = 0; // mouse y position when timer started
|
|
23587
|
-
var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
|
|
23588
|
-
var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
|
|
23589
|
-
|
|
23590
|
-
// patch CustomEvent to allow constructor creation (IE/Chrome)
|
|
23591
|
-
if (typeof window.CustomEvent !== 'function') {
|
|
23592
|
-
|
|
23593
|
-
window.CustomEvent = function (event, params) {
|
|
23594
|
-
|
|
23595
|
-
params = params || { bubbles: false, cancelable: false, detail: undefined };
|
|
23596
|
-
|
|
23597
|
-
var evt = document.createEvent('CustomEvent');
|
|
23598
|
-
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
|
23599
|
-
return evt;
|
|
23600
|
-
};
|
|
23601
|
-
|
|
23602
|
-
window.CustomEvent.prototype = window.Event.prototype;
|
|
23603
|
-
}
|
|
23604
|
-
|
|
23605
|
-
// requestAnimationFrame() shim by Paul Irish
|
|
23606
|
-
window.requestAnimFrame = (function () {
|
|
23607
|
-
return window.requestAnimationFrame ||
|
|
23608
|
-
window.webkitRequestAnimationFrame ||
|
|
23609
|
-
window.mozRequestAnimationFrame ||
|
|
23610
|
-
window.oRequestAnimationFrame ||
|
|
23611
|
-
window.msRequestAnimationFrame || function (callback) {
|
|
23612
|
-
window.setTimeout(callback, 1000 / 60);
|
|
23613
|
-
};
|
|
23614
|
-
})();
|
|
23615
|
-
|
|
23616
|
-
/**
|
|
23617
|
-
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
|
|
23618
|
-
* @param {function} fn The callback function
|
|
23619
|
-
* @param {int} delay The delay in milliseconds
|
|
23620
|
-
* @returns {object} handle to the timeout object
|
|
23621
|
-
*/
|
|
23622
|
-
function requestTimeout(fn, delay) {
|
|
23623
|
-
|
|
23624
|
-
if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
|
|
23625
|
-
!(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
|
|
23626
|
-
!window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
|
|
23627
|
-
|
|
23628
|
-
var start = new Date().getTime();
|
|
23629
|
-
var handle = {};
|
|
23630
|
-
|
|
23631
|
-
var loop = function () {
|
|
23632
|
-
var current = new Date().getTime();
|
|
23633
|
-
var delta = current - start;
|
|
23634
|
-
|
|
23635
|
-
if (delta >= delay) {
|
|
23636
|
-
fn.call();
|
|
23637
|
-
}
|
|
23638
|
-
else {
|
|
23639
|
-
handle.value = requestAnimFrame(loop);
|
|
23640
|
-
}
|
|
23641
|
-
};
|
|
23642
|
-
|
|
23643
|
-
handle.value = requestAnimFrame(loop);
|
|
23644
|
-
|
|
23645
|
-
return handle;
|
|
23646
|
-
}
|
|
23647
|
-
|
|
23648
|
-
/**
|
|
23649
|
-
* Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
|
|
23650
|
-
* @param {object} handle The callback function
|
|
23651
|
-
* @returns {void}
|
|
23652
|
-
*/
|
|
23653
|
-
function clearRequestTimeout(handle) {
|
|
23654
|
-
if (handle) {
|
|
23655
|
-
window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
|
|
23656
|
-
window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
|
|
23657
|
-
window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
|
|
23658
|
-
window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
|
|
23659
|
-
window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
|
|
23660
|
-
window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
|
|
23661
|
-
clearTimeout(handle);
|
|
23662
|
-
}
|
|
23663
|
-
}
|
|
23664
|
-
|
|
23665
|
-
/**
|
|
23666
|
-
* Fires the 'long-press' event on element
|
|
23667
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
|
|
23668
|
-
* @returns {void}
|
|
23669
|
-
*/
|
|
23670
|
-
function fireLongPressEvent(originalEvent) {
|
|
23671
|
-
|
|
23672
|
-
clearLongPressTimer();
|
|
23673
|
-
|
|
23674
|
-
originalEvent = unifyEvent(originalEvent);
|
|
23675
|
-
|
|
23676
|
-
// fire the long-press event
|
|
23677
|
-
var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
|
|
23678
|
-
bubbles: true,
|
|
23679
|
-
cancelable: true,
|
|
23680
|
-
|
|
23681
|
-
// custom event data (legacy)
|
|
23682
|
-
detail: {
|
|
23683
|
-
clientX: originalEvent.clientX,
|
|
23684
|
-
clientY: originalEvent.clientY,
|
|
23685
|
-
offsetX: originalEvent.offsetX,
|
|
23686
|
-
offsetY: originalEvent.offsetY,
|
|
23687
|
-
pageX: originalEvent.pageX,
|
|
23688
|
-
pageY: originalEvent.pageY
|
|
23689
|
-
},
|
|
23690
|
-
|
|
23691
|
-
// add coordinate data that would typically acompany a touch/click event
|
|
23692
|
-
clientX: originalEvent.clientX,
|
|
23693
|
-
clientY: originalEvent.clientY,
|
|
23694
|
-
offsetX: originalEvent.offsetX,
|
|
23695
|
-
offsetY: originalEvent.offsetY,
|
|
23696
|
-
pageX: originalEvent.pageX,
|
|
23697
|
-
pageY: originalEvent.pageY,
|
|
23698
|
-
screenX: originalEvent.screenX,
|
|
23699
|
-
screenY: originalEvent.screenY
|
|
23700
|
-
}));
|
|
23701
|
-
|
|
23702
|
-
if (!allowClickEvent) {
|
|
23703
|
-
// suppress the next click event if e.preventDefault() was called in long-press handler
|
|
23704
|
-
document.addEventListener('click', function suppressEvent(e) {
|
|
23705
|
-
document.removeEventListener('click', suppressEvent, true);
|
|
23706
|
-
cancelEvent(e);
|
|
23707
|
-
}, true);
|
|
23708
|
-
}
|
|
23709
|
-
}
|
|
23710
|
-
|
|
23711
|
-
/**
|
|
23712
|
-
* consolidates mouse, touch, and Pointer events
|
|
23713
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
|
|
23714
|
-
* @returns {MouseEvent|PointerEvent|Touch}
|
|
23715
|
-
*/
|
|
23716
|
-
function unifyEvent(e) {
|
|
23717
|
-
if (e.changedTouches !== undefined) {
|
|
23718
|
-
return e.changedTouches[0];
|
|
23719
|
-
}
|
|
23720
|
-
return e;
|
|
23721
|
-
}
|
|
23722
|
-
|
|
23723
|
-
/**
|
|
23724
|
-
* method responsible for starting the long press timer
|
|
23725
|
-
* @param {event} e - event object
|
|
23726
|
-
* @returns {void}
|
|
23727
|
-
*/
|
|
23728
|
-
function startLongPressTimer(e) {
|
|
23729
|
-
|
|
23730
|
-
clearLongPressTimer();
|
|
23731
|
-
|
|
23732
|
-
var el = e.target;
|
|
23733
|
-
|
|
23734
|
-
// get delay from html attribute if it exists, otherwise default to 1500
|
|
23735
|
-
var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
|
|
23736
|
-
|
|
23737
|
-
// start the timer
|
|
23738
|
-
timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
|
|
23739
|
-
}
|
|
23740
|
-
|
|
23741
|
-
/**
|
|
23742
|
-
* method responsible for clearing a pending long press timer
|
|
23743
|
-
* @param {event} e - event object
|
|
23744
|
-
* @returns {void}
|
|
23745
|
-
*/
|
|
23746
|
-
function clearLongPressTimer(e) {
|
|
23747
|
-
clearRequestTimeout(timer);
|
|
23748
|
-
timer = null;
|
|
23749
|
-
}
|
|
23750
|
-
|
|
23751
|
-
/**
|
|
23752
|
-
* Cancels the current event
|
|
23753
|
-
* @param {object} e - browser event object
|
|
23754
|
-
* @returns {void}
|
|
23755
|
-
*/
|
|
23756
|
-
function cancelEvent(e) {
|
|
23757
|
-
e.stopImmediatePropagation();
|
|
23758
|
-
e.preventDefault();
|
|
23759
|
-
e.stopPropagation();
|
|
23760
|
-
}
|
|
23761
|
-
|
|
23762
|
-
/**
|
|
23763
|
-
* Starts the timer on mouse down and logs current position
|
|
23764
|
-
* @param {object} e - browser event object
|
|
23765
|
-
* @returns {void}
|
|
23766
|
-
*/
|
|
23767
|
-
function mouseDownHandler(e) {
|
|
23768
|
-
startX = e.clientX;
|
|
23769
|
-
startY = e.clientY;
|
|
23770
|
-
startLongPressTimer(e);
|
|
23771
|
-
}
|
|
23772
|
-
|
|
23773
|
-
/**
|
|
23774
|
-
* If the mouse moves n pixels during long-press, cancel the timer
|
|
23775
|
-
* @param {object} e - browser event object
|
|
23776
|
-
* @returns {void}
|
|
23777
|
-
*/
|
|
23778
|
-
function mouseMoveHandler(e) {
|
|
23779
|
-
|
|
23780
|
-
// calculate total number of pixels the pointer has moved
|
|
23781
|
-
var diffX = Math.abs(startX - e.clientX);
|
|
23782
|
-
var diffY = Math.abs(startY - e.clientY);
|
|
23783
|
-
|
|
23784
|
-
// if pointer has moved more than allowed, cancel the long-press timer and therefore the event
|
|
23785
|
-
if (diffX >= maxDiffX || diffY >= maxDiffY) {
|
|
23786
|
-
clearLongPressTimer();
|
|
23787
|
-
}
|
|
23788
|
-
}
|
|
23789
|
-
|
|
23790
|
-
/**
|
|
23791
|
-
* Gets attribute off HTML element or nearest parent
|
|
23792
|
-
* @param {object} el - HTML element to retrieve attribute from
|
|
23793
|
-
* @param {string} attributeName - name of the attribute
|
|
23794
|
-
* @param {any} defaultValue - default value to return if no match found
|
|
23795
|
-
* @returns {any} attribute value or defaultValue
|
|
23796
|
-
*/
|
|
23797
|
-
function getNearestAttribute(el, attributeName, defaultValue) {
|
|
23798
|
-
|
|
23799
|
-
// walk up the dom tree looking for data-action and data-trigger
|
|
23800
|
-
while (el && el !== document.documentElement) {
|
|
23801
|
-
|
|
23802
|
-
var attributeValue = el.getAttribute(attributeName);
|
|
23803
|
-
|
|
23804
|
-
if (attributeValue) {
|
|
23805
|
-
return attributeValue;
|
|
23806
|
-
}
|
|
23807
|
-
|
|
23808
|
-
el = el.parentNode;
|
|
23809
|
-
}
|
|
23810
|
-
|
|
23811
|
-
return defaultValue;
|
|
23812
|
-
}
|
|
23813
|
-
|
|
23814
|
-
// hook events that clear a pending long press event
|
|
23815
|
-
document.addEventListener(mouseUp, clearLongPressTimer, true);
|
|
23816
|
-
document.addEventListener(mouseLeave, clearLongPressTimer, true);
|
|
23817
|
-
document.addEventListener(mouseMove, mouseMoveHandler, true);
|
|
23818
|
-
document.addEventListener('wheel', clearLongPressTimer, true);
|
|
23819
|
-
document.addEventListener('scroll', clearLongPressTimer, true);
|
|
23820
|
-
document.addEventListener('contextmenu', clearLongPressTimer, true);
|
|
23821
|
-
|
|
23822
|
-
// hook events that can trigger a long press event
|
|
23823
|
-
document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
|
|
23824
|
-
|
|
23825
|
-
}(window, document));
|
|
23826
|
-
|
|
23827
|
-
var longPressEvent = /*#__PURE__*/Object.freeze({
|
|
23828
|
-
__proto__: null
|
|
23829
|
-
});
|
|
23830
|
-
|
|
23831
23150
|
exports.hydrateApp = hydrateApp;
|
|
23832
23151
|
|
|
23833
23152
|
|