@zanichelli/albe-web-components 19.3.0 → 19.4.0

package/dist/web-components-library/{p-BEHxru6n.js → p-BcDWN4F1.js}

@@ -1,3 +1,3 @@
-const n="web-components-library";const e={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,shadowDom:true,slotRelocation:true,state:true,updatable:true};const t=()=>{};const o='@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n:root {\n  --gray950: #121212;\n  --gray900: #292929;\n  --gray800: #3d3d3d;\n  --gray700: #525252;\n  --gray600: #666;\n  --gray500: #9b9b9b;\n  --gray400: #adadad;\n  --gray300: #c2c2c2;\n  --gray200: #d6d6d6;\n  --gray100: #ebebeb;\n  --gray50: #f6f6f6;\n  --gray25: #fafafa;\n}\n\n:root {\n  --blue950: #001229;\n  --blue900: #001f46;\n  --blue800: #002c63;\n  --blue700: #003981;\n  --blue600: #0047a0;\n  --blue500: #0056c1;\n  --blue400: #2e76ce;\n  --blue300: #5893db;\n  --blue200: #82b0e7;\n  --blue100: #accdf3;\n  --blue50: #d6eaff;\n  --blue25: #ebf5ff;\n}\n\n:root {\n  --green950: #19200a;\n  --green900: #22330a;\n  --green800: #2b4808;\n  --green700: #355d06;\n  --green600: #407305;\n  --green500: #568818;\n  --green400: #6f9d2f;\n  --green300: #8ab14a;\n  --green200: #a6c66b;\n  --green100: #c3da92;\n  --green50: #effce0;\n  --green25: #f5fdec;\n}\n\n:root {\n  --yellow950: #33280f;\n  --yellow900: #5c4615;\n  --yellow800: #85641a;\n  --yellow700: #ab8125;\n  --yellow600: #d09e30;\n  --yellow500: #f6bb3b;\n  --yellow400: #f9c852;\n  --yellow300: #fbd468;\n  --yellow200: #fee17f;\n  --yellow150: #ffde72;\n  --yellow100: #ffea91;\n  --yellow50: #fbf4e6;\n  --yellow25: #fcf7ed;\n}\n\n:root {\n  --red950: #2a0005;\n  --red900: #4c0009;\n  --red800: #6f000d;\n  --red700: #940111;\n  --red600: #ba0115;\n  --red500: #e4011c;\n  --red400: #ec5163;\n  --red300: #f07a88;\n  --red200: #f49fa9;\n  --red100: #f8bfc4;\n  --red50: #fdeeed;\n  --red25: #fef6f6;\n}\n\n:root {\n  --avatar-C01: #99005b;\n  --avatar-C02: #b01300;\n  --avatar-C03: #e62200;\n  --avatar-C04: #7c4000;\n  --avatar-C05: #c25600;\n  --avatar-C06: #6e6d6d;\n  --avatar-C07: #667d00;\n  --avatar-C08: #008741;\n  --avatar-C09: #00612f;\n  --avatar-C10: #007d8a;\n  --avatar-C11: #007db3;\n  --avatar-C12: #00548c;\n  --avatar-C13: #0028b1;\n  --avatar-C14: #00019c;\n  --avatar-C15: #6400ee;\n  --avatar-C16: #5f3fff;\n  --avatar-C17: #8b00a5;\n  --avatar-C18: #b200ff;\n  --avatar-C19: #c700d6;\n}\n\n:root {\n  --subject-art: #7b7b06;\n  --subject-art_image: #7b7b06;\n  --subject-biology: #438454;\n  --subject-chemistry: #ba5191;\n  --subject-civics: #000080;\n  --subject-communication: #1777d5;\n  --subject-computer_science: #10893e;\n  --subject-earth_science: #8d3eb2;\n  --subject-economic: #004080;\n  --subject-english: #c25353;\n  --subject-food_science: #38846b;\n  --subject-french: #c25353;\n  --subject-geography: #378092;\n  --subject-german: #c25353;\n  --subject-grammar: #be5926;\n  --subject-graphic: #8e7406;\n  --subject-greek: #37818a;\n  --subject-history: #8b572a;\n  --subject-law: #b90000;\n  --subject-latin: #8b4513;\n  --subject-math: #266997;\n  --subject-natural_science: #318473;\n  --subject-philosophy: #5a189a;\n  --subject-physics: #4a7ba4;\n  --subject-science_middle_school: #3a7922;\n  --subject-spanish: #c25353;\n  --subject-technology: #138473;\n  --subject-topography: #ac6604;\n  --subject-technique: #752771;\n}\n\n\n\n:root {\n  --color-black: #000;\n  --color-white: #fff;\n}\n\n:root {\n  /* font-family */\n  --font-family-sans: "IBM Plex Sans", sans-serif;\n  --font-family-serif: "IBM Plex Serif", serif;\n\n  /* font-weight */\n  --font-lt: 300;\n  --font-rg: 400;\n  --font-sb: 600;\n  --font-bd: 700;\n\n  /* font-size type scale */\n  --font-size-1: 0.75rem; /* 12px */\n  --font-size-2: 0.875rem; /* 14px */\n  --font-size-3: 1rem; /* assuming 16px */\n  --font-size-4: 1.125rem; /* 18px */\n  --font-size-5: 1.25rem; /* 20px */\n  --font-size-6: 1.5rem; /* 24px */\n  --font-size-7: 1.75rem; /* 28px */\n  --font-size-8: 2rem; /* 32px */\n  --font-size-9: 2.25rem; /* 36px */\n  --font-size-10: 2.625rem; /* 42px */\n  --font-size-11: 3rem; /* 48px */\n  --font-size-12: 3.375rem; /* 54px */\n  --font-size-13: 3.75rem; /* 60px */\n  --font-size-14: 4.25rem; /* 68px */\n  --font-size-15: 4.75rem; /* 76px */\n  --font-size-16: 5.25rem; /* 84px */\n  --font-size-17: 5.75rem; /* 92px */\n\n  /* cssprops to use with `font` shorthand property */\n  --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n  --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n  --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n  --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n  --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n  --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n  font-size: var(--font-size-7);\n  font-weight: var(--font-rg);\n  line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n  font-size: var(--font-size-1);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n  font: var(--section-title-1);\n}\n\n.section-title-2 {\n  font: var(--section-title-2);\n}\n\n.section-title-3 {\n  font: var(--section-title-3);\n}\n\n.section-title-4 {\n  font: var(--section-title-4);\n}\n\n.section-title-5 {\n  font: var(--section-title-5);\n}\n\n.section-title-6 {\n  font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n  .heading-1,\n  .heading-1-sb,\n  .heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .heading-2,\n  .heading-2-sb,\n  .heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n  .mobile-heading-1,\n  .mobile-heading-1-sb,\n  .mobile-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .mobile-heading-2,\n  .mobile-heading-2-sb,\n  .mobile-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-3,\n  .mobile-heading-3-sb,\n  .mobile-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-4,\n  .mobile-heading-4-sb,\n  .mobile-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-1,\n  .mobile-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-2,\n  .mobile-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-3,\n  .mobile-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-4,\n  .mobile-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-body-5,\n  .mobile-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-interactive-1,\n  .mobile-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-interactive-2,\n  .mobile-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-interactive-3,\n  .mobile-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .mobile-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .mobile-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .mobile-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .mobile-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .mobile-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .mobile-heading-1-lt,\n  .mobile-heading-2-lt,\n  .mobile-heading-3-lt,\n  .mobile-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .mobile-heading-1-sb,\n  .mobile-heading-2-sb,\n  .mobile-heading-3-sb,\n  .mobile-heading-4-sb,\n  .mobile-body-1-sb,\n  .mobile-body-2-sb,\n  .mobile-body-3-sb,\n  .mobile-body-4-sb,\n  .mobile-body-5-sb,\n  .mobile-interactive-1-sb,\n  .mobile-interactive-2-sb,\n  .mobile-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  .tablet-heading-1,\n  .tablet-heading-1-sb,\n  .tablet-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .tablet-heading-2,\n  .tablet-heading-2-sb,\n  .tablet-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-3,\n  .tablet-heading-3-sb,\n  .tablet-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-4,\n  .tablet-heading-4-sb,\n  .tablet-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-1,\n  .tablet-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-2,\n  .tablet-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-3,\n  .tablet-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-4,\n  .tablet-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-body-5,\n  .tablet-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-interactive-1,\n  .tablet-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-interactive-2,\n  .tablet-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-interactive-3,\n  .tablet-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .tablet-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .tablet-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .tablet-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .tablet-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .tablet-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .tablet-heading-1-lt,\n  .tablet-heading-2-lt,\n  .tablet-heading-3-lt,\n  .tablet-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .tablet-heading-1-sb,\n  .tablet-heading-2-sb,\n  .tablet-heading-3-sb,\n  .tablet-heading-4-sb,\n  .tablet-body-1-sb,\n  .tablet-body-2-sb,\n  .tablet-body-3-sb,\n  .tablet-body-4-sb,\n  .tablet-body-5-sb,\n  .tablet-interactive-1-sb,\n  .tablet-interactive-2-sb,\n  .tablet-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  .desktop-heading-1,\n  .desktop-heading-1-sb,\n  .desktop-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .desktop-heading-2,\n  .desktop-heading-2-sb,\n  .desktop-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .desktop-heading-3,\n  .desktop-heading-3-sb,\n  .desktop-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .desktop-heading-4,\n  .desktop-heading-4-sb,\n  .desktop-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-1,\n  .desktop-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-2,\n  .desktop-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-3,\n  .desktop-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-4,\n  .desktop-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-body-5,\n  .desktop-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-interactive-1,\n  .desktop-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-interactive-2,\n  .desktop-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-interactive-3,\n  .desktop-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .desktop-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .desktop-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .desktop-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .desktop-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .desktop-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .desktop-heading-1-lt,\n  .desktop-heading-2-lt,\n  .desktop-heading-3-lt,\n  .desktop-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .desktop-heading-1-sb,\n  .desktop-heading-2-sb,\n  .desktop-heading-3-sb,\n  .desktop-heading-4-sb,\n  .desktop-body-1-sb,\n  .desktop-body-2-sb,\n  .desktop-body-3-sb,\n  .desktop-body-4-sb,\n  .desktop-body-5-sb,\n  .desktop-interactive-1-sb,\n  .desktop-interactive-2-sb,\n  .desktop-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .wide-heading-2,\n  .wide-heading-2-sb,\n  .wide-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .wide-heading-3,\n  .wide-heading-3-sb,\n  .wide-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .wide-heading-4,\n  .wide-heading-4-sb,\n  .wide-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-1,\n  .wide-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-2,\n  .wide-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-3,\n  .wide-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-4,\n  .wide-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-body-5,\n  .wide-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-interactive-1,\n  .wide-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-interactive-2,\n  .wide-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-interactive-3,\n  .wide-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .wide-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .wide-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .wide-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .wide-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .wide-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .wide-heading-1-lt,\n  .wide-heading-2-lt,\n  .wide-heading-3-lt,\n  .wide-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .wide-heading-1-sb,\n  .wide-heading-2-sb,\n  .wide-heading-3-sb,\n  .wide-heading-4-sb,\n  .wide-body-1-sb,\n  .wide-body-2-sb,\n  .wide-body-3-sb,\n  .wide-body-4-sb,\n  .wide-body-5-sb,\n  .wide-interactive-1-sb,\n  .wide-interactive-2-sb,\n  .wide-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n  font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n  font-weight: var(--font-sb);\n}\n\n:root {\n  --space-unit: 8px;\n}\n\n:root {\n  --shadow-color-base: rgb(61 61 61 / 35%);\n  --shadow-inset-2: inset 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-inset-4: inset 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-0: 0 0 0 0 var(--shadow-color-base);\n  --shadow-1: 0 1px 2px 0 var(--shadow-color-base);\n  --shadow-2: 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-3: 0 3px 6px 0 var(--shadow-color-base);\n  --shadow-4: 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-6: 0 6px 12px 0 var(--shadow-color-base);\n  --shadow-8: 0 8px 16px 0 var(--shadow-color-base);\n  --shadow-12: 0 12px 24px 0 var(--shadow-color-base);\n  --shadow-16: 0 16px 32px 0 var(--shadow-color-base);\n  --shadow-24: 0 24px 48px 0 var(--shadow-color-base);\n}\n\n:root {\n  --border-no-radius: 0;\n  --border-size-small: 1px;\n  --border-size-medium: 2px;\n  --border-size-large: 4px;\n  --border-radius-small: 2px;\n  --border-radius: 4px;\n}\n\n:root {\n  --grid-mobile-viewport: 768px;\n  --grid-mobile-column: 4;\n  --grid-mobile-margin: 16px;\n  --grid-mobile-gutter: 16px;\n  --grid-tablet-viewport: 768px;\n  --grid-tablet-column: 8;\n  --grid-tablet-margin: 24px;\n  --grid-tablet-gutter: 24px;\n  --grid-desktop-viewport: 1152px;\n  --grid-desktop-column: 12;\n  --grid-desktop-margin: 24px;\n  --grid-desktop-gutter: 24px;\n  --grid-wide-viewport: 1366px;\n  --grid-wide-column: 12;\n  --grid-wide-margin: 32px;\n  --grid-wide-gutter: 32px;\n  --page-max-width: 1366px;\n\n  /* These variables automatically adapt to the viewport size,\n    that apps don\'t have to worry about updating the value manually. */\n  --grid-margin: var(--grid-mobile-margin);\n  --grid-gutter: var(--grid-mobile-gutter);\n  --grid-columns: var(--grid-mobile-column);\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  :root {\n    --grid-margin: var(--grid-tablet-margin);\n    --grid-gutter: var(--grid-tablet-gutter);\n    --grid-columns: var(--grid-tablet-column);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  :root {\n    --grid-margin: var(--grid-desktop-margin);\n    --grid-gutter: var(--grid-desktop-gutter);\n    --grid-columns: var(--grid-desktop-column);\n  }\n}\n\n@media (min-width: 1366px) {\n  :root {\n    --grid-margin: var(--grid-wide-margin);\n    --grid-gutter: var(--grid-wide-gutter);\n    --grid-columns: var(--grid-wide-column);\n  }\n}\n\n.z-grid {\n  display: grid;\n  width: 100%;\n  column-gap: var(--grid-gutter);\n  grid-template-columns: repeat(var(--grid-columns), 1fr);\n\n  .col-full {\n    grid-column: 1 / -1;\n  }\n\n  .col-1 {\n    grid-column: span 1;\n  }\n\n  .col-2 {\n    grid-column: span 2;\n  }\n\n  .col-3 {\n    grid-column: span 3;\n  }\n\n  .col-4,\n  .col-5,\n  .col-6,\n  .col-7,\n  .col-8,\n  .col-9,\n  .col-10,\n  .col-11,\n  .col-12 {\n    grid-column: span 4;\n  }\n\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n\n  .col-start-3 {\n    grid-column-start: 3;\n  }\n\n  .col-start-4,\n  .col-start-5,\n  .col-start-6,\n  .col-start-7,\n  .col-start-8,\n  .col-start-9,\n  .col-start-10,\n  .col-start-11,\n  .col-start-12 {\n    grid-column-start: 4;\n  }\n\n  /*\n  .-col-start-1 is intentionally left out\n*/\n\n  .-col-start-2 {\n    grid-column-start: -2;\n  }\n\n  .-col-start-3 {\n    grid-column-start: -3;\n  }\n\n  .-col-start-4 {\n    grid-column-start: -4;\n  }\n\n  .-col-start-5,\n  .-col-start-6,\n  .-col-start-7,\n  .-col-start-8,\n  .-col-start-9,\n  .-col-start-10,\n  .-col-start-11,\n  .-col-start-12,\n  .-col-start-13 {\n    grid-column-start: -5;\n  }\n\n  .col-end-last {\n    grid-column-end: -1;\n  }\n\n  /*\n  .col-end-1 is intentionally left out\n*/\n\n  .col-end-2 {\n    grid-column-end: 2;\n  }\n\n  .col-end-3 {\n    grid-column-end: 3;\n  }\n\n  .col-end-4 {\n    grid-column-end: 4;\n  }\n\n  /*\n  This means "end this column where column 5 start",\n  which is the same as saying "end this column where column 4 end"\n*/\n  .col-end-5,\n  .col-end-6,\n  .col-end-7,\n  .col-end-8,\n  .col-end-9,\n  .col-end-10,\n  .col-end-11,\n  .col-end-12,\n  .col-end-13 {\n    grid-column-end: 5;\n  }\n\n  .-col-end-1 {\n    grid-column-end: -1;\n  }\n\n  .-col-end-2 {\n    grid-column-end: -2;\n  }\n\n  .-col-end-3 {\n    grid-column-end: -3;\n  }\n\n  .-col-end-4,\n  .-col-end-5,\n  .-col-end-6,\n  .-col-end-7,\n  .-col-end-8,\n  .-col-end-9,\n  .-col-end-10,\n  .-col-end-11,\n  .-col-end-12 {\n    grid-column-end: -4;\n  }\n\n  @media (max-width: 767px) {\n    .mobile-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .mobile-col-1 {\n      grid-column: span 1;\n    }\n\n    .mobile-col-2 {\n      grid-column: span 2;\n    }\n\n    .mobile-col-3 {\n      grid-column: span 3;\n    }\n\n    .mobile-col-4 {\n      grid-column: span 4;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .col-5 {\n      grid-column: span 5;\n    }\n\n    .col-6 {\n      grid-column: span 6;\n    }\n\n    .col-7 {\n      grid-column: span 7;\n    }\n\n    .col-8,\n    .col-9,\n    .col-10,\n    .col-11,\n    .col-12 {\n      grid-column: span 8;\n    }\n\n    .col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .col-start-8,\n    .col-start-9,\n    .col-start-10,\n    .col-start-11,\n    .col-start-12 {\n      grid-column-start: 8;\n    }\n\n    .-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-col-start-9,\n    .-col-start-10,\n    .-col-start-11,\n    .-col-start-12,\n    .-col-start-13 {\n      grid-column-start: -9;\n    }\n\n    .col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .col-end-9,\n    .col-end-10,\n    .col-end-11,\n    .col-end-12,\n    .col-end-13 {\n      grid-column-end: 9;\n    }\n\n    .-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-col-end-8,\n    .-col-end-9,\n    .-col-end-10,\n    .-col-end-11,\n    .-col-end-12 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1151px) {\n    .tablet-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .tablet-col-1 {\n      grid-column: span 1;\n    }\n\n    .tablet-col-2 {\n      grid-column: span 2;\n    }\n\n    .tablet-col-3 {\n      grid-column: span 3;\n    }\n\n    .tablet-col-4 {\n      grid-column: span 4;\n    }\n\n    .tablet-col-5 {\n      grid-column: span 5;\n    }\n\n    .tablet-col-6 {\n      grid-column: span 6;\n    }\n\n    .tablet-col-7 {\n      grid-column: span 7;\n    }\n\n    .tablet-col-8 {\n      grid-column: span 8;\n    }\n\n    .tablet-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .tablet-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .tablet-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .tablet-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .tablet-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .tablet-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .tablet-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .tablet-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .-tablet-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-tablet-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-tablet-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-tablet-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-tablet-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-tablet-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-tablet-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .tablet-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .tablet-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .tablet-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .tablet-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .tablet-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .tablet-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .tablet-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-tablet-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-tablet-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-tablet-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-tablet-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-tablet-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-tablet-col-end-8 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 1152px) {\n    .col-9 {\n      grid-column: span 9;\n    }\n\n    .col-10 {\n      grid-column: span 10;\n    }\n\n    .col-11 {\n      grid-column: span 11;\n    }\n\n    .col-12 {\n      grid-column: span 12;\n    }\n\n    .col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .-col-start-13 {\n      grid-column-start: -13;\n    }\n\n    .col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .col-end-13 {\n      grid-column-end: 13;\n    }\n\n    .-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1152px) and (max-width: 1365px) {\n    .desktop-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .desktop-col-1 {\n      grid-column: span 1;\n    }\n\n    .desktop-col-2 {\n      grid-column: span 2;\n    }\n\n    .desktop-col-3 {\n      grid-column: span 3;\n    }\n\n    .desktop-col-4 {\n      grid-column: span 4;\n    }\n\n    .desktop-col-5 {\n      grid-column: span 5;\n    }\n\n    .desktop-col-6 {\n      grid-column: span 6;\n    }\n\n    .desktop-col-7 {\n      grid-column: span 7;\n    }\n\n    .desktop-col-8 {\n      grid-column: span 8;\n    }\n\n    .desktop-col-9 {\n      grid-column: span 9;\n    }\n\n    .desktop-col-10 {\n      grid-column: span 10;\n    }\n\n    .desktop-col-11 {\n      grid-column: span 11;\n    }\n\n    .desktop-col-12 {\n      grid-column: span 12;\n    }\n\n    .desktop-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .desktop-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .desktop-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .desktop-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .desktop-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .desktop-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .desktop-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .desktop-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .desktop-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .desktop-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .desktop-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .desktop-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-desktop-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-desktop-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-desktop-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-desktop-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-desktop-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-desktop-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-desktop-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-desktop-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-desktop-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-desktop-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-desktop-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .desktop-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .desktop-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .desktop-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .desktop-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .desktop-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .desktop-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .desktop-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .desktop-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .desktop-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .desktop-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .desktop-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-desktop-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-desktop-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-desktop-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-desktop-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-desktop-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-desktop-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-desktop-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-desktop-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-desktop-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-desktop-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1366px) {\n    .wide-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .wide-col-1 {\n      grid-column: span 1;\n    }\n\n    .wide-col-2 {\n      grid-column: span 2;\n    }\n\n    .wide-col-3 {\n      grid-column: span 3;\n    }\n\n    .wide-col-4 {\n      grid-column: span 4;\n    }\n\n    .wide-col-5 {\n      grid-column: span 5;\n    }\n\n    .wide-col-6 {\n      grid-column: span 6;\n    }\n\n    .wide-col-7 {\n      grid-column: span 7;\n    }\n\n    .wide-col-8 {\n      grid-column: span 8;\n    }\n\n    .wide-col-9 {\n      grid-column: span 9;\n    }\n\n    .wide-col-10 {\n      grid-column: span 10;\n    }\n\n    .wide-col-11 {\n      grid-column: span 11;\n    }\n\n    .wide-col-12 {\n      grid-column: span 12;\n    }\n\n    .wide-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .wide-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .wide-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .wide-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .wide-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .wide-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .wide-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .wide-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .wide-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .wide-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .wide-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .wide-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-wide-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-wide-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-wide-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-wide-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-wide-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-wide-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-wide-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-wide-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-wide-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-wide-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-wide-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .wide-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .wide-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .wide-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .wide-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .wide-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .wide-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .wide-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .wide-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .wide-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .wide-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .wide-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-wide-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-wide-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-wide-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-wide-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-wide-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-wide-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-wide-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-wide-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-wide-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-wide-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n}\n\n/* Default size: big. Default color variant: primary01 */\n.z-fab {\n  --z-fab-right-offset: var(--grid-margin);\n  --z-fab-bottom-offset: var(--grid-margin);\n  --z-fab-icon-size: 20px;\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  position: fixed;\n  z-index: 1;\n  right: var(--z-fab-right-offset);\n  bottom: var(--z-fab-bottom-offset);\n  display: flex;\n  max-width: 48px;\n  box-sizing: border-box;\n  align-items: center;\n  padding: 14px;\n  background-color: var(--color-primary01);\n  border-radius: 24px;\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: 0;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.25;\n  transition: all 0.2s ease-in-out;\n}\n\n.z-fab:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton.z-fab {\n  border: none;\n}\n\na.z-fab {\n  text-decoration: none;\n}\n\n.z-fab.z-fab-small {\n  --z-fab-icon-size: 18px;\n\n  max-width: 42px;\n  padding: 12px;\n  border-radius: 21px;\n  font-size: var(--font-size-2);\n  line-height: 1.285;\n}\n\n.z-fab.z-fab-x-small {\n  --z-fab-icon-size: 16px;\n\n  max-width: 36px;\n  padding: 10px;\n  border-radius: 18px;\n  font-size: var(--font-size-1);\n  line-height: 1.333;\n}\n\n.z-fab.z-fab-extended {\n  max-width: 100%;\n  column-gap: var(--space-unit);\n}\n\n.z-fab.z-fab-extended.z-fab-x-small {\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n.z-fab.z-fab-extended > *:not(z-icon) {\n  opacity: 1;\n}\n\n/* color variants */\n.z-fab.z-fab-primary03 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-primary03);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface01 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-surface01);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface02 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-background);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface04 {\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  background-color: var(--color-surface04);\n  color: var(--color-text-inverse);\n}\n\n.z-fab z-icon {\n  --z-icon-width: var(--z-fab-icon-size);\n  --z-icon-height: var(--z-fab-icon-size);\n\n  fill: var(--z-fab-icon-fill);\n}\n\n.z-fab > *:not(z-icon) {\n  overflow: hidden;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  white-space: nowrap;\n}\n\n.z-fab.z-fab-extended > *:not(z-icon:first-child) {\n  opacity: 1;\n}\n\n@media (hover: hover) {\n  .z-fab.z-fab-extendable:hover {\n    max-width: 100%;\n    column-gap: var(--space-unit);\n  }\n\n  .z-fab.z-fab-extendable:hover > *:not(z-icon:first-child) {\n    opacity: 1;\n  }\n\n  .z-fab.z-fab-x-small.z-fab-extendable:hover {\n    column-gap: calc(var(--space-unit) / 2);\n  }\n}\n\n.z-label {\n  display: block;\n  padding-bottom: var(--space-unit);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-align: left;\n  text-transform: uppercase;\n}\n\nbutton.z-link {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n}\n\na.z-link,\nbutton.z-link {\n  display: inline-flex;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  line-height: inherit;\n  text-decoration: none;\n}\n\na.z-link.z-link-icon,\nbutton.z-link.z-link-icon {\n  --z-icon-width: 1.125em;\n  --z-icon-height: 1.125em;\n\n  align-items: center;\n  column-gap: 0.5em;\n}\n\na.z-link.z-link-sb,\nbutton.z-link.z-link-sb {\n  font-weight: var(--font-sb);\n}\n\na.z-link.z-link-underline,\nbutton.z-link.z-link-underline {\n  text-decoration: underline;\n}\n\na.z-link:hover,\nbutton.z-link:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link:active,\nbutton.z-link:active {\n  text-decoration: underline;\n}\n\na.z-link:focus-visible,\nbutton.z-link:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na.z-link.z-link-disabled,\nbutton.z-link.z-link-disabled {\n  box-shadow: none;\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  outline: none;\n  pointer-events: none;\n  text-decoration: none;\n}\n\na.z-link,\nbutton.z-link,\na.z-link.z-link-active,\nbutton.z-link.z-link-active,\na.z-link:hover,\nbutton.z-link:hover,\na.z-link.z-link-active:hover,\nbutton.z-link.z-link-active:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link.z-link-active:focus-visible,\nbutton.z-link.z-link-active:focus-visible,\na.z-link:active,\nbutton.z-link:active,\na.z-link.z-link-active:active,\nbutton.z-link.z-link-active:active,\na.z-link:visited,\nbutton.z-link:visited,\na.z-link.z-link-active:visited,\nbutton.z-link.z-link-active:visited {\n  color: var(--color-text-link-default);\n  fill: var(--color-text-link-default);\n}\n\na.z-link.z-link-blue,\nbutton.z-link.z-link-blue,\na.z-link.z-link-blue.z-link-active,\nbutton.z-link.z-link-blue.z-link-active {\n  color: var(--color-text-link-blue);\n  fill: var(--color-text-link-blue);\n}\n\na.z-link.z-link-red,\nbutton.z-link.z-link-red,\na.z-link.z-link-red.z-link-active,\nbutton.z-link.z-link-red.z-link-active {\n  color: var(--color-text-link-red);\n  fill: var(--color-text-link-red);\n}\n\na.z-link.z-link-inverse,\nbutton.z-link.z-link-inverse,\na.z-link.z-link-inverse.z-link-active,\nbutton.z-link.z-link-inverse.z-link-active {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:hover,\nbutton.z-link.z-link-blue:hover {\n  color: var(--color-text-link-blue-hover);\n  fill: var(--color-text-link-blue-hover);\n}\n\na.z-link.z-link-red:hover,\nbutton.z-link.z-link-red:hover {\n  color: var(--color-text-link-red-hover);\n  fill: var(--color-text-link-red-hover);\n}\n\na.z-link.z-link-inverse:hover,\nbutton.z-link.z-link-inverse:hover {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:active,\nbutton.z-link.z-link-blue:active,\na.z-link.z-link-blue:focus-visible,\nbutton.z-link.z-link-blue:focus-visible {\n  color: var(--color-text-link-blue-active);\n  fill: var(--color-text-link-blue-active);\n}\n\na.z-link.z-link-red:active,\nbutton.z-link.z-link-red:active,\na.z-link.z-link-red:focus-visible,\nbutton.z-link.z-link-red:focus-visible {\n  color: var(--color-text-link-red-active);\n  fill: var(--color-text-link-red-active);\n}\n\na.z-link.z-link-inverse:active,\nbutton.z-link.z-link-inverse:active,\na.z-link.z-link-inverse:focus-visible,\nbutton.z-link.z-link-inverse:focus-visible {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:visited,\nbutton.z-link.z-link-blue:visited {\n  color: var(--color-text-link-blue-visited);\n  fill: var(--color-text-link-blue-visited);\n}\n\na.z-link.z-link-red:visited,\nbutton.z-link.z-link-red:visited {\n  color: var(--color-text-link-red-visited);\n  fill: var(--color-text-link-red-visited);\n}\n\na.z-link.z-link-inverse:visited,\nbutton.z-link.z-link-inverse:visited {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\n/* Webkit Scrollbar */\n.z-scrollbar::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n:host([theme="dark"]) .z-scrollbar,\n.z-scrollbar--dark {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray600) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray600);\n  --z-scrollbar-thumb-color: var(--color-primary03);\n  --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n  --z-scrollbar-corner-color: transparent;\n}\n\n/* Firefox scrollbar */\n@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {\n  .z-scrollbar {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n\n  :host([theme="dark"]) .z-scrollbar,\n  .z-scrollbar--dark {\n    scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))\n      var(--z-scrollbar-track-color, var(--gray600));\n  }\n}\n\n\n\n:root,\n.theme-default {\n  --color-background: var(--gray50);\n  --shadow-focus-primary: 0 0 0 2px var(--color-white), 0 0 2px 5px var(--blue800);\n\n  /* primary */\n  --color-active-primary: var(--blue400);\n  --color-hover-primary: var(--blue800);\n  --color-pressed-primary: var(--blue400);\n  --color-primary01: var(--blue500);\n  --color-primary02: var(--blue25);\n  --color-primary03: var(--blue50);\n\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n  --color-button-secondary: var(--color-surface01);\n\n  /* surface */\n  --color-surface01: var(--color-white);\n  --color-surface02: var(--gray100);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray700);\n  --color-surface05: var(--gray900);\n\n  /* text */\n  --color-default-text: var(--gray900);\n  --color-hover-text: var(--gray800);\n  --color-pressed-text: var(--gray700);\n  --color-text-inverse: var(--color-white);\n  --color-text02: var(--gray100);\n  --color-text03: var(--gray300);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray300);\n  --color-disabled02: var(--gray100);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--blue400);\n  --color-default-icon: var(--gray900);\n  --color-disabled01-icon: var(--gray300);\n  --color-disabled02-icon: var(--gray100);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--color-black);\n  --color-hover-primary-icon: var(--blue800);\n  --color-inverse-icon: var(--color-white);\n  --color-pressed-icon: var(--gray700);\n  --color-primary01-icon: var(--blue500);\n\n  /* alert */\n  --color-default-error: var(--red500);\n  --color-default-success: var(--green500);\n  --color-default-warning: var(--yellow500);\n  --color-hover-error: var(--red800);\n  --color-hover-success: var(--green800);\n  --color-hover-warning: var(--yellow800);\n  --color-inverse-error: var(--red50);\n  --color-inverse-hover-error: var(--red500);\n  --color-inverse-hover-success: var(--green500);\n  --color-inverse-hover-warning: var(--yellow500);\n  --color-inverse-success: var(--green50);\n  --color-inverse-warning: var(--yellow50);\n\n  /* forms */\n  --color-form-active-primary: var(--blue400);\n  --color-form-background: var(--color-white);\n  --color-form-default-icon: var(--gray900);\n  --color-form-default-text: var(--gray900);\n  --color-form-disabled-text: var(--gray500);\n  --color-form-disabled01-icon: var(--gray500);\n  --color-form-disabled03: var(--gray500);\n  --color-form-hover-error: var(--red800);\n  --color-form-hover-primary: var(--blue800);\n  --color-form-hover-success: var(--green800);\n  --color-form-hover-warning: var(--yellow800);\n  --color-form-inverse-error: var(--red50);\n  --color-form-inverse-success: var(--green50);\n  --color-form-inverse-warning: var(--yellow50);\n  --color-form-placeholder-text: var(--gray600);\n  --color-form-success01: var(--green500);\n  --color-form-surface03: var(--gray200);\n  --color-form-surface04: var(--gray600);\n  --color-form-warning01: var(--yellow500);\n\n  /* links */\n  --color-text-link-blue: var(--blue500);\n  --color-text-link-blue-hover: var(--blue800);\n  --color-text-link-blue-active: var(--blue800);\n  --color-text-link-blue-visited: var(--blue800);\n  --color-text-link-blue-pressed: var(--blue400);\n  --color-text-link-red: var(--red500);\n  --color-text-link-red-hover: var(--red800);\n  --color-text-link-red-active: var(--red800);\n  --color-text-link-red-visited: var(--red800);\n  --color-text-link-red-pressed: var(--red400);\n  --color-text-link-inverse: var(--color-white);\n  --color-text-link-default: var(--gray900);\n}\n\n.theme-black {\n  /* primary */\n  --color-active-primary: var(--gray600);\n  --color-hover-primary: var(--gray700);\n  --color-pressed-primary: var(--gray600);\n  --color-primary01: var(--gray950);\n  --color-primary02: var(--gray100);\n  --color-primary03: var(--gray200);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray700);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray800);\n  --color-secondary02: var(--gray800);\n  --color-secondary03: var(--gray100);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray600);\n  --color-hover-primary-icon: var(--gray700);\n  --color-primary01-icon: var(--gray950);\n\n  /* forms */\n  --color-form-active-primary: var(--gray600);\n  --color-form-hover-primary: var(--gray700);\n}\n\n/* --- Black theme variants --- Use them in combination with `theme-black` css class: `<div class="theme-black theme-black--red">` */\n\n.theme-black.theme-black--red {\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n}\n\n.theme-black.theme-black--yellow {\n  /* secondary */\n  --color-active-secondary: var(--yellow400);\n  --color-hover-secondary: var(--yellow800);\n  --color-pressed-secondary: var(--yellow400);\n  --color-secondary01: var(--yellow500);\n  --color-secondary02: var(--yellow25);\n  --color-secondary03: var(--yellow50);\n}\n\n.theme-dark {\n  --color-background: var(--gray900);\n  --shadow-focus-primary: 0 0 0 2px var(--gray900), 0 0 2px 5px var(--blue25);\n\n  /* primary */\n  --color-active-primary: var(--gray25);\n  --color-hover-primary: var(--gray100);\n  --color-pressed-primary: var(--gray25);\n  --color-primary01: var(--color-white);\n  --color-primary02: var(--gray800);\n  --color-primary03: var(--gray700);\n\n  /* secondary */\n  --color-hover-secondary: var(--red200);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red900);\n  --color-secondary03: var(--red800);\n  --color-button-secondary: transparent;\n\n  /* surface */\n  --color-surface01: var(--gray900);\n  --color-surface02: var(--gray700);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray100);\n  --color-surface05: var(--color-white);\n\n  /* text */\n  --color-default-text: var(--gray100);\n  --color-hover-text: var(--gray300);\n  --color-pressed-text: var(--gray300);\n  --color-text-inverse: var(--gray900);\n  --color-text02: var(--gray900);\n  --color-text03: var(--gray700);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray700);\n  --color-disabled02: var(--gray900);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray300);\n  --color-default-icon: var(--gray100);\n  --color-disabled01-icon: var(--gray700);\n  --color-disabled02-icon: var(--gray900);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--gray300);\n  --color-hover-primary-icon: var(--gray300);\n  --color-inverse-icon: var(--gray900);\n  --color-pressed-icon: var(--gray300);\n  --color-primary01-icon: var(--color-white);\n\n  /* alert */\n  --color-default-error: var(--red200);\n  --color-default-success: var(--green200);\n  --color-default-warning: var(--yellow200);\n  --color-hover-error: var(--red50);\n  --color-hover-success: var(--green50);\n  --color-hover-warning: var(--yellow50);\n  --color-inverse-error: var(--red800);\n  --color-inverse-hover-error: var(--red200);\n  --color-inverse-hover-success: var(--green200);\n  --color-inverse-hover-warning: var(--yellow200);\n  --color-inverse-success: var(--green800);\n  --color-inverse-warning: var(--yellow800);\n\n  /* forms */\n  --color-form-active-primary: var(--gray800);\n  --color-form-hover-primary: var(--gray800);\n\n  /* links */\n  --color-text-link-blue-active: var(--color-white);\n  --color-text-link-blue-hover: var(--color-white);\n  --color-text-link-blue-pressed: var(--color-white);\n  --color-text-link-blue-visited: var(--color-white);\n  --color-text-link-blue: var(--color-white);\n  --color-text-link-default: var(--color-white);\n  --color-text-link-inverse: var(--gray900);\n  --color-text-link-red-active: var(--color-white);\n  --color-text-link-red-hover: var(--color-white);\n  --color-text-link-red-pressed: var(--color-white);\n  --color-text-link-red-visited: var(--color-white);\n  --color-text-link-red: var(--color-white);\n}\n\n.theme-red {\n  /* primary */\n  --color-active-primary: var(--red400);\n  --color-hover-primary: var(--red800);\n  --color-pressed-primary: var(--red400);\n  --color-primary01: var(--red500);\n  --color-primary02: var(--red25);\n  --color-primary03: var(--red50);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray800);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray500);\n  --color-secondary02: var(--gray25);\n  --color-secondary03: var(--gray50);\n\n  /* icons */\n  --color-active-primary-icon: var(--red400);\n  --color-hover-primary-icon: var(--red800);\n  --color-primary01-icon: var(--red500);\n\n  /* forms */\n  --color-form-active-primary: var(--red400);\n  --color-form-hover-primary: var(--red800);\n}\n\n\n/* Styles for stacked z-accordions */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\n/* all z-accordions with some sibling z-accordion */\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary)::before,\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content)::before {\n  border-radius: 0;\n}\n\n/* first z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:first-of-type:not(:only-of-type),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(content),\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(content)::before {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* last z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:last-of-type:not(:only-of-type),\nz-accordion[variant="background"]:last-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(content)::before {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n';var r="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";function l(n,e,t){const o=typeof HTMLElement!=="undefined"?HTMLElement.prototype:null;while(n&&n!==o){const o=Object.getOwnPropertyDescriptor(n,e);if(o&&(!t||o.get))return o;n=Object.getPrototypeOf(n)}return void 0}var a=(n,e)=>{var t;const o=e.t;const r=Object.entries((t=o.o)!=null?t:{});r.map((([t,[o]])=>{if(o&31||o&32){const o=n[t];const r=l(Object.getPrototypeOf(n),t,true)||Object.getOwnPropertyDescriptor(n,t);if(r){Object.defineProperty(n,t,{get(){return r.get.call(this)},set(n){r.set.call(this,n)},configurable:true,enumerable:true})}if(e.i.has(t)){n[t]=e.i.get(t)}else if(o!==void 0){n[t]=o}}}))};var s=n=>{if(n.__stencil__getHostRef){return n.__stencil__getHostRef()}return void 0};var c=(n,t)=>{if(!t)return;n.__stencil__getHostRef=()=>t;t.l=n;if(t.t.v&512&&e.state){a(n,t)}};var d=(n,e)=>{const t={v:0,$hostElement$:n,t:e,i:new Map,u:new Map};{t.h=new Promise((n=>t.m=n))}{t.p=new Promise((n=>t.k=n));n["s-p"]=[];n["s-rc"]=[]}{t.j=[]}const o=t;n.__stencil__getHostRef=()=>o;return o};var f=(n,e)=>e in n;var v=(n,e)=>(0,console.error)(n,e);var u=new Map;var g=(n,e,t)=>{const o=n.C.replace(/-/g,"_");const r=n.S;if(!r){return void 0}const i=u.get(r);if(i){return i[o]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((n=>{{u.set(r,n)}return n[o]}),(n=>{v(n,e.$hostElement$)}))};var b=new Map;var h="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p="http://www.w3.org/1999/xlink";var y=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var w=typeof window!=="undefined"?window:{};var z=w.HTMLElement||class{};var k={v:0,$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,o)=>n.addEventListener(e,t,o),rel:(n,e,t,o)=>n.removeEventListener(e,t,o),ce:(n,e)=>new CustomEvent(n,e)};var x=e.shadowDom;var j=(()=>{var n;let e=false;try{(n=w.document)==null?void 0:n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(n){}return e})();var C=n=>Promise.resolve(n);var S=(()=>{try{if(!w.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false})();var $=S?(()=>!!w.document&&Object.getOwnPropertyDescriptor(w.document.adoptedStyleSheets,"length").writable)():false;var O=false;var N=[];var E=[];var M=(n,e)=>t=>{n.push(t);if(!O){O=true;if(e&&k.v&4){_(R)}else{k.raf(R)}}};var T=n=>{for(let e=0;e<n.length;e++){try{n[e](performance.now())}catch(n){v(n)}}n.length=0};var R=()=>{T(N);{T(E);if(O=N.length>0){k.raf(R)}}};var _=n=>C().then(n);var L=M(E,true);function P(n){if(!S)return void 0;const e=new CSSStyleSheet;e.replaceSync(n);return e}var A;function D(n){var e;const t={mode:"open"};const r=this.attachShadow(t);if(A===void 0)A=(e=P(o))!=null?e:null;if(A){if($){r.adoptedStyleSheets.push(A)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,A]}}else if(!S){const n=document.createElement("style");n.innerHTML=o;r.prepend(n)}}var B=n=>{const e=en(n,"childNodes");if(n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&n.tagName!=="SLOT-FB"){U(e,n.tagName).forEach((n=>{if(n.nodeType===1&&n.tagName==="SLOT-FB"){if(H(n,q(n),false).length){n.hidden=true}else{n.hidden=false}}}))}let t=0;for(t=0;t<e.length;t++){const n=e[t];if(n.nodeType===1&&en(n,"childNodes").length){B(n)}}};var F=n=>{const e=[];for(let t=0;t<n.length;t++){const o=n[t]["s-nr"]||void 0;if(o&&o.isConnected){e.push(o)}}return e};function U(n,e,t){let o=0;let r=[];let i;for(;o<n.length;o++){i=n[o];if(i["s-sr"]&&(!e||i["s-hn"]===e)&&(t===void 0||q(i)===t)){r.push(i);if(typeof t!=="undefined")return r}r=[...r,...U(i.childNodes,e,t)]}return r}var H=(n,e,t=true)=>{const o=[];if(t&&n["s-sr"]||!n["s-sr"])o.push(n);let r=n;while(r=r.nextSibling){if(q(r)===e&&(t||!r["s-sr"]))o.push(r)}return o};var I=(n,e)=>{if(n.nodeType===1){if(n.getAttribute("slot")===null&&e===""){return true}if(n.getAttribute("slot")===e){return true}return false}if(n["s-sn"]===e){return true}return e===""};var W=(n,e,t,o)=>{if(n["s-ol"]&&n["s-ol"].isConnected){return}const r=document.createTextNode("");r["s-nr"]=n;if(!e["s-cr"]||!e["s-cr"].parentNode)return;const i=e["s-cr"].parentNode;const l=en(i,"appendChild");{l.call(i,r)}n["s-ol"]=r;n["s-sh"]=e["s-hn"]};var q=n=>typeof n["s-sn"]==="string"?n["s-sn"]:n.nodeType===1&&n.getAttribute("slot")||void 0;function V(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const e=e=>function(n){const t=[];const o=this["s-sn"];if(n==null?void 0:n.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const r=this["s-cr"].parentElement;const i=r.__childNodes?r.childNodes:F(r.childNodes);i.forEach((n=>{if(o===q(n)){t.push(n)}}));if(e){return t.filter((n=>n.nodeType===1))}return t}.bind(n);n.assignedElements=e(true);n.assignedNodes=e(false)}function Y(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function G(n,e){var t;e=e||((t=n["s-ol"])==null?void 0:t.parentElement);if(!e)return{slotNode:null,slotName:""};const o=n["s-sn"]=q(n)||"";const r=en(e,"childNodes");const i=U(r,e.tagName,o)[0];return{slotNode:i,slotName:o}}var Z=n=>{if(n.__cloneNode)return;const e=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const t=this;const o=t.shadowRoot&&x;const r=e.call(t,o?n:false);if(!o&&n){let n=0;let e,t;const o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const i=this.__childNodes||this.childNodes;for(;n<i.length;n++){e=i[n]["s-nr"];t=o.every((e=>!i[n][e]));if(e){if(r.__appendChild){r.__appendChild(e.cloneNode(true))}else{r.appendChild(e.cloneNode(true))}}if(t){r.appendChild(i[n].cloneNode(true))}}}return r}};var J=n=>{if(n.__appendChild)return;n.__appendChild=n.appendChild;n.appendChild=function(n){const{slotName:e,slotNode:t}=G(n,this);if(t){W(n,t);const o=H(t,e);const r=o[o.length-1];const i=en(r,"parentNode");const l=en(i,"insertBefore")(n,r.nextSibling);Y(t);B(this);return l}return this.__appendChild(n)}};var K=n=>{class e extends Array{item(n){return this[n]}}nn("children",n);Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>n.nodeType===1))}});Object.defineProperty(n,"childElementCount",{get(){return this.children.length}});nn("firstChild",n);Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}});nn("lastChild",n);Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});nn("childNodes",n);Object.defineProperty(n,"childNodes",{get(){const n=new e;n.push(...F(this.__childNodes));return n}})};var Q=["children","nextElementSibling","previousElementSibling"];var X=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function nn(n,e){if(!globalThis.Node||!globalThis.Element){return}let t;if(Q.includes(n)){t=Object.getOwnPropertyDescriptor(Element.prototype,n)}else if(X.includes(n)){t=Object.getOwnPropertyDescriptor(Node.prototype,n)}if(!t){t=Object.getOwnPropertyDescriptor(e,n)}if(t)Object.defineProperty(e,"__"+n,t)}function en(n,e){if("__"+e in n){const t=n["__"+e];if(typeof t!=="function")return t;return t.bind(n)}else{if(typeof n[e]!=="function")return n[e];return n[e].bind(n)}}var tn=(n,e="")=>{{return()=>{}}};var on=(n,e)=>{{return()=>{}}};function rn(n){var e,t,o;return(o=(t=(e=n.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?o:void 0}var ln=new WeakMap;var an=(n,e,t)=>{let o=b.get(n);if(S&&t){o=o||new CSSStyleSheet;if(typeof o==="string"){o=e}else{o.replaceSync(e)}}else{o=e}b.set(n,o)};var sn=(n,e,t)=>{var o,r,i;const l=dn(e);const a=b.get(l);if(!w.document){return l}n=n.nodeType===11?n:w.document;if(a){if(typeof a==="string"){n=n.head||n;let t=ln.get(n);let i;if(!t){ln.set(n,t=new Set)}if(!t.has(l)){i=w.document.createElement("style");i.textContent=a;const s=(o=k.O)!=null?o:rn(w.document);if(s!=null){i.setAttribute("nonce",s)}if(!(e.v&1)){if(n.nodeName==="HEAD"){const e=n.querySelectorAll("link[rel=preconnect]");const t=e.length>0?e[e.length-1].nextSibling:n.querySelector("style");n.insertBefore(i,(t==null?void 0:t.parentNode)===n?t:null)}else if("host"in n){if(S){const e=(r=n.defaultView)!=null?r:n.ownerDocument.defaultView;const t=new e.CSSStyleSheet;t.replaceSync(a);if($){n.adoptedStyleSheets.unshift(t)}else{n.adoptedStyleSheets=[t,...n.adoptedStyleSheets]}}else{const e=n.querySelector("style");if(e&&true){e.textContent=a+e.textContent}else{n.prepend(i)}}}else{n.append(i)}}if(e.v&1){n.insertBefore(i,null)}if(e.v&4){i.textContent+=m}if(t){t.add(l)}}}else{let e=ln.get(n);if(!e){ln.set(n,e=new Set)}if(!e.has(l)){const t=(i=n.defaultView)!=null?i:n.ownerDocument.defaultView;let o;if(a.constructor===t.CSSStyleSheet){o=a}else{o=new t.CSSStyleSheet;for(let n=0;n<a.cssRules.length;n++){o.insertRule(a.cssRules[n].cssText,n)}}if($){n.adoptedStyleSheets.push(o)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]}e.add(l)}}}return l};var cn=n=>{const e=n.t;const t=n.$hostElement$;const o=e.v;const r=tn("attachStyles",e.C);const i=sn(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);if(o&10){t["s-sc"]=i;t.classList.add(i+"-h")}r()};var dn=(n,e)=>"sc-"+n.C;var fn=n=>n!=null&&n!==void 0;var vn=n=>{n=typeof n;return n==="object"||n==="function"};var un=(n,e,...t)=>{if(typeof n==="string"){n=Ee(n)}let o=null;let r=null;let i=null;let l=false;let a=false;const s=[];const c=e=>{for(let t=0;t<e.length;t++){o=e[t];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(l=typeof n!=="function"&&!vn(o)){o=String(o)}if(l&&a){s[s.length-1].N+=o}else{s.push(l?gn(null,o):o)}a=l}}};c(t);if(e){if(e.key){r=e.key}if(e.name){i=e.name}{const n=e.className||e.class;if(n){e.class=typeof n!=="object"?n:Object.keys(n).filter((e=>n[e])).join(" ")}}}if(typeof n==="function"){return n(e===null?{}:e,s,mn)}const d=gn(n,null);d.M=e;if(s.length>0){d.T=s}{d.R=r}{d._=i}return d};var gn=(n,e)=>{const t={v:0,L:n,N:e!=null?e:null,P:null,T:null};{t.M=null}{t.R=null}{t._=null}return t};var bn={};var hn=n=>n&&n.L===bn;var mn={forEach:(n,e)=>n.map(pn).forEach(e),map:(n,e)=>n.map(pn).map(e).map(yn)};var pn=n=>({vattrs:n.M,vchildren:n.T,vkey:n.R,vname:n._,vtag:n.L,vtext:n.N});var yn=n=>{if(typeof n.vtag==="function"){const e={...n.vattrs};if(n.vkey){e.key=n.vkey}if(n.vname){e.name=n.vname}return un(n.vtag,e,...n.vchildren||[])}const e=gn(n.vtag,n.vtext);e.M=n.vattrs;e.T=n.vchildren;e.R=n.vkey;e._=n.vname;return e};var wn=(n,e,t)=>{if(n!=null&&!vn(n)){if(e&4){if(t&&typeof n==="string"){return n===""||!!n}else{return n==="false"?false:n===""||!!n}}if(e&2){return typeof n==="string"?parseFloat(n):typeof n==="number"?n:NaN}if(e&1){return String(n)}return n}return n};var zn=n=>{var e;return(e=s(n))==null?void 0:e.$hostElement$};var kn=(n,e,t)=>{const o=zn(n);return{emit:n=>xn(o,e,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:n})}};var xn=(n,e,t)=>{const o=k.ce(e,t);n.dispatchEvent(o);return o};var jn=(n,e,t,o,r,i,l)=>{if(t===o){return}let a=f(n,e);let c=e.toLowerCase();if(e==="class"){const e=n.classList;const r=Sn(t);let i=Sn(o);{e.remove(...r.filter((n=>n&&!i.includes(n))));e.add(...i.filter((n=>n&&!r.includes(n))))}}else if(e==="style"){{for(const e in t){if(!o||o[e]==null){if(e.includes("-")){n.style.removeProperty(e)}else{n.style[e]=""}}}}for(const e in o){if(!t||o[e]!==t[e]){if(e.includes("-")){n.style.setProperty(e,o[e])}else{n.style[e]=o[e]}}}}else if(e==="key");else if(e==="ref"){if(o){Qn(o,n)}}else if(!a&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(f(w,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(t||o){const r=e.endsWith($n);e=e.replace(On,"");if(t){k.rel(n,e,t,r)}if(o){k.ael(n,e,o,r)}}}else if(e[0]==="a"&&e.startsWith("attr:")){const t=e.slice(5);let r;{const e=s(n);if(e&&e.t&&e.t.o){const n=e.t.o[t];if(n&&n[1]){r=n[1]}}}if(!r){r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}if(o==null||o===false){if(o!==false||n.getAttribute(r)===""){n.removeAttribute(r)}}else{n.setAttribute(r,o===true?"":o)}return}else if(e[0]==="p"&&e.startsWith("prop:")){const t=e.slice(5);try{n[t]=o}catch(n){}return}else{const l=vn(o);if((a||l&&o!==null)&&!r){try{if(!n.tagName.includes("-")){const r=o==null?"":o;if(e==="list"){a=false}else if(t==null||n[e]!==r){if(typeof n.__lookupSetter__(e)==="function"){n[e]=r}else{n.setAttribute(e,r)}}}else if(n[e]!==o){n[e]=o}}catch(n){}}let s=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;s=true}}if(o==null||o===false){if(o!==false||n.getAttribute(e)===""){if(s){n.removeAttributeNS(p,e)}else{n.removeAttribute(e)}}}else if((!a||i&4||r)&&!l&&n.nodeType===1){o=o===true?"":o;if(s){n.setAttributeNS(p,e,o)}else{n.setAttribute(e,o)}}}};var Cn=/\s/;var Sn=n=>{if(typeof n==="object"&&n&&"baseVal"in n){n=n.baseVal}if(!n||typeof n!=="string"){return[]}return n.split(Cn)};var $n="Capture";var On=new RegExp($n+"$");var Nn=(n,e,t,o)=>{const r=e.P.nodeType===11&&e.P.host?e.P.host:e.P;const i=n&&n.M||{};const l=e.M||{};{for(const n of En(Object.keys(i))){if(!(n in l)){jn(r,n,i[n],void 0,t,e.v)}}}for(const n of En(Object.keys(l))){jn(r,n,i[n],l[n],t,e.v)}};function En(n){return n.includes("ref")?[...n.filter((n=>n!=="ref")),"ref"]:n}var Mn;var Tn;var Rn;var _n=false;var Ln=false;var Pn=false;var An=false;var Dn=[];var Bn=[];var Fn=(n,t,o)=>{var l;const a=t.T[o];let s=0;let c;let d;let f;if(!_n){Pn=true;if(a.L==="slot"){a.v|=a.T?2:1}}if(a.N!=null){c=a.P=w.document.createTextNode(a.N)}else if(a.v&1){c=a.P=w.document.createTextNode("");{Nn(null,a,An)}}else{if(!An){An=a.L==="svg"}if(!w.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}c=a.P=w.document.createElementNS(An?r:i,!_n&&e.slotRelocation&&a.v&2?"slot-fb":a.L);if(An&&a.L==="foreignObject"){An=false}{Nn(null,a,An)}if(fn(Mn)&&c["s-si"]!==Mn){c.classList.add(c["s-si"]=Mn)}if(a.T){const e=a.L==="template"?c.content:c;for(s=0;s<a.T.length;++s){d=Fn(n,a,s);if(d){e.appendChild(d)}}}{if(a.L==="svg"){An=false}else if(c.tagName==="foreignObject"){An=true}}}c["s-hn"]=Rn;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=Tn;c["s-sn"]=a._||"";c["s-rf"]=(l=a.M)==null?void 0:l.ref;V(c);f=n&&n.T&&n.T[o];if(f&&f.L===a.L&&n.P){Un(n.P)}{ee(Tn,c,t.P,n==null?void 0:n.P)}}}return c};var Un=n=>{k.v|=1;const e=n.closest(Rn.toLowerCase());if(e!=null){const t=Array.from(e.__childNodes||e.childNodes).find((n=>n["s-cr"]));const o=Array.from(n.__childNodes||n.childNodes);for(const n of t?o.reverse():o){if(n["s-sh"]!=null){ne(e,n,t!=null?t:null);n["s-sh"]=void 0;Pn=true}}}k.v&=-2};var Hn=(n,e)=>{k.v|=1;const t=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let e=n;while(e=e.nextSibling){if(e&&e["s-sn"]===n["s-sn"]&&e["s-sh"]===Rn){t.push(e)}}}for(let n=t.length-1;n>=0;n--){const o=t[n];if(o["s-hn"]!==Rn&&o["s-ol"]){ne(Yn(o).parentNode,o,Yn(o));o["s-ol"].remove();o["s-ol"]=void 0;o["s-sh"]=void 0;Pn=true}if(e){Hn(o,e)}}k.v&=-2};var In=(n,e,t,o,r,i)=>{let l=n["s-cr"]&&n["s-cr"].parentNode||n;let a;if(l.shadowRoot&&l.tagName===Rn){l=l.shadowRoot}if(t.L==="template"){l=l.content}for(;r<=i;++r){if(o[r]){a=Fn(null,t,r);if(a){o[r].P=a;ne(l,a,Yn(e))}}}};var Wn=(n,e,t)=>{for(let o=e;o<=t;++o){const e=n[o];if(e){const n=e.P;Kn(e);if(n){{Ln=true;if(n["s-ol"]){n["s-ol"].remove()}else{Hn(n,true)}}n.remove()}}}};var qn=(n,e,t,o,r=false)=>{let i=0;let l=0;let a=0;let s=0;let c=e.length-1;let d=e[0];let f=e[c];let v=o.length-1;let u=o[0];let g=o[v];let b;let h;const m=t.L==="template"?n.content:n;while(i<=c&&l<=v){if(d==null){d=e[++i]}else if(f==null){f=e[--c]}else if(u==null){u=o[++l]}else if(g==null){g=o[--v]}else if(Vn(d,u,r)){Gn(d,u,r);d=e[++i];u=o[++l]}else if(Vn(f,g,r)){Gn(f,g,r);f=e[--c];g=o[--v]}else if(Vn(d,g,r)){if(d.L==="slot"||g.L==="slot"){Hn(d.P.parentNode,false)}Gn(d,g,r);ne(m,d.P,f.P.nextSibling);d=e[++i];g=o[--v]}else if(Vn(f,u,r)){if(d.L==="slot"||g.L==="slot"){Hn(f.P.parentNode,false)}Gn(f,u,r);ne(m,f.P,d.P);f=e[--c];u=o[++l]}else{a=-1;{for(s=i;s<=c;++s){if(e[s]&&e[s].R!==null&&e[s].R===u.R){a=s;break}}}if(a>=0){h=e[a];if(h.L!==u.L){b=Fn(e&&e[l],t,a)}else{Gn(h,u,r);e[a]=void 0;b=h.P}u=o[++l]}else{b=Fn(e&&e[l],t,l);u=o[++l]}if(b){{ne(Yn(d.P).parentNode,b,Yn(d.P))}}}}if(i>c){In(n,o[v+1]==null?null:o[v+1].P,t,o,l,v)}else if(l>v){Wn(e,i,c)}};var Vn=(n,e,t=false)=>{if(n.L===e.L){if(n.L==="slot"){return n._===e._}if(!t){return n.R===e.R}if(t&&!n.R&&e.R){n.R=e.R}return true}return false};var Yn=n=>n&&n["s-ol"]||n;var Gn=(n,t,o=false)=>{const r=t.P=n.P;const i=n.T;const l=t.T;const a=t.L;const s=t.N;let c;if(s==null){{An=a==="svg"?true:a==="foreignObject"?false:An}{if(a==="slot"&&!_n){if(n._!==t._){t.P["s-sn"]=t._||"";Un(t.P.parentElement)}}Nn(n,t,An)}if(i!==null&&l!==null){qn(r,i,t,l,o)}else if(l!==null){if(n.N!==null){r.textContent=""}In(r,null,t,l,0,l.length-1)}else if(!o&&e.updatable&&i!==null){Wn(i,0,i.length-1)}else;if(An&&a==="svg"){An=false}}else if(c=r["s-cr"]){c.parentNode.textContent=s}else if(n.N!==s){r.data=s}};var Zn=[];var Jn=n=>{let e;let t;let o;const r=n.__childNodes||n.childNodes;for(const n of r){if(n["s-sr"]&&(e=n["s-cr"])&&e.parentNode){t=e.parentNode.__childNodes||e.parentNode.childNodes;const r=n["s-sn"];for(o=t.length-1;o>=0;o--){e=t[o];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==n["s-hn"]&&(!e["s-sh"]||e["s-sh"]!==n["s-hn"])){if(I(e,r)){let t=Zn.find((n=>n.A===e));Ln=true;e["s-sn"]=e["s-sn"]||r;if(t){t.A["s-sh"]=n["s-hn"];t.D=n}else{e["s-sh"]=n["s-hn"];Zn.push({D:n,A:e})}if(e["s-sr"]){Zn.map((n=>{if(I(n.A,e["s-sn"])){t=Zn.find((n=>n.A===e));if(t&&!n.D){n.D=t.D}}}))}}else if(!Zn.some((n=>n.A===e))){Zn.push({A:e})}}}}if(n.nodeType===1){Jn(n)}}};var Kn=n=>{{if(n.M&&n.M.ref){Dn.push((()=>n.M.ref(null)))}n.T&&n.T.map(Kn)}};var Qn=(n,e)=>{{Bn.push((()=>n(e)))}};var Xn=()=>{{Dn.forEach((n=>n()));Dn.length=0;Bn.forEach((n=>n()));Bn.length=0}};var ne=(n,e,t,o)=>{{if(typeof e["s-sn"]==="string"&&!!e["s-sr"]&&!!e["s-cr"]){ee(e["s-cr"],e,n,e.parentElement)}else if(typeof e["s-sn"]==="string"){n.insertBefore(e,t);const{slotNode:r}=G(e);if(r&&!o)Y(r);return e}}if(n.__insertBefore){return n.__insertBefore(e,t)}else{return n==null?void 0:n.insertBefore(e,t)}};function ee(n,e,t,o){var r,i;let l;if(n&&typeof e["s-sn"]==="string"&&!!e["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(l=e["s-si"]||n.parentNode["s-sc"])){const n=e["s-sn"];const a=e["s-hn"];(r=t.classList)==null?void 0:r.add(l+"-s");if(o&&((i=o.classList)==null?void 0:i.contains(l+"-s"))){let e=(o.__childNodes||o.childNodes)[0];let t=false;while(e){if(e["s-sn"]!==n&&e["s-hn"]===a&&!!e["s-sr"]){t=true;break}e=e.nextSibling}if(!t)o.classList.remove(l+"-s")}}}var te=(n,e,t=false)=>{var o,r,i,l,a;const s=n.$hostElement$;const c=n.t;const d=n.B||gn(null,null);const f=hn(e);const v=f?e:un(null,null,e);Rn=s.tagName;if(c.F){v.M=v.M||{};c.F.forEach((([n,e])=>{{v.M[e]=s[n]}}))}if(t&&v.M){for(const n of Object.keys(v.M)){if(s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)){v.M[n]=s[n]}}}v.L=null;v.v|=4;n.B=v;v.P=d.P=s.shadowRoot||s;{Mn=s["s-sc"]}_n=!!(c.v&1)&&!(c.v&128);{Tn=s["s-cr"];Ln=false}Gn(d,v,t);{k.v|=1;if(Pn){Jn(v.P);for(const n of Zn){const e=n.A;if(!e["s-ol"]&&w.document){const n=w.document.createTextNode("");n["s-nr"]=e;ne(e.parentNode,e["s-ol"]=n,e,t)}}for(const n of Zn){const e=n.A;const a=n.D;if(e.nodeType===1&&t){e["s-ih"]=(o=e.hidden)!=null?o:false}if(a){const n=a.parentNode;let o=a.nextSibling;if(o&&o.nodeType===1){let t=(r=e["s-ol"])==null?void 0:r.previousSibling;while(t){let r=(i=t["s-nr"])!=null?i:null;if(r&&r["s-sn"]===e["s-sn"]&&n===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===e||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){o=r;break}}t=t.previousSibling}}const s=e.__parentNode||e.parentNode;const c=e.__nextSibling||e.nextSibling;if(!o&&n!==s||c!==o){if(e!==o){ne(n,e,o,t);if(e.nodeType===8&&e.nodeValue.startsWith("s-nt-")){const n=w.document.createTextNode(e.nodeValue.replace(/^s-nt-/,""));n["s-hn"]=e["s-hn"];n["s-sn"]=e["s-sn"];n["s-sh"]=e["s-sh"];n["s-sr"]=e["s-sr"];n["s-ol"]=e["s-ol"];n["s-ol"]["s-nr"]=n;ne(e.parentNode,n,e,t);e.parentNode.removeChild(e)}if(e.nodeType===1&&e.tagName!=="SLOT-FB"){e.hidden=(l=e["s-ih"])!=null?l:false}}}e&&typeof a["s-rf"]==="function"&&a["s-rf"](a)}else if(e.nodeType===1){e.hidden=true}}}if(Ln){B(v.P)}k.v&=-2;Zn.length=0}if(!_n&&!(c.v&1)&&s["s-cr"]){const n=v.P.__childNodes||v.P.childNodes;for(const e of n){if(e["s-hn"]!==Rn&&!e["s-sh"]){if(t&&e["s-ih"]==null){e["s-ih"]=(a=e.hidden)!=null?a:false}if(e.nodeType===1){e.hidden=true}else if(e.nodeType===3&&!!e.nodeValue.trim()){const n=w.document.createComment("s-nt-"+e.nodeValue);n["s-sn"]=e["s-sn"];ne(e.parentNode,n,e,t);e.parentNode.removeChild(e)}}}}Tn=void 0;Xn()};var oe=(n,e)=>{if(e&&!n.U&&e["s-p"]){const t=e["s-p"].push(new Promise((o=>n.U=()=>{e["s-p"].splice(t-1,1);o()})))}};var re=(n,e)=>{{n.v|=16}if(n.v&4){n.v|=512;return}oe(n,n.H);const t=()=>ie(n,e);if(e){queueMicrotask((()=>{t()}));return}return L(t)};var ie=(n,e)=>{const t=n.$hostElement$;const o=tn("scheduleUpdate",n.t.C);const r=n.l;if(!r){throw new Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(e){{if(n.I){n.I=false;ve(r,"connectedCallback",void 0,t)}{n.v|=256;if(n.W){n.W.map((([n,e])=>ve(r,n,e,t)));n.W=void 0}}if(n.j.length){n.j.forEach((n=>n(t)))}}i=ve(r,"componentWillLoad",void 0,t)}else{i=ve(r,"componentWillUpdate",void 0,t)}i=le(i,(()=>ve(r,"componentWillRender",void 0,t)));o();return le(i,(()=>se(n,r,e)))};var le=(n,e)=>ae(n)?n.then(e).catch((n=>{console.error(n);e()})):e();var ae=n=>n instanceof Promise||n&&n.then&&typeof n.then==="function";var se=async(n,e,t)=>{var o;const r=n.$hostElement$;const i=tn("update",n.t.C);const l=r["s-rc"];if(t){cn(n)}const a=tn("render",n.t.C);{ce(n,e,r,t)}if(l){l.map((n=>n()));r["s-rc"]=void 0}a();i();{const e=(o=r["s-p"])!=null?o:[];const t=()=>de(n);if(e.length===0){t()}else{Promise.all(e).then(t).catch(t);n.v|=4;e.length=0}}};var ce=(n,e,t,o)=>{try{e=e.render();{n.v&=-17}{n.v|=2}{{{te(n,e,o)}}}}catch(e){v(e,n.$hostElement$)}return null};var de=n=>{const e=n.t.C;const t=n.$hostElement$;const o=tn("postUpdate",e);const r=n.l;const i=n.H;ve(r,"componentDidRender",void 0,t);if(!(n.v&64)){n.v|=64;{ue(t)}ve(r,"componentDidLoad",void 0,t);o();{n.k(t);if(!i){fe()}}}else{ve(r,"componentDidUpdate",void 0,t);o()}{n.m(t)}{if(n.U){n.U();n.U=void 0}if(n.v&512){_((()=>re(n,false)))}n.v&=-517}};var fe=e=>{_((()=>xn(w,"appload",{detail:{namespace:n}})))};var ve=(n,e,t,o)=>{if(n&&n[e]){try{return n[e](t)}catch(n){v(n,o)}}return void 0};var ue=n=>{var t;return n.classList.add((t=e.hydratedSelectorName)!=null?t:"hydrated")};var ge=(n,e)=>s(n).i.get(e);var be=(n,e,t,o)=>{const r=s(n);if(!r){return}if(!r){throw new Error(`Couldn't find host element for "${o.C}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const i=r.$hostElement$;const l=r.i.get(e);const a=r.v;const c=r.l;t=wn(t,o.o[e][0],!!(o.v&64));const d=Number.isNaN(l)&&Number.isNaN(t);const f=t!==l&&!d;if((!(a&8)||l===void 0)&&f){r.i.set(e,t);if(o.q){const n=o.q[e];if(n){n.map((n=>{try{const[[o,i]]=Object.entries(n);if(a&128||i&1){if(!c){r.j.push((()=>{r.l[o](t,l,e)}))}else{c[o](t,l,e)}}}catch(n){v(n,i)}}))}}if(a&2){if(c.componentShouldUpdate){const n=c.componentShouldUpdate(t,l,e);if(n===false&&!(a&16)){return}}if(!(a&16)){re(r,false)}}}};var he=(n,t,o)=>{var r,i;const a=n.prototype;if(t.v&64&&o&1){y.forEach((n=>{Object.defineProperty(a,n,{value(...e){var t;const o=s(this);const r=o==null?void 0:o.l;if(!r){(t=o==null?void 0:o.p)==null?void 0:t.then((t=>{const o=t[n];typeof o==="function"&&o.call(t,...e)}))}else{const t=r[n];typeof t==="function"&&t.call(r,...e)}}})}))}if(t.o||e.propChangeCallback){{if(n.watchers&&!t.q){t.q=n.watchers}if(n.deserializers&&!t.V){t.V=n.deserializers}if(n.serializers&&!t.Y){t.Y=n.serializers}}const c=Object.entries((r=t.o)!=null?r:{});c.map((([n,[e]])=>{if(e&31||o&2&&e&32){const{get:r,set:i}=l(a,n)||{};if(r)t.o[n][0]|=2048;if(i)t.o[n][0]|=4096;if(o&1||!r){Object.defineProperty(a,n,{get(){{if((t.o[n][0]&2048)===0){return ge(this,n)}const e=s(this);const o=e?e.l:a;if(!o)return;return o[n]}},configurable:true,enumerable:true})}Object.defineProperty(a,n,{set(r){const l=s(this);if(!l){return}if(i){const o=e&32?this[n]:l.$hostElement$[n];if(typeof o==="undefined"&&l.i.get(n)){r=l.i.get(n)}i.apply(this,[wn(r,e,!!(t.v&64))]);r=e&32?this[n]:l.$hostElement$[n];be(this,n,r,t);return}{if((o&1)===0||(t.o[n][0]&4096)===0){be(this,n,r,t);if(o&1&&!l.l){l.j.push((()=>{if(t.o[n][0]&4096&&l.l[n]!==l.i.get(n)){l.l[n]=r}}))}return}const i=()=>{const o=l.l[n];if(!l.i.get(n)&&o){l.i.set(n,o)}l.l[n]=wn(r,e,!!(t.v&64));be(this,n,l.l[n],t)};if(l.l){i()}else{l.j.push((()=>{i()}))}}}})}else if(o&1&&e&64){Object.defineProperty(a,n,{value(...e){var t;const o=s(this);return(t=o==null?void 0:o.h)==null?void 0:t.then((()=>{var t;return(t=o.l)==null?void 0:t[n](...e)}))}})}}));if(o&1){const o=new Map;a.attributeChangedCallback=function(n,r,i){k.jmp((()=>{var l;const d=o.get(n);const f=s(this);if(this.hasOwnProperty(d)&&e.lazyLoad){i=this[d];delete this[d]}if(a.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==i){return}else if(d==null){const e=f==null?void 0:f.v;if(f&&e&&!(e&8)&&i!==r){const o=f.l;const a=(l=t.q)==null?void 0:l[n];a==null?void 0:a.forEach((t=>{const[[l,a]]=Object.entries(t);if(o[l]!=null&&(e&128||a&1)){o[l].call(o,i,r,n)}}))}return}const v=c.find((([n])=>n===d));if(v&&v[1][0]&4){i=i===null||i==="false"?false:true}const u=Object.getOwnPropertyDescriptor(a,d);if(i!=this[d]&&(!u.get||!!u.set)){this[d]=i}}))};n.observedAttributes=Array.from(new Set([...Object.keys((i=t.q)!=null?i:{}),...c.filter((([n,e])=>e[0]&31)).map((([n,e])=>{var r;const i=e[1]||n;o.set(i,n);if(e[0]&512){(r=t.F)==null?void 0:r.push([n,i])}return i}))]))}}return n};var me=async(n,t,o,r)=>{let i;try{if((t.v&32)===0){t.v|=32;const r=o.S;if(r){const e=g(o,t);if(e&&"then"in e){const n=on();i=await e;n()}else{i=e}if(!i){throw new Error(`Constructor for "${o.C}#${t.G}" was not found`)}if(!i.isProxied){{o.q=i.watchers;o.Y=i.serializers;o.V=i.deserializers}he(i,o,2);i.isProxied=true}const r=tn("createInstance",o.C);{t.v|=8}try{new i(t)}catch(e){v(e,n)}{t.v&=-9}{t.v|=128}r();const l=o.v&4;if(!l){pe(t.l,n)}else{t.I=true}}else{i=n.constructor;const e=n.localName;customElements.whenDefined(e).then((()=>t.v|=128))}if(i&&i.style){let n;if(typeof i.style==="string"){n=i.style}const t=dn(o);if(!b.has(t)||e.hotModuleReplacement){const e=tn("registerStyles",o.C);an(t,n,!!(o.v&1));e()}}}const r=t.H;const l=()=>re(t,true);if(r&&r["s-rc"]){r["s-rc"].push(l)}else{l()}}catch(e){v(e,n);if(t.U){t.U();t.U=void 0}if(t.k){t.k(n)}}};var pe=(n,e)=>{{ve(n,"connectedCallback",void 0,e)}};var ye=n=>{if((k.v&1)===0){const e=s(n);if(!e){return}const t=e.t;const o=tn("connectedCallback",t.C);if(!(e.v&1)){e.v|=1;{if(t.v&(4|8)){we(n)}}{let t=n;while(t=t.parentNode||t.host){if(t["s-p"]){oe(e,e.H=t);break}}}if(t.o){Object.entries(t.o).map((([e,[t]])=>{if(t&31&&Object.prototype.hasOwnProperty.call(n,e)){const t=n[e];delete n[e];n[e]=t}}))}{me(n,e,t)}}else{Ce(n,e,t.Z);if(e==null?void 0:e.l){pe(e.l,n)}else if(e==null?void 0:e.p){e.p.then((()=>pe(e.l,n)))}}o()}};var we=n=>{if(!w.document){return}const e=n["s-cr"]=w.document.createComment("");e["s-cn"]=true;ne(n,e,n.firstChild)};var ze=(n,e)=>{{ve(n,"disconnectedCallback",void 0,e||n)}};var ke=async n=>{if((k.v&1)===0){const e=s(n);{if(e==null?void 0:e.J){e.J.map((n=>n()));e.J=void 0}}if(e==null?void 0:e.l){ze(e.l,n)}else if(e==null?void 0:e.p){e.p.then((()=>ze(e.l,n)))}}if(ln.has(n)){ln.delete(n)}if(n.shadowRoot&&ln.has(n.shadowRoot)){ln.delete(n.shadowRoot)}};var xe=(n,e={})=>{var t;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const o=tn();const r=[];const i=e.exclude||[];const l=w.customElements;const a=w.document.head;const c=a.querySelector("meta[charset]");const f=w.document.createElement("style");const v=[];let u;let g=true;Object.assign(k,e);k.$=new URL(e.resourcesUrl||"./",w.document.baseURI).href;let b=false;n.map((n=>{n[1].map((e=>{var t,o,a;const c={v:e[0],C:e[1],o:e[2],Z:e[3]};if(c.v&4){b=true}{c.o=e[2]}{c.Z=e[3]}{c.F=[]}{c.q=(t=e[4])!=null?t:{};c.Y=(o=e[5])!=null?o:{};c.V=(a=e[6])!=null?a:{}}const f=Ee(c.C);const h=class extends HTMLElement{["s-p"];["s-rc"];hasRegisteredEventListeners=false;constructor(n){super(n);n=this;d(n,c);if(c.v&1){{if(!n.shadowRoot){D.call(n,c)}else{if(n.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${c.C}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const n=s(this);if(!n){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ce(this,n,c.Z)}if(u){clearTimeout(u);u=null}if(g){v.push(this)}else{k.jmp((()=>ye(this)))}}disconnectedCallback(){k.jmp((()=>ke(this)));k.raf((()=>{var n;const e=s(this);if(!e){return}const t=v.findIndex((n=>n===this));if(t>-1){v.splice(t,1)}if(((n=e==null?void 0:e.B)==null?void 0:n.P)instanceof Node&&!e.B.P.isConnected){delete e.B.P}}))}componentOnReady(){var n;return(n=s(this))==null?void 0:n.p}};if(!(c.v&1)&&c.v&256){{{K(h.prototype)}{Z(h.prototype)}{J(h.prototype)}}}else{Z(h.prototype)}if(c.v&64){h.formAssociated=true}c.S=n[0];if(!i.includes(f)&&!l.get(f)){r.push(f);l.define(f,he(h,c,1))}}))}));if(r.length>0){if(b){f.textContent+=m}{f.textContent+=r.sort()+h}if(f.innerHTML.length){f.setAttribute("data-styles","");const n=(t=k.O)!=null?t:rn(w.document);if(n!=null){f.setAttribute("nonce",n)}a.insertBefore(f,c?c.nextSibling:a.firstChild)}}g=false;if(v.length){v.map((n=>n.connectedCallback()))}else{{k.jmp((()=>u=setTimeout(fe,30)))}}o()};var je=(n,e)=>e;var Ce=(n,e,t,o)=>{if(t&&w.document){t.map((([t,o,r])=>{const i=$e(w.document,n,t);const l=Se(e,r);const a=Oe(t);k.ael(i,o,l,a);(e.J=e.J||[]).push((()=>k.rel(i,o,l,a)))}))}};var Se=(n,e)=>t=>{var o;try{{if(n.v&256){(o=n.l)==null?void 0:o[e](t)}else{(n.W=n.W||[]).push([e,t])}}}catch(e){v(e,n.$hostElement$)}};var $e=(n,e,t)=>{if(t&4){return n}if(t&8){return w}if(t&16){return n.body}return e};var Oe=n=>j?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;var Ne=n=>k.O=n;function Ee(n){return n}export{je as F,bn as H,z as a,xe as b,kn as c,zn as d,t as g,un as h,C as p,c as r,Ne as s};
-//# sourceMappingURL=p-BEHxru6n.js.map
+const n="web-components-library";const e={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,shadowDom:true,slotRelocation:true,state:true,updatable:true};const t=()=>{};const o='@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");\n:root {\n  --gray950: #121212;\n  --gray900: #292929;\n  --gray800: #3d3d3d;\n  --gray700: #525252;\n  --gray600: #666;\n  --gray500: #9b9b9b;\n  --gray400: #adadad;\n  --gray300: #c2c2c2;\n  --gray200: #d6d6d6;\n  --gray100: #ebebeb;\n  --gray50: #f6f6f6;\n  --gray25: #fafafa;\n}\n\n:root {\n  --blue950: #001229;\n  --blue900: #001f46;\n  --blue800: #002c63;\n  --blue700: #003981;\n  --blue600: #0047a0;\n  --blue500: #0056c1;\n  --blue400: #2e76ce;\n  --blue300: #5893db;\n  --blue200: #82b0e7;\n  --blue100: #accdf3;\n  --blue50: #d6eaff;\n  --blue25: #ebf5ff;\n}\n\n:root {\n  --green950: #19200a;\n  --green900: #22330a;\n  --green800: #2b4808;\n  --green700: #355d06;\n  --green600: #407305;\n  --green500: #568818;\n  --green400: #6f9d2f;\n  --green300: #8ab14a;\n  --green200: #a6c66b;\n  --green100: #c3da92;\n  --green50: #effce0;\n  --green25: #f5fdec;\n}\n\n:root {\n  --yellow950: #33280f;\n  --yellow900: #5c4615;\n  --yellow800: #85641a;\n  --yellow700: #ab8125;\n  --yellow600: #d09e30;\n  --yellow500: #f6bb3b;\n  --yellow400: #f9c852;\n  --yellow300: #fbd468;\n  --yellow200: #fee17f;\n  --yellow150: #ffde72;\n  --yellow100: #ffea91;\n  --yellow50: #fbf4e6;\n  --yellow25: #fcf7ed;\n}\n\n:root {\n  --red950: #2a0005;\n  --red900: #4c0009;\n  --red800: #6f000d;\n  --red700: #940111;\n  --red600: #ba0115;\n  --red500: #e4011c;\n  --red400: #ec5163;\n  --red300: #f07a88;\n  --red200: #f49fa9;\n  --red100: #f8bfc4;\n  --red50: #fdeeed;\n  --red25: #fef6f6;\n}\n\n:root {\n  --avatar-C01: #99005b;\n  --avatar-C02: #b01300;\n  --avatar-C03: #e62200;\n  --avatar-C04: #7c4000;\n  --avatar-C05: #c25600;\n  --avatar-C06: #6e6d6d;\n  --avatar-C07: #667d00;\n  --avatar-C08: #008741;\n  --avatar-C09: #00612f;\n  --avatar-C10: #007d8a;\n  --avatar-C11: #007db3;\n  --avatar-C12: #00548c;\n  --avatar-C13: #0028b1;\n  --avatar-C14: #00019c;\n  --avatar-C15: #6400ee;\n  --avatar-C16: #5f3fff;\n  --avatar-C17: #8b00a5;\n  --avatar-C18: #b200ff;\n  --avatar-C19: #c700d6;\n}\n\n:root {\n  --subject-art: #7b7b06;\n  --subject-art_image: #7b7b06;\n  --subject-biology: #438454;\n  --subject-chemistry: #ba5191;\n  --subject-civics: #000080;\n  --subject-communication: #1777d5;\n  --subject-computer_science: #10893e;\n  --subject-earth_science: #8d3eb2;\n  --subject-economic: #004080;\n  --subject-english: #c25353;\n  --subject-food_science: #38846b;\n  --subject-french: #c25353;\n  --subject-geography: #378092;\n  --subject-german: #c25353;\n  --subject-grammar: #be5926;\n  --subject-graphic: #8e7406;\n  --subject-greek: #37818a;\n  --subject-history: #8b572a;\n  --subject-law: #b90000;\n  --subject-latin: #8b4513;\n  --subject-math: #266997;\n  --subject-natural_science: #318473;\n  --subject-philosophy: #5a189a;\n  --subject-physics: #4a7ba4;\n  --subject-science_middle_school: #3a7922;\n  --subject-spanish: #c25353;\n  --subject-technology: #138473;\n  --subject-topography: #ac6604;\n  --subject-technique: #752771;\n}\n\n\n\n:root {\n  --color-black: #000;\n  --color-white: #fff;\n}\n\n:root {\n  /* font-family */\n  --font-family-sans: "IBM Plex Sans", sans-serif;\n  --font-family-serif: "IBM Plex Serif", serif;\n\n  /* font-weight */\n  --font-lt: 300;\n  --font-rg: 400;\n  --font-sb: 600;\n  --font-bd: 700;\n\n  /* font-size type scale */\n  --font-size-1: 0.75rem; /* 12px */\n  --font-size-2: 0.875rem; /* 14px */\n  --font-size-3: 1rem; /* assuming 16px */\n  --font-size-4: 1.125rem; /* 18px */\n  --font-size-5: 1.25rem; /* 20px */\n  --font-size-6: 1.5rem; /* 24px */\n  --font-size-7: 1.75rem; /* 28px */\n  --font-size-8: 2rem; /* 32px */\n  --font-size-9: 2.25rem; /* 36px */\n  --font-size-10: 2.625rem; /* 42px */\n  --font-size-11: 3rem; /* 48px */\n  --font-size-12: 3.375rem; /* 54px */\n  --font-size-13: 3.75rem; /* 60px */\n  --font-size-14: 4.25rem; /* 68px */\n  --font-size-15: 4.75rem; /* 76px */\n  --font-size-16: 5.25rem; /* 84px */\n  --font-size-17: 5.75rem; /* 92px */\n\n  /* cssprops to use with `font` shorthand property */\n  --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n  --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n  --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n  --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n  --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n  --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n  font-size: var(--font-size-7);\n  font-weight: var(--font-rg);\n  line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n  font-size: var(--font-size-1);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n  font: var(--section-title-1);\n}\n\n.section-title-2 {\n  font: var(--section-title-2);\n}\n\n.section-title-3 {\n  font: var(--section-title-3);\n}\n\n.section-title-4 {\n  font: var(--section-title-4);\n}\n\n.section-title-5 {\n  font: var(--section-title-5);\n}\n\n.section-title-6 {\n  font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n  .heading-1,\n  .heading-1-sb,\n  .heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .heading-2,\n  .heading-2-sb,\n  .heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n  .mobile-heading-1,\n  .mobile-heading-1-sb,\n  .mobile-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .mobile-heading-2,\n  .mobile-heading-2-sb,\n  .mobile-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-3,\n  .mobile-heading-3-sb,\n  .mobile-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-4,\n  .mobile-heading-4-sb,\n  .mobile-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-1,\n  .mobile-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-2,\n  .mobile-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-3,\n  .mobile-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-4,\n  .mobile-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-body-5,\n  .mobile-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-interactive-1,\n  .mobile-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-interactive-2,\n  .mobile-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-interactive-3,\n  .mobile-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .mobile-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .mobile-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .mobile-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .mobile-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .mobile-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .mobile-heading-1-lt,\n  .mobile-heading-2-lt,\n  .mobile-heading-3-lt,\n  .mobile-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .mobile-heading-1-sb,\n  .mobile-heading-2-sb,\n  .mobile-heading-3-sb,\n  .mobile-heading-4-sb,\n  .mobile-body-1-sb,\n  .mobile-body-2-sb,\n  .mobile-body-3-sb,\n  .mobile-body-4-sb,\n  .mobile-body-5-sb,\n  .mobile-interactive-1-sb,\n  .mobile-interactive-2-sb,\n  .mobile-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  .tablet-heading-1,\n  .tablet-heading-1-sb,\n  .tablet-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .tablet-heading-2,\n  .tablet-heading-2-sb,\n  .tablet-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-3,\n  .tablet-heading-3-sb,\n  .tablet-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-4,\n  .tablet-heading-4-sb,\n  .tablet-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-1,\n  .tablet-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-2,\n  .tablet-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-3,\n  .tablet-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-4,\n  .tablet-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-body-5,\n  .tablet-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-interactive-1,\n  .tablet-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-interactive-2,\n  .tablet-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-interactive-3,\n  .tablet-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .tablet-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .tablet-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .tablet-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .tablet-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .tablet-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .tablet-heading-1-lt,\n  .tablet-heading-2-lt,\n  .tablet-heading-3-lt,\n  .tablet-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .tablet-heading-1-sb,\n  .tablet-heading-2-sb,\n  .tablet-heading-3-sb,\n  .tablet-heading-4-sb,\n  .tablet-body-1-sb,\n  .tablet-body-2-sb,\n  .tablet-body-3-sb,\n  .tablet-body-4-sb,\n  .tablet-body-5-sb,\n  .tablet-interactive-1-sb,\n  .tablet-interactive-2-sb,\n  .tablet-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  .desktop-heading-1,\n  .desktop-heading-1-sb,\n  .desktop-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .desktop-heading-2,\n  .desktop-heading-2-sb,\n  .desktop-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .desktop-heading-3,\n  .desktop-heading-3-sb,\n  .desktop-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .desktop-heading-4,\n  .desktop-heading-4-sb,\n  .desktop-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-1,\n  .desktop-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-2,\n  .desktop-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-3,\n  .desktop-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-4,\n  .desktop-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-body-5,\n  .desktop-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-interactive-1,\n  .desktop-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-interactive-2,\n  .desktop-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-interactive-3,\n  .desktop-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .desktop-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .desktop-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .desktop-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .desktop-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .desktop-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .desktop-heading-1-lt,\n  .desktop-heading-2-lt,\n  .desktop-heading-3-lt,\n  .desktop-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .desktop-heading-1-sb,\n  .desktop-heading-2-sb,\n  .desktop-heading-3-sb,\n  .desktop-heading-4-sb,\n  .desktop-body-1-sb,\n  .desktop-body-2-sb,\n  .desktop-body-3-sb,\n  .desktop-body-4-sb,\n  .desktop-body-5-sb,\n  .desktop-interactive-1-sb,\n  .desktop-interactive-2-sb,\n  .desktop-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .wide-heading-2,\n  .wide-heading-2-sb,\n  .wide-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .wide-heading-3,\n  .wide-heading-3-sb,\n  .wide-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .wide-heading-4,\n  .wide-heading-4-sb,\n  .wide-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-1,\n  .wide-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-2,\n  .wide-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-3,\n  .wide-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-4,\n  .wide-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-body-5,\n  .wide-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-interactive-1,\n  .wide-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-interactive-2,\n  .wide-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-interactive-3,\n  .wide-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .wide-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .wide-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .wide-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .wide-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .wide-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .wide-heading-1-lt,\n  .wide-heading-2-lt,\n  .wide-heading-3-lt,\n  .wide-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .wide-heading-1-sb,\n  .wide-heading-2-sb,\n  .wide-heading-3-sb,\n  .wide-heading-4-sb,\n  .wide-body-1-sb,\n  .wide-body-2-sb,\n  .wide-body-3-sb,\n  .wide-body-4-sb,\n  .wide-body-5-sb,\n  .wide-interactive-1-sb,\n  .wide-interactive-2-sb,\n  .wide-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n  font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n  font-weight: var(--font-sb);\n}\n\n:root {\n  --space-unit: 8px;\n}\n\n:root {\n  --shadow-color-base: rgb(61 61 61 / 35%);\n  --shadow-inset-2: inset 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-inset-4: inset 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-0: 0 0 0 0 var(--shadow-color-base);\n  --shadow-1: 0 1px 2px 0 var(--shadow-color-base);\n  --shadow-2: 0 2px 4px 0 var(--shadow-color-base);\n  --shadow-3: 0 3px 6px 0 var(--shadow-color-base);\n  --shadow-4: 0 4px 8px 0 var(--shadow-color-base);\n  --shadow-6: 0 6px 12px 0 var(--shadow-color-base);\n  --shadow-8: 0 8px 16px 0 var(--shadow-color-base);\n  --shadow-12: 0 12px 24px 0 var(--shadow-color-base);\n  --shadow-16: 0 16px 32px 0 var(--shadow-color-base);\n  --shadow-24: 0 24px 48px 0 var(--shadow-color-base);\n}\n\n:root {\n  --border-no-radius: 0;\n  --border-size-small: 1px;\n  --border-size-medium: 2px;\n  --border-size-large: 4px;\n  --border-radius-small: 2px;\n  --border-radius: 4px;\n}\n\n:root {\n  --grid-mobile-viewport: 768px;\n  --grid-mobile-column: 4;\n  --grid-mobile-margin: 16px;\n  --grid-mobile-gutter: 16px;\n  --grid-tablet-viewport: 768px;\n  --grid-tablet-column: 8;\n  --grid-tablet-margin: 24px;\n  --grid-tablet-gutter: 24px;\n  --grid-desktop-viewport: 1152px;\n  --grid-desktop-column: 12;\n  --grid-desktop-margin: 24px;\n  --grid-desktop-gutter: 24px;\n  --grid-wide-viewport: 1366px;\n  --grid-wide-column: 12;\n  --grid-wide-margin: 32px;\n  --grid-wide-gutter: 32px;\n  --page-max-width: 1366px;\n\n  /* These variables automatically adapt to the viewport size,\n    that apps don\'t have to worry about updating the value manually. */\n  --grid-margin: var(--grid-mobile-margin);\n  --grid-gutter: var(--grid-mobile-gutter);\n  --grid-columns: var(--grid-mobile-column);\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  :root {\n    --grid-margin: var(--grid-tablet-margin);\n    --grid-gutter: var(--grid-tablet-gutter);\n    --grid-columns: var(--grid-tablet-column);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  :root {\n    --grid-margin: var(--grid-desktop-margin);\n    --grid-gutter: var(--grid-desktop-gutter);\n    --grid-columns: var(--grid-desktop-column);\n  }\n}\n\n@media (min-width: 1366px) {\n  :root {\n    --grid-margin: var(--grid-wide-margin);\n    --grid-gutter: var(--grid-wide-gutter);\n    --grid-columns: var(--grid-wide-column);\n  }\n}\n\n.z-grid {\n  display: grid;\n  width: 100%;\n  column-gap: var(--grid-gutter);\n  grid-template-columns: repeat(var(--grid-columns), 1fr);\n\n  .col-full {\n    grid-column: 1 / -1;\n  }\n\n  .col-1 {\n    grid-column: span 1;\n  }\n\n  .col-2 {\n    grid-column: span 2;\n  }\n\n  .col-3 {\n    grid-column: span 3;\n  }\n\n  .col-4,\n  .col-5,\n  .col-6,\n  .col-7,\n  .col-8,\n  .col-9,\n  .col-10,\n  .col-11,\n  .col-12 {\n    grid-column: span 4;\n  }\n\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n\n  .col-start-3 {\n    grid-column-start: 3;\n  }\n\n  .col-start-4,\n  .col-start-5,\n  .col-start-6,\n  .col-start-7,\n  .col-start-8,\n  .col-start-9,\n  .col-start-10,\n  .col-start-11,\n  .col-start-12 {\n    grid-column-start: 4;\n  }\n\n  /*\n  .-col-start-1 is intentionally left out\n*/\n\n  .-col-start-2 {\n    grid-column-start: -2;\n  }\n\n  .-col-start-3 {\n    grid-column-start: -3;\n  }\n\n  .-col-start-4 {\n    grid-column-start: -4;\n  }\n\n  .-col-start-5,\n  .-col-start-6,\n  .-col-start-7,\n  .-col-start-8,\n  .-col-start-9,\n  .-col-start-10,\n  .-col-start-11,\n  .-col-start-12,\n  .-col-start-13 {\n    grid-column-start: -5;\n  }\n\n  .col-end-last {\n    grid-column-end: -1;\n  }\n\n  /*\n  .col-end-1 is intentionally left out\n*/\n\n  .col-end-2 {\n    grid-column-end: 2;\n  }\n\n  .col-end-3 {\n    grid-column-end: 3;\n  }\n\n  .col-end-4 {\n    grid-column-end: 4;\n  }\n\n  /*\n  This means "end this column where column 5 start",\n  which is the same as saying "end this column where column 4 end"\n*/\n  .col-end-5,\n  .col-end-6,\n  .col-end-7,\n  .col-end-8,\n  .col-end-9,\n  .col-end-10,\n  .col-end-11,\n  .col-end-12,\n  .col-end-13 {\n    grid-column-end: 5;\n  }\n\n  .-col-end-1 {\n    grid-column-end: -1;\n  }\n\n  .-col-end-2 {\n    grid-column-end: -2;\n  }\n\n  .-col-end-3 {\n    grid-column-end: -3;\n  }\n\n  .-col-end-4,\n  .-col-end-5,\n  .-col-end-6,\n  .-col-end-7,\n  .-col-end-8,\n  .-col-end-9,\n  .-col-end-10,\n  .-col-end-11,\n  .-col-end-12 {\n    grid-column-end: -4;\n  }\n\n  @media (max-width: 767px) {\n    .mobile-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .mobile-col-1 {\n      grid-column: span 1;\n    }\n\n    .mobile-col-2 {\n      grid-column: span 2;\n    }\n\n    .mobile-col-3 {\n      grid-column: span 3;\n    }\n\n    .mobile-col-4 {\n      grid-column: span 4;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .col-5 {\n      grid-column: span 5;\n    }\n\n    .col-6 {\n      grid-column: span 6;\n    }\n\n    .col-7 {\n      grid-column: span 7;\n    }\n\n    .col-8,\n    .col-9,\n    .col-10,\n    .col-11,\n    .col-12 {\n      grid-column: span 8;\n    }\n\n    .col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .col-start-8,\n    .col-start-9,\n    .col-start-10,\n    .col-start-11,\n    .col-start-12 {\n      grid-column-start: 8;\n    }\n\n    .-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-col-start-9,\n    .-col-start-10,\n    .-col-start-11,\n    .-col-start-12,\n    .-col-start-13 {\n      grid-column-start: -9;\n    }\n\n    .col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .col-end-9,\n    .col-end-10,\n    .col-end-11,\n    .col-end-12,\n    .col-end-13 {\n      grid-column-end: 9;\n    }\n\n    .-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-col-end-8,\n    .-col-end-9,\n    .-col-end-10,\n    .-col-end-11,\n    .-col-end-12 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1151px) {\n    .tablet-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .tablet-col-1 {\n      grid-column: span 1;\n    }\n\n    .tablet-col-2 {\n      grid-column: span 2;\n    }\n\n    .tablet-col-3 {\n      grid-column: span 3;\n    }\n\n    .tablet-col-4 {\n      grid-column: span 4;\n    }\n\n    .tablet-col-5 {\n      grid-column: span 5;\n    }\n\n    .tablet-col-6 {\n      grid-column: span 6;\n    }\n\n    .tablet-col-7 {\n      grid-column: span 7;\n    }\n\n    .tablet-col-8 {\n      grid-column: span 8;\n    }\n\n    .tablet-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .tablet-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .tablet-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .tablet-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .tablet-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .tablet-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .tablet-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .tablet-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .-tablet-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-tablet-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-tablet-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-tablet-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-tablet-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-tablet-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-tablet-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .tablet-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .tablet-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .tablet-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .tablet-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .tablet-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .tablet-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .tablet-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-tablet-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-tablet-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-tablet-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-tablet-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-tablet-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-tablet-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-tablet-col-end-8 {\n      grid-column-end: -8;\n    }\n  }\n\n  @media (min-width: 1152px) {\n    .col-9 {\n      grid-column: span 9;\n    }\n\n    .col-10 {\n      grid-column: span 10;\n    }\n\n    .col-11 {\n      grid-column: span 11;\n    }\n\n    .col-12 {\n      grid-column: span 12;\n    }\n\n    .col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .-col-start-13 {\n      grid-column-start: -13;\n    }\n\n    .col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .col-end-13 {\n      grid-column-end: 13;\n    }\n\n    .-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1152px) and (max-width: 1365px) {\n    .desktop-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .desktop-col-1 {\n      grid-column: span 1;\n    }\n\n    .desktop-col-2 {\n      grid-column: span 2;\n    }\n\n    .desktop-col-3 {\n      grid-column: span 3;\n    }\n\n    .desktop-col-4 {\n      grid-column: span 4;\n    }\n\n    .desktop-col-5 {\n      grid-column: span 5;\n    }\n\n    .desktop-col-6 {\n      grid-column: span 6;\n    }\n\n    .desktop-col-7 {\n      grid-column: span 7;\n    }\n\n    .desktop-col-8 {\n      grid-column: span 8;\n    }\n\n    .desktop-col-9 {\n      grid-column: span 9;\n    }\n\n    .desktop-col-10 {\n      grid-column: span 10;\n    }\n\n    .desktop-col-11 {\n      grid-column: span 11;\n    }\n\n    .desktop-col-12 {\n      grid-column: span 12;\n    }\n\n    .desktop-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .desktop-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .desktop-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .desktop-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .desktop-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .desktop-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .desktop-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .desktop-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .desktop-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .desktop-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .desktop-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .desktop-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-desktop-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-desktop-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-desktop-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-desktop-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-desktop-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-desktop-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-desktop-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-desktop-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-desktop-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-desktop-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-desktop-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .desktop-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .desktop-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .desktop-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .desktop-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .desktop-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .desktop-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .desktop-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .desktop-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .desktop-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .desktop-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .desktop-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-desktop-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-desktop-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-desktop-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-desktop-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-desktop-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-desktop-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-desktop-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-desktop-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-desktop-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-desktop-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-desktop-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n\n  @media (min-width: 1366px) {\n    .wide-col-full {\n      grid-column: 1 / -1;\n    }\n\n    .wide-col-1 {\n      grid-column: span 1;\n    }\n\n    .wide-col-2 {\n      grid-column: span 2;\n    }\n\n    .wide-col-3 {\n      grid-column: span 3;\n    }\n\n    .wide-col-4 {\n      grid-column: span 4;\n    }\n\n    .wide-col-5 {\n      grid-column: span 5;\n    }\n\n    .wide-col-6 {\n      grid-column: span 6;\n    }\n\n    .wide-col-7 {\n      grid-column: span 7;\n    }\n\n    .wide-col-8 {\n      grid-column: span 8;\n    }\n\n    .wide-col-9 {\n      grid-column: span 9;\n    }\n\n    .wide-col-10 {\n      grid-column: span 10;\n    }\n\n    .wide-col-11 {\n      grid-column: span 11;\n    }\n\n    .wide-col-12 {\n      grid-column: span 12;\n    }\n\n    .wide-col-start-1 {\n      grid-column-start: 1;\n    }\n\n    .wide-col-start-2 {\n      grid-column-start: 2;\n    }\n\n    .wide-col-start-3 {\n      grid-column-start: 3;\n    }\n\n    .wide-col-start-4 {\n      grid-column-start: 4;\n    }\n\n    .wide-col-start-5 {\n      grid-column-start: 5;\n    }\n\n    .wide-col-start-6 {\n      grid-column-start: 6;\n    }\n\n    .wide-col-start-7 {\n      grid-column-start: 7;\n    }\n\n    .wide-col-start-8 {\n      grid-column-start: 8;\n    }\n\n    .wide-col-start-9 {\n      grid-column-start: 9;\n    }\n\n    .wide-col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .wide-col-start-11 {\n      grid-column-start: 11;\n    }\n\n    .wide-col-start-12 {\n      grid-column-start: 12;\n    }\n\n    .-wide-col-start-2 {\n      grid-column-start: -2;\n    }\n\n    .-wide-col-start-3 {\n      grid-column-start: -3;\n    }\n\n    .-wide-col-start-4 {\n      grid-column-start: -4;\n    }\n\n    .-wide-col-start-5 {\n      grid-column-start: -5;\n    }\n\n    .-wide-col-start-6 {\n      grid-column-start: -6;\n    }\n\n    .-wide-col-start-7 {\n      grid-column-start: -7;\n    }\n\n    .-wide-col-start-8 {\n      grid-column-start: -8;\n    }\n\n    .-wide-col-start-9 {\n      grid-column-start: -9;\n    }\n\n    .-wide-col-start-10 {\n      grid-column-start: -10;\n    }\n\n    .-wide-col-start-11 {\n      grid-column-start: -11;\n    }\n\n    .-wide-col-start-12 {\n      grid-column-start: -12;\n    }\n\n    .wide-col-end-2 {\n      grid-column-end: 2;\n    }\n\n    .wide-col-end-3 {\n      grid-column-end: 3;\n    }\n\n    .wide-col-end-4 {\n      grid-column-end: 4;\n    }\n\n    .wide-col-end-6 {\n      grid-column-end: 6;\n    }\n\n    .wide-col-end-7 {\n      grid-column-end: 7;\n    }\n\n    .wide-col-end-8 {\n      grid-column-end: 8;\n    }\n\n    .wide-col-end-9 {\n      grid-column-end: 9;\n    }\n\n    .wide-col-end-10 {\n      grid-column-end: 10;\n    }\n\n    .wide-col-end-11 {\n      grid-column-end: 11;\n    }\n\n    .wide-col-end-12 {\n      grid-column-end: 12;\n    }\n\n    .wide-col-end-last {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-1 {\n      grid-column-end: -1;\n    }\n\n    .-wide-col-end-2 {\n      grid-column-end: -2;\n    }\n\n    .-wide-col-end-3 {\n      grid-column-end: -3;\n    }\n\n    .-wide-col-end-4 {\n      grid-column-end: -4;\n    }\n\n    .-wide-col-end-5 {\n      grid-column-end: -5;\n    }\n\n    .-wide-col-end-6 {\n      grid-column-end: -6;\n    }\n\n    .-wide-col-end-7 {\n      grid-column-end: -7;\n    }\n\n    .-wide-col-end-8 {\n      grid-column-end: -8;\n    }\n\n    .-wide-col-end-9 {\n      grid-column-end: -9;\n    }\n\n    .-wide-col-end-10 {\n      grid-column-end: -10;\n    }\n\n    .-wide-col-end-11 {\n      grid-column-end: -11;\n    }\n\n    .-wide-col-end-12 {\n      grid-column-end: -12;\n    }\n  }\n}\n\n/* Default size: big. Default color variant: primary01 */\n.z-fab {\n  --z-fab-right-offset: var(--grid-margin);\n  --z-fab-bottom-offset: var(--grid-margin);\n  --z-fab-icon-size: 20px;\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  position: fixed;\n  z-index: 1;\n  right: var(--z-fab-right-offset);\n  bottom: var(--z-fab-bottom-offset);\n  display: flex;\n  max-width: 48px;\n  box-sizing: border-box;\n  align-items: center;\n  padding: 14px;\n  background-color: var(--color-primary01);\n  border-radius: 24px;\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: 0;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.25;\n  transition: all 0.2s ease-in-out;\n}\n\n.z-fab:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nbutton.z-fab {\n  border: none;\n}\n\na.z-fab {\n  text-decoration: none;\n}\n\n.z-fab.z-fab-small {\n  --z-fab-icon-size: 18px;\n\n  max-width: 42px;\n  padding: 12px;\n  border-radius: 21px;\n  font-size: var(--font-size-2);\n  line-height: 1.285;\n}\n\n.z-fab.z-fab-x-small {\n  --z-fab-icon-size: 16px;\n\n  max-width: 36px;\n  padding: 10px;\n  border-radius: 18px;\n  font-size: var(--font-size-1);\n  line-height: 1.333;\n}\n\n.z-fab.z-fab-extended {\n  max-width: 100%;\n  column-gap: var(--space-unit);\n}\n\n.z-fab.z-fab-extended.z-fab-x-small {\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n.z-fab.z-fab-extended > *:not(z-icon) {\n  opacity: 1;\n}\n\n/* color variants */\n.z-fab.z-fab-primary03 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-primary03);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface01 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-surface01);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface02 {\n  --z-fab-icon-fill: var(--color-primary01-icon);\n\n  background-color: var(--color-background);\n  color: var(--color-primary01-icon);\n}\n\n.z-fab.z-fab-surface04 {\n  --z-fab-icon-fill: var(--color-inverse-icon);\n\n  background-color: var(--color-surface04);\n  color: var(--color-text-inverse);\n}\n\n.z-fab z-icon {\n  --z-icon-width: var(--z-fab-icon-size);\n  --z-icon-height: var(--z-fab-icon-size);\n\n  fill: var(--z-fab-icon-fill);\n}\n\n.z-fab > *:not(z-icon) {\n  overflow: hidden;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  white-space: nowrap;\n}\n\n.z-fab.z-fab-extended > *:not(z-icon:first-child) {\n  opacity: 1;\n}\n\n@media (hover: hover) {\n  .z-fab.z-fab-extendable:hover {\n    max-width: 100%;\n    column-gap: var(--space-unit);\n  }\n\n  .z-fab.z-fab-extendable:hover > *:not(z-icon:first-child) {\n    opacity: 1;\n  }\n\n  .z-fab.z-fab-x-small.z-fab-extendable:hover {\n    column-gap: calc(var(--space-unit) / 2);\n  }\n}\n\n.z-label {\n  display: block;\n  padding-bottom: var(--space-unit);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-align: left;\n  text-transform: uppercase;\n}\n\nbutton.z-link {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n}\n\na.z-link,\nbutton.z-link {\n  display: inline-flex;\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  line-height: inherit;\n  text-decoration: none;\n}\n\na.z-link.z-link-icon,\nbutton.z-link.z-link-icon {\n  --z-icon-width: 1.125em;\n  --z-icon-height: 1.125em;\n\n  align-items: center;\n  column-gap: 0.5em;\n}\n\na.z-link.z-link-sb,\nbutton.z-link.z-link-sb {\n  font-weight: var(--font-sb);\n}\n\na.z-link.z-link-underline,\nbutton.z-link.z-link-underline {\n  text-decoration: underline;\n}\n\na.z-link:hover,\nbutton.z-link:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link:active,\nbutton.z-link:active {\n  text-decoration: underline;\n}\n\na.z-link:focus-visible,\nbutton.z-link:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na.z-link.z-link-disabled,\nbutton.z-link.z-link-disabled {\n  box-shadow: none;\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  outline: none;\n  pointer-events: none;\n  text-decoration: none;\n}\n\na.z-link,\nbutton.z-link,\na.z-link.z-link-active,\nbutton.z-link.z-link-active,\na.z-link:hover,\nbutton.z-link:hover,\na.z-link.z-link-active:hover,\nbutton.z-link.z-link-active:hover,\na.z-link:focus-visible,\nbutton.z-link:focus-visible,\na.z-link.z-link-active:focus-visible,\nbutton.z-link.z-link-active:focus-visible,\na.z-link:active,\nbutton.z-link:active,\na.z-link.z-link-active:active,\nbutton.z-link.z-link-active:active,\na.z-link:visited,\nbutton.z-link:visited,\na.z-link.z-link-active:visited,\nbutton.z-link.z-link-active:visited {\n  color: var(--color-text-link-default);\n  fill: var(--color-text-link-default);\n}\n\na.z-link.z-link-blue,\nbutton.z-link.z-link-blue,\na.z-link.z-link-blue.z-link-active,\nbutton.z-link.z-link-blue.z-link-active {\n  color: var(--color-text-link-blue);\n  fill: var(--color-text-link-blue);\n}\n\na.z-link.z-link-red,\nbutton.z-link.z-link-red,\na.z-link.z-link-red.z-link-active,\nbutton.z-link.z-link-red.z-link-active {\n  color: var(--color-text-link-red);\n  fill: var(--color-text-link-red);\n}\n\na.z-link.z-link-inverse,\nbutton.z-link.z-link-inverse,\na.z-link.z-link-inverse.z-link-active,\nbutton.z-link.z-link-inverse.z-link-active {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:hover,\nbutton.z-link.z-link-blue:hover {\n  color: var(--color-text-link-blue-hover);\n  fill: var(--color-text-link-blue-hover);\n}\n\na.z-link.z-link-red:hover,\nbutton.z-link.z-link-red:hover {\n  color: var(--color-text-link-red-hover);\n  fill: var(--color-text-link-red-hover);\n}\n\na.z-link.z-link-inverse:hover,\nbutton.z-link.z-link-inverse:hover {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:active,\nbutton.z-link.z-link-blue:active,\na.z-link.z-link-blue:focus-visible,\nbutton.z-link.z-link-blue:focus-visible {\n  color: var(--color-text-link-blue-active);\n  fill: var(--color-text-link-blue-active);\n}\n\na.z-link.z-link-red:active,\nbutton.z-link.z-link-red:active,\na.z-link.z-link-red:focus-visible,\nbutton.z-link.z-link-red:focus-visible {\n  color: var(--color-text-link-red-active);\n  fill: var(--color-text-link-red-active);\n}\n\na.z-link.z-link-inverse:active,\nbutton.z-link.z-link-inverse:active,\na.z-link.z-link-inverse:focus-visible,\nbutton.z-link.z-link-inverse:focus-visible {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\na.z-link.z-link-blue:visited,\nbutton.z-link.z-link-blue:visited {\n  color: var(--color-text-link-blue-visited);\n  fill: var(--color-text-link-blue-visited);\n}\n\na.z-link.z-link-red:visited,\nbutton.z-link.z-link-red:visited {\n  color: var(--color-text-link-red-visited);\n  fill: var(--color-text-link-red-visited);\n}\n\na.z-link.z-link-inverse:visited,\nbutton.z-link.z-link-inverse:visited {\n  color: var(--color-text-link-inverse);\n  fill: var(--color-text-link-inverse);\n}\n\n/* Webkit Scrollbar */\n.z-scrollbar::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n:host([theme="dark"]) .z-scrollbar,\n.z-scrollbar--dark {\n  --z-scrollbar-track-gradient: linear-gradient(\n    to right,\n    transparent 0 1px,\n    var(--gray600) 1px 5px,\n    transparent 5px 6px\n  );\n  --z-scrollbar-track-color: var(--gray600);\n  --z-scrollbar-thumb-color: var(--color-primary03);\n  --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n  --z-scrollbar-corner-color: transparent;\n}\n\n/* Firefox scrollbar */\n@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {\n  .z-scrollbar {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n\n  :host([theme="dark"]) .z-scrollbar,\n  .z-scrollbar--dark {\n    scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))\n      var(--z-scrollbar-track-color, var(--gray600));\n  }\n}\n\nz-table,\ntable.z-table {\n  background-color: var(--color-surface01);\n\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n}\n\ntable.z-table {\n  border-collapse: collapse;\n}\n\nz-thead,\ntable.z-table thead {\n  background-color: var(--color-background);\n\n  --z-table--cells-bottom-border-size: var(--border-size-medium);\n}\n\nz-tfoot,\ntable.z-table tfoot {\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n}\n\nz-tfoot z-tr,\ntable.z-table tfoot tr {\n  border-bottom: calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important;\n}\n\nz-tr,\ntable.z-table tr {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\nz-td,\nz-th,\ntable.z-table td,\ntable.z-table th {\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n  text-align: left;\n}\n\nz-th:not(:first-child),\nz-td:not(:first-child),\ntable.z-table th:not(:first-child),\ntable.z-table td:not(:first-child) {\n  border-left: var(--z-table--cell-left-border, none);\n}\n\nz-table[bordered],\ntable.z-table.z-table-bordered {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n\ntable.z-table-hover > tbody > tr:hover > td,\ntable.z-table-hover > tfoot > tr:hover > td {\n  position: relative;\n  background-color: var(--color-surface02);\n}\n\ntable.z-table-hover > tbody > tr:hover > td::after,\ntable.z-table-hover > tfoot > tr:hover > td::after {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: -1px;\n  box-shadow:\n    inset 0 var(--border-size-small) 0 var(--color-surface04),\n    inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);\n  content: "";\n}\n\ntable.z-table-hover > tbody > tr:hover > td:first-child::after,\ntable.z-table-hover > thead > tr:hover > th:first-child::after,\ntable.z-table-hover > tfoot > tr:hover > td:first-child::after {\n  left: 0;\n}\n\n\n\n:root,\n.theme-default {\n  --color-background: var(--gray50);\n  --shadow-focus-primary: 0 0 0 2px var(--color-white), 0 0 2px 5px var(--blue800);\n\n  /* primary */\n  --color-active-primary: var(--blue400);\n  --color-hover-primary: var(--blue800);\n  --color-pressed-primary: var(--blue400);\n  --color-primary01: var(--blue500);\n  --color-primary02: var(--blue25);\n  --color-primary03: var(--blue50);\n\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n  --color-button-secondary: var(--color-surface01);\n\n  /* surface */\n  --color-surface01: var(--color-white);\n  --color-surface02: var(--gray100);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray700);\n  --color-surface05: var(--gray900);\n\n  /* text */\n  --color-default-text: var(--gray900);\n  --color-hover-text: var(--gray800);\n  --color-pressed-text: var(--gray700);\n  --color-text-inverse: var(--color-white);\n  --color-text02: var(--gray100);\n  --color-text03: var(--gray300);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray300);\n  --color-disabled02: var(--gray100);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--blue400);\n  --color-default-icon: var(--gray900);\n  --color-disabled01-icon: var(--gray300);\n  --color-disabled02-icon: var(--gray100);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--color-black);\n  --color-hover-primary-icon: var(--blue800);\n  --color-inverse-icon: var(--color-white);\n  --color-pressed-icon: var(--gray700);\n  --color-primary01-icon: var(--blue500);\n\n  /* alert */\n  --color-default-error: var(--red500);\n  --color-default-success: var(--green500);\n  --color-default-warning: var(--yellow500);\n  --color-hover-error: var(--red800);\n  --color-hover-success: var(--green800);\n  --color-hover-warning: var(--yellow800);\n  --color-inverse-error: var(--red50);\n  --color-inverse-hover-error: var(--red500);\n  --color-inverse-hover-success: var(--green500);\n  --color-inverse-hover-warning: var(--yellow500);\n  --color-inverse-success: var(--green50);\n  --color-inverse-warning: var(--yellow50);\n\n  /* forms */\n  --color-form-active-primary: var(--blue400);\n  --color-form-background: var(--color-white);\n  --color-form-default-icon: var(--gray900);\n  --color-form-default-text: var(--gray900);\n  --color-form-disabled-text: var(--gray500);\n  --color-form-disabled01-icon: var(--gray500);\n  --color-form-disabled03: var(--gray500);\n  --color-form-hover-error: var(--red800);\n  --color-form-hover-primary: var(--blue800);\n  --color-form-hover-success: var(--green800);\n  --color-form-hover-warning: var(--yellow800);\n  --color-form-inverse-error: var(--red50);\n  --color-form-inverse-success: var(--green50);\n  --color-form-inverse-warning: var(--yellow50);\n  --color-form-placeholder-text: var(--gray600);\n  --color-form-success01: var(--green500);\n  --color-form-surface03: var(--gray200);\n  --color-form-surface04: var(--gray600);\n  --color-form-warning01: var(--yellow500);\n\n  /* links */\n  --color-text-link-blue: var(--blue500);\n  --color-text-link-blue-hover: var(--blue800);\n  --color-text-link-blue-active: var(--blue800);\n  --color-text-link-blue-visited: var(--blue800);\n  --color-text-link-blue-pressed: var(--blue400);\n  --color-text-link-red: var(--red500);\n  --color-text-link-red-hover: var(--red800);\n  --color-text-link-red-active: var(--red800);\n  --color-text-link-red-visited: var(--red800);\n  --color-text-link-red-pressed: var(--red400);\n  --color-text-link-inverse: var(--color-white);\n  --color-text-link-default: var(--gray900);\n}\n\n.theme-black {\n  /* primary */\n  --color-active-primary: var(--gray600);\n  --color-hover-primary: var(--gray700);\n  --color-pressed-primary: var(--gray600);\n  --color-primary01: var(--gray950);\n  --color-primary02: var(--gray100);\n  --color-primary03: var(--gray200);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray700);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray800);\n  --color-secondary02: var(--gray800);\n  --color-secondary03: var(--gray100);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray600);\n  --color-hover-primary-icon: var(--gray700);\n  --color-primary01-icon: var(--gray950);\n\n  /* forms */\n  --color-form-active-primary: var(--gray600);\n  --color-form-hover-primary: var(--gray700);\n}\n\n/* --- Black theme variants --- Use them in combination with `theme-black` css class: `<div class="theme-black theme-black--red">` */\n\n.theme-black.theme-black--red {\n  /* secondary */\n  --color-active-secondary: var(--red400);\n  --color-hover-secondary: var(--red800);\n  --color-pressed-secondary: var(--red400);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red25);\n  --color-secondary03: var(--red50);\n}\n\n.theme-black.theme-black--yellow {\n  /* secondary */\n  --color-active-secondary: var(--yellow400);\n  --color-hover-secondary: var(--yellow800);\n  --color-pressed-secondary: var(--yellow400);\n  --color-secondary01: var(--yellow500);\n  --color-secondary02: var(--yellow25);\n  --color-secondary03: var(--yellow50);\n}\n\n.theme-dark {\n  --color-background: var(--gray900);\n  --shadow-focus-primary: 0 0 0 2px var(--gray900), 0 0 2px 5px var(--blue25);\n\n  /* primary */\n  --color-active-primary: var(--gray25);\n  --color-hover-primary: var(--gray100);\n  --color-pressed-primary: var(--gray25);\n  --color-primary01: var(--color-white);\n  --color-primary02: var(--gray800);\n  --color-primary03: var(--gray700);\n\n  /* secondary */\n  --color-hover-secondary: var(--red200);\n  --color-secondary01: var(--red500);\n  --color-secondary02: var(--red900);\n  --color-secondary03: var(--red800);\n  --color-button-secondary: transparent;\n\n  /* surface */\n  --color-surface01: var(--gray900);\n  --color-surface02: var(--gray700);\n  --color-surface03: var(--gray300);\n  --color-surface04: var(--gray100);\n  --color-surface05: var(--color-white);\n\n  /* text */\n  --color-default-text: var(--gray100);\n  --color-hover-text: var(--gray300);\n  --color-pressed-text: var(--gray300);\n  --color-text-inverse: var(--gray900);\n  --color-text02: var(--gray900);\n  --color-text03: var(--gray700);\n  --color-text05: var(--gray500);\n\n  /* disabled */\n  --color-disabled01: var(--gray700);\n  --color-disabled02: var(--gray900);\n  --color-disabled03: var(--gray500);\n\n  /* icons */\n  --color-active-primary-icon: var(--gray300);\n  --color-default-icon: var(--gray100);\n  --color-disabled01-icon: var(--gray700);\n  --color-disabled02-icon: var(--gray900);\n  --color-disabled03-icon: var(--gray500);\n  --color-hover-icon: var(--gray300);\n  --color-hover-primary-icon: var(--gray300);\n  --color-inverse-icon: var(--gray900);\n  --color-pressed-icon: var(--gray300);\n  --color-primary01-icon: var(--color-white);\n\n  /* alert */\n  --color-default-error: var(--red200);\n  --color-default-success: var(--green200);\n  --color-default-warning: var(--yellow200);\n  --color-hover-error: var(--red50);\n  --color-hover-success: var(--green50);\n  --color-hover-warning: var(--yellow50);\n  --color-inverse-error: var(--red800);\n  --color-inverse-hover-error: var(--red200);\n  --color-inverse-hover-success: var(--green200);\n  --color-inverse-hover-warning: var(--yellow200);\n  --color-inverse-success: var(--green800);\n  --color-inverse-warning: var(--yellow800);\n\n  /* forms */\n  --color-form-active-primary: var(--gray800);\n  --color-form-hover-primary: var(--gray800);\n\n  /* links */\n  --color-text-link-blue-active: var(--color-white);\n  --color-text-link-blue-hover: var(--color-white);\n  --color-text-link-blue-pressed: var(--color-white);\n  --color-text-link-blue-visited: var(--color-white);\n  --color-text-link-blue: var(--color-white);\n  --color-text-link-default: var(--color-white);\n  --color-text-link-inverse: var(--gray900);\n  --color-text-link-red-active: var(--color-white);\n  --color-text-link-red-hover: var(--color-white);\n  --color-text-link-red-pressed: var(--color-white);\n  --color-text-link-red-visited: var(--color-white);\n  --color-text-link-red: var(--color-white);\n}\n\n.theme-red {\n  /* primary */\n  --color-active-primary: var(--red400);\n  --color-hover-primary: var(--red800);\n  --color-pressed-primary: var(--red400);\n  --color-primary01: var(--red500);\n  --color-primary02: var(--red25);\n  --color-primary03: var(--red50);\n\n  /* secondary */\n  --color-active-secondary: var(--gray400);\n  --color-hover-secondary: var(--gray800);\n  --color-pressed-secondary: var(--gray400);\n  --color-secondary01: var(--gray500);\n  --color-secondary02: var(--gray25);\n  --color-secondary03: var(--gray50);\n\n  /* icons */\n  --color-active-primary-icon: var(--red400);\n  --color-hover-primary-icon: var(--red800);\n  --color-primary01-icon: var(--red500);\n\n  /* forms */\n  --color-form-active-primary: var(--red400);\n  --color-form-hover-primary: var(--red800);\n}\n\n\n/* Styles for stacked z-accordions */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\n/* all z-accordions with some sibling z-accordion */\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content),\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(summary)::before,\nz-accordion[variant="background"]:not(:first-of-type, :last-of-type)::part(content)::before {\n  border-radius: 0;\n}\n\n/* first z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:first-of-type:not(:only-of-type),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"]:first-of-type:not(:only-of-type)::part(content),\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:first-of-type:not(:only-of-type)::part(content)::before {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* last z-accordion with some sibling z-accordion */\nz-accordion[variant="background"]:last-of-type:not(:only-of-type),\nz-accordion[variant="background"]:last-of-type:not(:only-of-type)::part(summary),\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(summary)::before,\nz-accordion[variant="background"][highlight]:last-of-type:not(:only-of-type)::part(content)::before {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n';var r="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";function l(n,e,t){const o=typeof HTMLElement!=="undefined"?HTMLElement.prototype:null;while(n&&n!==o){const o=Object.getOwnPropertyDescriptor(n,e);if(o&&(!t||o.get))return o;n=Object.getPrototypeOf(n)}return void 0}var a=(n,e)=>{var t;const o=e.t;const r=Object.entries((t=o.o)!=null?t:{});r.map((([t,[o]])=>{if(o&31||o&32){const o=n[t];const r=l(Object.getPrototypeOf(n),t,true)||Object.getOwnPropertyDescriptor(n,t);if(r){Object.defineProperty(n,t,{get(){return r.get.call(this)},set(n){r.set.call(this,n)},configurable:true,enumerable:true})}if(e.i.has(t)){n[t]=e.i.get(t)}else if(o!==void 0){n[t]=o}}}))};var s=n=>{if(n.__stencil__getHostRef){return n.__stencil__getHostRef()}return void 0};var c=(n,t)=>{if(!t)return;n.__stencil__getHostRef=()=>t;t.l=n;if(t.t.v&512&&e.state){a(n,t)}};var d=(n,e)=>{const t={v:0,$hostElement$:n,t:e,i:new Map,u:new Map};{t.h=new Promise((n=>t.m=n))}{t.p=new Promise((n=>t.k=n));n["s-p"]=[];n["s-rc"]=[]}{t.j=[]}const o=t;n.__stencil__getHostRef=()=>o;return o};var f=(n,e)=>e in n;var v=(n,e)=>(0,console.error)(n,e);var u=new Map;var g=(n,e,t)=>{const o=n.C.replace(/-/g,"_");const r=n.S;if(!r){return void 0}const i=u.get(r);if(i){return i[o]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((n=>{{u.set(r,n)}return n[o]}),(n=>{v(n,e.$hostElement$)}))};var b=new Map;var h="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p="http://www.w3.org/1999/xlink";var y=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var z=typeof window!=="undefined"?window:{};var w=z.HTMLElement||class{};var k={v:0,$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,o)=>n.addEventListener(e,t,o),rel:(n,e,t,o)=>n.removeEventListener(e,t,o),ce:(n,e)=>new CustomEvent(n,e)};var x=e.shadowDom;var j=(()=>{var n;let e=false;try{(n=z.document)==null?void 0:n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(n){}return e})();var C=n=>Promise.resolve(n);var S=(()=>{try{if(!z.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false})();var $=S?(()=>!!z.document&&Object.getOwnPropertyDescriptor(z.document.adoptedStyleSheets,"length").writable)():false;var O=false;var N=[];var E=[];var M=(n,e)=>t=>{n.push(t);if(!O){O=true;if(e&&k.v&4){_(R)}else{k.raf(R)}}};var T=n=>{for(let e=0;e<n.length;e++){try{n[e](performance.now())}catch(n){v(n)}}n.length=0};var R=()=>{T(N);{T(E);if(O=N.length>0){k.raf(R)}}};var _=n=>C().then(n);var L=M(E,true);function P(n){if(!S)return void 0;const e=new CSSStyleSheet;e.replaceSync(n);return e}var A;function D(n){var e;const t={mode:"open"};const r=this.attachShadow(t);if(A===void 0)A=(e=P(o))!=null?e:null;if(A){if($){r.adoptedStyleSheets.push(A)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,A]}}else if(!S){const n=document.createElement("style");n.innerHTML=o;r.prepend(n)}}var B=n=>{const e=en(n,"childNodes");if(n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&n.tagName!=="SLOT-FB"){U(e,n.tagName).forEach((n=>{if(n.nodeType===1&&n.tagName==="SLOT-FB"){if(H(n,q(n),false).length){n.hidden=true}else{n.hidden=false}}}))}let t=0;for(t=0;t<e.length;t++){const n=e[t];if(n.nodeType===1&&en(n,"childNodes").length){B(n)}}};var F=n=>{const e=[];for(let t=0;t<n.length;t++){const o=n[t]["s-nr"]||void 0;if(o&&o.isConnected){e.push(o)}}return e};function U(n,e,t){let o=0;let r=[];let i;for(;o<n.length;o++){i=n[o];if(i["s-sr"]&&(!e||i["s-hn"]===e)&&(t===void 0||q(i)===t)){r.push(i);if(typeof t!=="undefined")return r}r=[...r,...U(i.childNodes,e,t)]}return r}var H=(n,e,t=true)=>{const o=[];if(t&&n["s-sr"]||!n["s-sr"])o.push(n);let r=n;while(r=r.nextSibling){if(q(r)===e&&(t||!r["s-sr"]))o.push(r)}return o};var I=(n,e)=>{if(n.nodeType===1){if(n.getAttribute("slot")===null&&e===""){return true}if(n.getAttribute("slot")===e){return true}return false}if(n["s-sn"]===e){return true}return e===""};var W=(n,e,t,o)=>{if(n["s-ol"]&&n["s-ol"].isConnected){return}const r=document.createTextNode("");r["s-nr"]=n;if(!e["s-cr"]||!e["s-cr"].parentNode)return;const i=e["s-cr"].parentNode;const l=en(i,"appendChild");{l.call(i,r)}n["s-ol"]=r;n["s-sh"]=e["s-hn"]};var q=n=>typeof n["s-sn"]==="string"?n["s-sn"]:n.nodeType===1&&n.getAttribute("slot")||void 0;function V(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const e=e=>function(n){const t=[];const o=this["s-sn"];if(n==null?void 0:n.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const r=this["s-cr"].parentElement;const i=r.__childNodes?r.childNodes:F(r.childNodes);i.forEach((n=>{if(o===q(n)){t.push(n)}}));if(e){return t.filter((n=>n.nodeType===1))}return t}.bind(n);n.assignedElements=e(true);n.assignedNodes=e(false)}function Y(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function G(n,e){var t;e=e||((t=n["s-ol"])==null?void 0:t.parentElement);if(!e)return{slotNode:null,slotName:""};const o=n["s-sn"]=q(n)||"";const r=en(e,"childNodes");const i=U(r,e.tagName,o)[0];return{slotNode:i,slotName:o}}var Z=n=>{if(n.__cloneNode)return;const e=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const t=this;const o=t.shadowRoot&&x;const r=e.call(t,o?n:false);if(!o&&n){let n=0;let e,t;const o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const i=this.__childNodes||this.childNodes;for(;n<i.length;n++){e=i[n]["s-nr"];t=o.every((e=>!i[n][e]));if(e){if(r.__appendChild){r.__appendChild(e.cloneNode(true))}else{r.appendChild(e.cloneNode(true))}}if(t){r.appendChild(i[n].cloneNode(true))}}}return r}};var J=n=>{if(n.__appendChild)return;n.__appendChild=n.appendChild;n.appendChild=function(n){const{slotName:e,slotNode:t}=G(n,this);if(t){W(n,t);const o=H(t,e);const r=o[o.length-1];const i=en(r,"parentNode");const l=en(i,"insertBefore")(n,r.nextSibling);Y(t);B(this);return l}return this.__appendChild(n)}};var K=n=>{class e extends Array{item(n){return this[n]}}nn("children",n);Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>n.nodeType===1))}});Object.defineProperty(n,"childElementCount",{get(){return this.children.length}});nn("firstChild",n);Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}});nn("lastChild",n);Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});nn("childNodes",n);Object.defineProperty(n,"childNodes",{get(){const n=new e;n.push(...F(this.__childNodes));return n}})};var Q=["children","nextElementSibling","previousElementSibling"];var X=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function nn(n,e){if(!globalThis.Node||!globalThis.Element){return}let t;if(Q.includes(n)){t=Object.getOwnPropertyDescriptor(Element.prototype,n)}else if(X.includes(n)){t=Object.getOwnPropertyDescriptor(Node.prototype,n)}if(!t){t=Object.getOwnPropertyDescriptor(e,n)}if(t)Object.defineProperty(e,"__"+n,t)}function en(n,e){if("__"+e in n){const t=n["__"+e];if(typeof t!=="function")return t;return t.bind(n)}else{if(typeof n[e]!=="function")return n[e];return n[e].bind(n)}}var tn=(n,e="")=>{{return()=>{}}};var on=(n,e)=>{{return()=>{}}};function rn(n){var e,t,o;return(o=(t=(e=n.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?o:void 0}var ln=new WeakMap;var an=(n,e,t)=>{let o=b.get(n);if(S&&t){o=o||new CSSStyleSheet;if(typeof o==="string"){o=e}else{o.replaceSync(e)}}else{o=e}b.set(n,o)};var sn=(n,e,t)=>{var o,r,i;const l=dn(e);const a=b.get(l);if(!z.document){return l}n=n.nodeType===11?n:z.document;if(a){if(typeof a==="string"){n=n.head||n;let t=ln.get(n);let i;if(!t){ln.set(n,t=new Set)}if(!t.has(l)){i=z.document.createElement("style");i.textContent=a;const s=(o=k.O)!=null?o:rn(z.document);if(s!=null){i.setAttribute("nonce",s)}if(!(e.v&1)){if(n.nodeName==="HEAD"){const e=n.querySelectorAll("link[rel=preconnect]");const t=e.length>0?e[e.length-1].nextSibling:n.querySelector("style");n.insertBefore(i,(t==null?void 0:t.parentNode)===n?t:null)}else if("host"in n){if(S){const e=(r=n.defaultView)!=null?r:n.ownerDocument.defaultView;const t=new e.CSSStyleSheet;t.replaceSync(a);if($){n.adoptedStyleSheets.unshift(t)}else{n.adoptedStyleSheets=[t,...n.adoptedStyleSheets]}}else{const e=n.querySelector("style");if(e&&true){e.textContent=a+e.textContent}else{n.prepend(i)}}}else{n.append(i)}}if(e.v&1){n.insertBefore(i,null)}if(e.v&4){i.textContent+=m}if(t){t.add(l)}}}else{let e=ln.get(n);if(!e){ln.set(n,e=new Set)}if(!e.has(l)){const t=(i=n.defaultView)!=null?i:n.ownerDocument.defaultView;let o;if(a.constructor===t.CSSStyleSheet){o=a}else{o=new t.CSSStyleSheet;for(let n=0;n<a.cssRules.length;n++){o.insertRule(a.cssRules[n].cssText,n)}}if($){n.adoptedStyleSheets.push(o)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]}e.add(l)}}}return l};var cn=n=>{const e=n.t;const t=n.$hostElement$;const o=e.v;const r=tn("attachStyles",e.C);const i=sn(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);if(o&10){t["s-sc"]=i;t.classList.add(i+"-h")}r()};var dn=(n,e)=>"sc-"+n.C;var fn=n=>n!=null&&n!==void 0;var vn=n=>{n=typeof n;return n==="object"||n==="function"};var un=(n,e,...t)=>{if(typeof n==="string"){n=Ee(n)}let o=null;let r=null;let i=null;let l=false;let a=false;const s=[];const c=e=>{for(let t=0;t<e.length;t++){o=e[t];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(l=typeof n!=="function"&&!vn(o)){o=String(o)}if(l&&a){s[s.length-1].N+=o}else{s.push(l?gn(null,o):o)}a=l}}};c(t);if(e){if(e.key){r=e.key}if(e.name){i=e.name}{const n=e.className||e.class;if(n){e.class=typeof n!=="object"?n:Object.keys(n).filter((e=>n[e])).join(" ")}}}if(typeof n==="function"){return n(e===null?{}:e,s,mn)}const d=gn(n,null);d.M=e;if(s.length>0){d.T=s}{d.R=r}{d._=i}return d};var gn=(n,e)=>{const t={v:0,L:n,N:e!=null?e:null,P:null,T:null};{t.M=null}{t.R=null}{t._=null}return t};var bn={};var hn=n=>n&&n.L===bn;var mn={forEach:(n,e)=>n.map(pn).forEach(e),map:(n,e)=>n.map(pn).map(e).map(yn)};var pn=n=>({vattrs:n.M,vchildren:n.T,vkey:n.R,vname:n._,vtag:n.L,vtext:n.N});var yn=n=>{if(typeof n.vtag==="function"){const e={...n.vattrs};if(n.vkey){e.key=n.vkey}if(n.vname){e.name=n.vname}return un(n.vtag,e,...n.vchildren||[])}const e=gn(n.vtag,n.vtext);e.M=n.vattrs;e.T=n.vchildren;e.R=n.vkey;e._=n.vname;return e};var zn=(n,e,t)=>{if(n!=null&&!vn(n)){if(e&4){if(t&&typeof n==="string"){return n===""||!!n}else{return n==="false"?false:n===""||!!n}}if(e&2){return typeof n==="string"?parseFloat(n):typeof n==="number"?n:NaN}if(e&1){return String(n)}return n}return n};var wn=n=>{var e;return(e=s(n))==null?void 0:e.$hostElement$};var kn=(n,e,t)=>{const o=wn(n);return{emit:n=>xn(o,e,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:n})}};var xn=(n,e,t)=>{const o=k.ce(e,t);n.dispatchEvent(o);return o};var jn=(n,e,t,o,r,i,l)=>{if(t===o){return}let a=f(n,e);let c=e.toLowerCase();if(e==="class"){const e=n.classList;const r=Sn(t);let i=Sn(o);{e.remove(...r.filter((n=>n&&!i.includes(n))));e.add(...i.filter((n=>n&&!r.includes(n))))}}else if(e==="style"){{for(const e in t){if(!o||o[e]==null){if(e.includes("-")){n.style.removeProperty(e)}else{n.style[e]=""}}}}for(const e in o){if(!t||o[e]!==t[e]){if(e.includes("-")){n.style.setProperty(e,o[e])}else{n.style[e]=o[e]}}}}else if(e==="key");else if(e==="ref"){if(o){Qn(o,n)}}else if(!a&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(f(z,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(t||o){const r=e.endsWith($n);e=e.replace(On,"");if(t){k.rel(n,e,t,r)}if(o){k.ael(n,e,o,r)}}}else if(e[0]==="a"&&e.startsWith("attr:")){const t=e.slice(5);let r;{const e=s(n);if(e&&e.t&&e.t.o){const n=e.t.o[t];if(n&&n[1]){r=n[1]}}}if(!r){r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}if(o==null||o===false){if(o!==false||n.getAttribute(r)===""){n.removeAttribute(r)}}else{n.setAttribute(r,o===true?"":o)}return}else if(e[0]==="p"&&e.startsWith("prop:")){const t=e.slice(5);try{n[t]=o}catch(n){}return}else{const l=vn(o);if((a||l&&o!==null)&&!r){try{if(!n.tagName.includes("-")){const r=o==null?"":o;if(e==="list"){a=false}else if(t==null||n[e]!==r){if(typeof n.__lookupSetter__(e)==="function"){n[e]=r}else{n.setAttribute(e,r)}}}else if(n[e]!==o){n[e]=o}}catch(n){}}let s=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;s=true}}if(o==null||o===false){if(o!==false||n.getAttribute(e)===""){if(s){n.removeAttributeNS(p,e)}else{n.removeAttribute(e)}}}else if((!a||i&4||r)&&!l&&n.nodeType===1){o=o===true?"":o;if(s){n.setAttributeNS(p,e,o)}else{n.setAttribute(e,o)}}}};var Cn=/\s/;var Sn=n=>{if(typeof n==="object"&&n&&"baseVal"in n){n=n.baseVal}if(!n||typeof n!=="string"){return[]}return n.split(Cn)};var $n="Capture";var On=new RegExp($n+"$");var Nn=(n,e,t,o)=>{const r=e.P.nodeType===11&&e.P.host?e.P.host:e.P;const i=n&&n.M||{};const l=e.M||{};{for(const n of En(Object.keys(i))){if(!(n in l)){jn(r,n,i[n],void 0,t,e.v)}}}for(const n of En(Object.keys(l))){jn(r,n,i[n],l[n],t,e.v)}};function En(n){return n.includes("ref")?[...n.filter((n=>n!=="ref")),"ref"]:n}var Mn;var Tn;var Rn;var _n=false;var Ln=false;var Pn=false;var An=false;var Dn=[];var Bn=[];var Fn=(n,t,o)=>{var l;const a=t.T[o];let s=0;let c;let d;let f;if(!_n){Pn=true;if(a.L==="slot"){a.v|=a.T?2:1}}if(a.N!=null){c=a.P=z.document.createTextNode(a.N)}else if(a.v&1){c=a.P=z.document.createTextNode("");{Nn(null,a,An)}}else{if(!An){An=a.L==="svg"}if(!z.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}c=a.P=z.document.createElementNS(An?r:i,!_n&&e.slotRelocation&&a.v&2?"slot-fb":a.L);if(An&&a.L==="foreignObject"){An=false}{Nn(null,a,An)}if(fn(Mn)&&c["s-si"]!==Mn){c.classList.add(c["s-si"]=Mn)}if(a.T){const e=a.L==="template"?c.content:c;for(s=0;s<a.T.length;++s){d=Fn(n,a,s);if(d){e.appendChild(d)}}}{if(a.L==="svg"){An=false}else if(c.tagName==="foreignObject"){An=true}}}c["s-hn"]=Rn;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=Tn;c["s-sn"]=a._||"";c["s-rf"]=(l=a.M)==null?void 0:l.ref;V(c);f=n&&n.T&&n.T[o];if(f&&f.L===a.L&&n.P){Un(n.P)}{ee(Tn,c,t.P,n==null?void 0:n.P)}}}return c};var Un=n=>{k.v|=1;const e=n.closest(Rn.toLowerCase());if(e!=null){const t=Array.from(e.__childNodes||e.childNodes).find((n=>n["s-cr"]));const o=Array.from(n.__childNodes||n.childNodes);for(const n of t?o.reverse():o){if(n["s-sh"]!=null){ne(e,n,t!=null?t:null);n["s-sh"]=void 0;Pn=true}}}k.v&=-2};var Hn=(n,e)=>{k.v|=1;const t=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let e=n;while(e=e.nextSibling){if(e&&e["s-sn"]===n["s-sn"]&&e["s-sh"]===Rn){t.push(e)}}}for(let n=t.length-1;n>=0;n--){const o=t[n];if(o["s-hn"]!==Rn&&o["s-ol"]){ne(Yn(o).parentNode,o,Yn(o));o["s-ol"].remove();o["s-ol"]=void 0;o["s-sh"]=void 0;Pn=true}if(e){Hn(o,e)}}k.v&=-2};var In=(n,e,t,o,r,i)=>{let l=n["s-cr"]&&n["s-cr"].parentNode||n;let a;if(l.shadowRoot&&l.tagName===Rn){l=l.shadowRoot}if(t.L==="template"){l=l.content}for(;r<=i;++r){if(o[r]){a=Fn(null,t,r);if(a){o[r].P=a;ne(l,a,Yn(e))}}}};var Wn=(n,e,t)=>{for(let o=e;o<=t;++o){const e=n[o];if(e){const n=e.P;Kn(e);if(n){{Ln=true;if(n["s-ol"]){n["s-ol"].remove()}else{Hn(n,true)}}n.remove()}}}};var qn=(n,e,t,o,r=false)=>{let i=0;let l=0;let a=0;let s=0;let c=e.length-1;let d=e[0];let f=e[c];let v=o.length-1;let u=o[0];let g=o[v];let b;let h;const m=t.L==="template"?n.content:n;while(i<=c&&l<=v){if(d==null){d=e[++i]}else if(f==null){f=e[--c]}else if(u==null){u=o[++l]}else if(g==null){g=o[--v]}else if(Vn(d,u,r)){Gn(d,u,r);d=e[++i];u=o[++l]}else if(Vn(f,g,r)){Gn(f,g,r);f=e[--c];g=o[--v]}else if(Vn(d,g,r)){if(d.L==="slot"||g.L==="slot"){Hn(d.P.parentNode,false)}Gn(d,g,r);ne(m,d.P,f.P.nextSibling);d=e[++i];g=o[--v]}else if(Vn(f,u,r)){if(d.L==="slot"||g.L==="slot"){Hn(f.P.parentNode,false)}Gn(f,u,r);ne(m,f.P,d.P);f=e[--c];u=o[++l]}else{a=-1;{for(s=i;s<=c;++s){if(e[s]&&e[s].R!==null&&e[s].R===u.R){a=s;break}}}if(a>=0){h=e[a];if(h.L!==u.L){b=Fn(e&&e[l],t,a)}else{Gn(h,u,r);e[a]=void 0;b=h.P}u=o[++l]}else{b=Fn(e&&e[l],t,l);u=o[++l]}if(b){{ne(Yn(d.P).parentNode,b,Yn(d.P))}}}}if(i>c){In(n,o[v+1]==null?null:o[v+1].P,t,o,l,v)}else if(l>v){Wn(e,i,c)}};var Vn=(n,e,t=false)=>{if(n.L===e.L){if(n.L==="slot"){return n._===e._}if(!t){return n.R===e.R}if(t&&!n.R&&e.R){n.R=e.R}return true}return false};var Yn=n=>n&&n["s-ol"]||n;var Gn=(n,t,o=false)=>{const r=t.P=n.P;const i=n.T;const l=t.T;const a=t.L;const s=t.N;let c;if(s==null){{An=a==="svg"?true:a==="foreignObject"?false:An}{if(a==="slot"&&!_n){if(n._!==t._){t.P["s-sn"]=t._||"";Un(t.P.parentElement)}}Nn(n,t,An)}if(i!==null&&l!==null){qn(r,i,t,l,o)}else if(l!==null){if(n.N!==null){r.textContent=""}In(r,null,t,l,0,l.length-1)}else if(!o&&e.updatable&&i!==null){Wn(i,0,i.length-1)}else;if(An&&a==="svg"){An=false}}else if(c=r["s-cr"]){c.parentNode.textContent=s}else if(n.N!==s){r.data=s}};var Zn=[];var Jn=n=>{let e;let t;let o;const r=n.__childNodes||n.childNodes;for(const n of r){if(n["s-sr"]&&(e=n["s-cr"])&&e.parentNode){t=e.parentNode.__childNodes||e.parentNode.childNodes;const r=n["s-sn"];for(o=t.length-1;o>=0;o--){e=t[o];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==n["s-hn"]&&(!e["s-sh"]||e["s-sh"]!==n["s-hn"])){if(I(e,r)){let t=Zn.find((n=>n.A===e));Ln=true;e["s-sn"]=e["s-sn"]||r;if(t){t.A["s-sh"]=n["s-hn"];t.D=n}else{e["s-sh"]=n["s-hn"];Zn.push({D:n,A:e})}if(e["s-sr"]){Zn.map((n=>{if(I(n.A,e["s-sn"])){t=Zn.find((n=>n.A===e));if(t&&!n.D){n.D=t.D}}}))}}else if(!Zn.some((n=>n.A===e))){Zn.push({A:e})}}}}if(n.nodeType===1){Jn(n)}}};var Kn=n=>{{if(n.M&&n.M.ref){Dn.push((()=>n.M.ref(null)))}n.T&&n.T.map(Kn)}};var Qn=(n,e)=>{{Bn.push((()=>n(e)))}};var Xn=()=>{{Dn.forEach((n=>n()));Dn.length=0;Bn.forEach((n=>n()));Bn.length=0}};var ne=(n,e,t,o)=>{{if(typeof e["s-sn"]==="string"&&!!e["s-sr"]&&!!e["s-cr"]){ee(e["s-cr"],e,n,e.parentElement)}else if(typeof e["s-sn"]==="string"){n.insertBefore(e,t);const{slotNode:r}=G(e);if(r&&!o)Y(r);return e}}if(n.__insertBefore){return n.__insertBefore(e,t)}else{return n==null?void 0:n.insertBefore(e,t)}};function ee(n,e,t,o){var r,i;let l;if(n&&typeof e["s-sn"]==="string"&&!!e["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(l=e["s-si"]||n.parentNode["s-sc"])){const n=e["s-sn"];const a=e["s-hn"];(r=t.classList)==null?void 0:r.add(l+"-s");if(o&&((i=o.classList)==null?void 0:i.contains(l+"-s"))){let e=(o.__childNodes||o.childNodes)[0];let t=false;while(e){if(e["s-sn"]!==n&&e["s-hn"]===a&&!!e["s-sr"]){t=true;break}e=e.nextSibling}if(!t)o.classList.remove(l+"-s")}}}var te=(n,e,t=false)=>{var o,r,i,l,a;const s=n.$hostElement$;const c=n.t;const d=n.B||gn(null,null);const f=hn(e);const v=f?e:un(null,null,e);Rn=s.tagName;if(c.F){v.M=v.M||{};c.F.forEach((([n,e])=>{{v.M[e]=s[n]}}))}if(t&&v.M){for(const n of Object.keys(v.M)){if(s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)){v.M[n]=s[n]}}}v.L=null;v.v|=4;n.B=v;v.P=d.P=s.shadowRoot||s;{Mn=s["s-sc"]}_n=!!(c.v&1)&&!(c.v&128);{Tn=s["s-cr"];Ln=false}Gn(d,v,t);{k.v|=1;if(Pn){Jn(v.P);for(const n of Zn){const e=n.A;if(!e["s-ol"]&&z.document){const n=z.document.createTextNode("");n["s-nr"]=e;ne(e.parentNode,e["s-ol"]=n,e,t)}}for(const n of Zn){const e=n.A;const a=n.D;if(e.nodeType===1&&t){e["s-ih"]=(o=e.hidden)!=null?o:false}if(a){const n=a.parentNode;let o=a.nextSibling;if(o&&o.nodeType===1){let t=(r=e["s-ol"])==null?void 0:r.previousSibling;while(t){let r=(i=t["s-nr"])!=null?i:null;if(r&&r["s-sn"]===e["s-sn"]&&n===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===e||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){o=r;break}}t=t.previousSibling}}const s=e.__parentNode||e.parentNode;const c=e.__nextSibling||e.nextSibling;if(!o&&n!==s||c!==o){if(e!==o){ne(n,e,o,t);if(e.nodeType===8&&e.nodeValue.startsWith("s-nt-")){const n=z.document.createTextNode(e.nodeValue.replace(/^s-nt-/,""));n["s-hn"]=e["s-hn"];n["s-sn"]=e["s-sn"];n["s-sh"]=e["s-sh"];n["s-sr"]=e["s-sr"];n["s-ol"]=e["s-ol"];n["s-ol"]["s-nr"]=n;ne(e.parentNode,n,e,t);e.parentNode.removeChild(e)}if(e.nodeType===1&&e.tagName!=="SLOT-FB"){e.hidden=(l=e["s-ih"])!=null?l:false}}}e&&typeof a["s-rf"]==="function"&&a["s-rf"](a)}else if(e.nodeType===1){e.hidden=true}}}if(Ln){B(v.P)}k.v&=-2;Zn.length=0}if(!_n&&!(c.v&1)&&s["s-cr"]){const n=v.P.__childNodes||v.P.childNodes;for(const e of n){if(e["s-hn"]!==Rn&&!e["s-sh"]){if(t&&e["s-ih"]==null){e["s-ih"]=(a=e.hidden)!=null?a:false}if(e.nodeType===1){e.hidden=true}else if(e.nodeType===3&&!!e.nodeValue.trim()){const n=z.document.createComment("s-nt-"+e.nodeValue);n["s-sn"]=e["s-sn"];ne(e.parentNode,n,e,t);e.parentNode.removeChild(e)}}}}Tn=void 0;Xn()};var oe=(n,e)=>{if(e&&!n.U&&e["s-p"]){const t=e["s-p"].push(new Promise((o=>n.U=()=>{e["s-p"].splice(t-1,1);o()})))}};var re=(n,e)=>{{n.v|=16}if(n.v&4){n.v|=512;return}oe(n,n.H);const t=()=>ie(n,e);if(e){queueMicrotask((()=>{t()}));return}return L(t)};var ie=(n,e)=>{const t=n.$hostElement$;const o=tn("scheduleUpdate",n.t.C);const r=n.l;if(!r){throw new Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(e){{if(n.I){n.I=false;ve(r,"connectedCallback",void 0,t)}{n.v|=256;if(n.W){n.W.map((([n,e])=>ve(r,n,e,t)));n.W=void 0}}if(n.j.length){n.j.forEach((n=>n(t)))}}i=ve(r,"componentWillLoad",void 0,t)}else{i=ve(r,"componentWillUpdate",void 0,t)}i=le(i,(()=>ve(r,"componentWillRender",void 0,t)));o();return le(i,(()=>se(n,r,e)))};var le=(n,e)=>ae(n)?n.then(e).catch((n=>{console.error(n);e()})):e();var ae=n=>n instanceof Promise||n&&n.then&&typeof n.then==="function";var se=async(n,e,t)=>{var o;const r=n.$hostElement$;const i=tn("update",n.t.C);const l=r["s-rc"];if(t){cn(n)}const a=tn("render",n.t.C);{ce(n,e,r,t)}if(l){l.map((n=>n()));r["s-rc"]=void 0}a();i();{const e=(o=r["s-p"])!=null?o:[];const t=()=>de(n);if(e.length===0){t()}else{Promise.all(e).then(t).catch(t);n.v|=4;e.length=0}}};var ce=(n,e,t,o)=>{try{e=e.render();{n.v&=-17}{n.v|=2}{{{te(n,e,o)}}}}catch(e){v(e,n.$hostElement$)}return null};var de=n=>{const e=n.t.C;const t=n.$hostElement$;const o=tn("postUpdate",e);const r=n.l;const i=n.H;ve(r,"componentDidRender",void 0,t);if(!(n.v&64)){n.v|=64;{ue(t)}ve(r,"componentDidLoad",void 0,t);o();{n.k(t);if(!i){fe()}}}else{ve(r,"componentDidUpdate",void 0,t);o()}{n.m(t)}{if(n.U){n.U();n.U=void 0}if(n.v&512){_((()=>re(n,false)))}n.v&=-517}};var fe=e=>{_((()=>xn(z,"appload",{detail:{namespace:n}})))};var ve=(n,e,t,o)=>{if(n&&n[e]){try{return n[e](t)}catch(n){v(n,o)}}return void 0};var ue=n=>{var t;return n.classList.add((t=e.hydratedSelectorName)!=null?t:"hydrated")};var ge=(n,e)=>s(n).i.get(e);var be=(n,e,t,o)=>{const r=s(n);if(!r){return}if(!r){throw new Error(`Couldn't find host element for "${o.C}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const i=r.$hostElement$;const l=r.i.get(e);const a=r.v;const c=r.l;t=zn(t,o.o[e][0],!!(o.v&64));const d=Number.isNaN(l)&&Number.isNaN(t);const f=t!==l&&!d;if((!(a&8)||l===void 0)&&f){r.i.set(e,t);if(o.q){const n=o.q[e];if(n){n.map((n=>{try{const[[o,i]]=Object.entries(n);if(a&128||i&1){if(!c){r.j.push((()=>{r.l[o](t,l,e)}))}else{c[o](t,l,e)}}}catch(n){v(n,i)}}))}}if(a&2){if(c.componentShouldUpdate){const n=c.componentShouldUpdate(t,l,e);if(n===false&&!(a&16)){return}}if(!(a&16)){re(r,false)}}}};var he=(n,t,o)=>{var r,i;const a=n.prototype;if(t.v&64&&o&1){y.forEach((n=>{Object.defineProperty(a,n,{value(...e){var t;const o=s(this);const r=o==null?void 0:o.l;if(!r){(t=o==null?void 0:o.p)==null?void 0:t.then((t=>{const o=t[n];typeof o==="function"&&o.call(t,...e)}))}else{const t=r[n];typeof t==="function"&&t.call(r,...e)}}})}))}if(t.o||e.propChangeCallback){{if(n.watchers&&!t.q){t.q=n.watchers}if(n.deserializers&&!t.V){t.V=n.deserializers}if(n.serializers&&!t.Y){t.Y=n.serializers}}const c=Object.entries((r=t.o)!=null?r:{});c.map((([n,[e]])=>{if(e&31||o&2&&e&32){const{get:r,set:i}=l(a,n)||{};if(r)t.o[n][0]|=2048;if(i)t.o[n][0]|=4096;if(o&1||!r){Object.defineProperty(a,n,{get(){{if((t.o[n][0]&2048)===0){return ge(this,n)}const e=s(this);const o=e?e.l:a;if(!o)return;return o[n]}},configurable:true,enumerable:true})}Object.defineProperty(a,n,{set(r){const l=s(this);if(!l){return}if(i){const o=e&32?this[n]:l.$hostElement$[n];if(typeof o==="undefined"&&l.i.get(n)){r=l.i.get(n)}i.apply(this,[zn(r,e,!!(t.v&64))]);r=e&32?this[n]:l.$hostElement$[n];be(this,n,r,t);return}{if((o&1)===0||(t.o[n][0]&4096)===0){be(this,n,r,t);if(o&1&&!l.l){l.j.push((()=>{if(t.o[n][0]&4096&&l.l[n]!==l.i.get(n)){l.l[n]=r}}))}return}const i=()=>{const o=l.l[n];if(!l.i.get(n)&&o){l.i.set(n,o)}l.l[n]=zn(r,e,!!(t.v&64));be(this,n,l.l[n],t)};if(l.l){i()}else{l.j.push((()=>{i()}))}}}})}else if(o&1&&e&64){Object.defineProperty(a,n,{value(...e){var t;const o=s(this);return(t=o==null?void 0:o.h)==null?void 0:t.then((()=>{var t;return(t=o.l)==null?void 0:t[n](...e)}))}})}}));if(o&1){const o=new Map;a.attributeChangedCallback=function(n,r,i){k.jmp((()=>{var l;const d=o.get(n);const f=s(this);if(this.hasOwnProperty(d)&&e.lazyLoad){i=this[d];delete this[d]}if(a.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==i){return}else if(d==null){const e=f==null?void 0:f.v;if(f&&e&&!(e&8)&&i!==r){const o=f.l;const a=(l=t.q)==null?void 0:l[n];a==null?void 0:a.forEach((t=>{const[[l,a]]=Object.entries(t);if(o[l]!=null&&(e&128||a&1)){o[l].call(o,i,r,n)}}))}return}const v=c.find((([n])=>n===d));if(v&&v[1][0]&4){i=i===null||i==="false"?false:true}const u=Object.getOwnPropertyDescriptor(a,d);if(i!=this[d]&&(!u.get||!!u.set)){this[d]=i}}))};n.observedAttributes=Array.from(new Set([...Object.keys((i=t.q)!=null?i:{}),...c.filter((([n,e])=>e[0]&31)).map((([n,e])=>{var r;const i=e[1]||n;o.set(i,n);if(e[0]&512){(r=t.F)==null?void 0:r.push([n,i])}return i}))]))}}return n};var me=async(n,t,o,r)=>{let i;try{if((t.v&32)===0){t.v|=32;const r=o.S;if(r){const e=g(o,t);if(e&&"then"in e){const n=on();i=await e;n()}else{i=e}if(!i){throw new Error(`Constructor for "${o.C}#${t.G}" was not found`)}if(!i.isProxied){{o.q=i.watchers;o.Y=i.serializers;o.V=i.deserializers}he(i,o,2);i.isProxied=true}const r=tn("createInstance",o.C);{t.v|=8}try{new i(t)}catch(e){v(e,n)}{t.v&=-9}{t.v|=128}r();const l=o.v&4;if(!l){pe(t.l,n)}else{t.I=true}}else{i=n.constructor;const e=n.localName;customElements.whenDefined(e).then((()=>t.v|=128))}if(i&&i.style){let n;if(typeof i.style==="string"){n=i.style}const t=dn(o);if(!b.has(t)||e.hotModuleReplacement){const e=tn("registerStyles",o.C);an(t,n,!!(o.v&1));e()}}}const r=t.H;const l=()=>re(t,true);if(r&&r["s-rc"]){r["s-rc"].push(l)}else{l()}}catch(e){v(e,n);if(t.U){t.U();t.U=void 0}if(t.k){t.k(n)}}};var pe=(n,e)=>{{ve(n,"connectedCallback",void 0,e)}};var ye=n=>{if((k.v&1)===0){const e=s(n);if(!e){return}const t=e.t;const o=tn("connectedCallback",t.C);if(!(e.v&1)){e.v|=1;{if(t.v&(4|8)){ze(n)}}{let t=n;while(t=t.parentNode||t.host){if(t["s-p"]){oe(e,e.H=t);break}}}if(t.o){Object.entries(t.o).map((([e,[t]])=>{if(t&31&&Object.prototype.hasOwnProperty.call(n,e)){const t=n[e];delete n[e];n[e]=t}}))}{me(n,e,t)}}else{Ce(n,e,t.Z);if(e==null?void 0:e.l){pe(e.l,n)}else if(e==null?void 0:e.p){e.p.then((()=>pe(e.l,n)))}}o()}};var ze=n=>{if(!z.document){return}const e=n["s-cr"]=z.document.createComment("");e["s-cn"]=true;ne(n,e,n.firstChild)};var we=(n,e)=>{{ve(n,"disconnectedCallback",void 0,e||n)}};var ke=async n=>{if((k.v&1)===0){const e=s(n);{if(e==null?void 0:e.J){e.J.map((n=>n()));e.J=void 0}}if(e==null?void 0:e.l){we(e.l,n)}else if(e==null?void 0:e.p){e.p.then((()=>we(e.l,n)))}}if(ln.has(n)){ln.delete(n)}if(n.shadowRoot&&ln.has(n.shadowRoot)){ln.delete(n.shadowRoot)}};var xe=(n,e={})=>{var t;if(!z.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const o=tn();const r=[];const i=e.exclude||[];const l=z.customElements;const a=z.document.head;const c=a.querySelector("meta[charset]");const f=z.document.createElement("style");const v=[];let u;let g=true;Object.assign(k,e);k.$=new URL(e.resourcesUrl||"./",z.document.baseURI).href;let b=false;n.map((n=>{n[1].map((e=>{var t,o,a;const c={v:e[0],C:e[1],o:e[2],Z:e[3]};if(c.v&4){b=true}{c.o=e[2]}{c.Z=e[3]}{c.F=[]}{c.q=(t=e[4])!=null?t:{};c.Y=(o=e[5])!=null?o:{};c.V=(a=e[6])!=null?a:{}}const f=Ee(c.C);const h=class extends HTMLElement{["s-p"];["s-rc"];hasRegisteredEventListeners=false;constructor(n){super(n);n=this;d(n,c);if(c.v&1){{if(!n.shadowRoot){D.call(n,c)}else{if(n.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${c.C}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const n=s(this);if(!n){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ce(this,n,c.Z)}if(u){clearTimeout(u);u=null}if(g){v.push(this)}else{k.jmp((()=>ye(this)))}}disconnectedCallback(){k.jmp((()=>ke(this)));k.raf((()=>{var n;const e=s(this);if(!e){return}const t=v.findIndex((n=>n===this));if(t>-1){v.splice(t,1)}if(((n=e==null?void 0:e.B)==null?void 0:n.P)instanceof Node&&!e.B.P.isConnected){delete e.B.P}}))}componentOnReady(){var n;return(n=s(this))==null?void 0:n.p}};if(!(c.v&1)&&c.v&256){{{K(h.prototype)}{Z(h.prototype)}{J(h.prototype)}}}else{Z(h.prototype)}if(c.v&64){h.formAssociated=true}c.S=n[0];if(!i.includes(f)&&!l.get(f)){r.push(f);l.define(f,he(h,c,1))}}))}));if(r.length>0){if(b){f.textContent+=m}{f.textContent+=r.sort()+h}if(f.innerHTML.length){f.setAttribute("data-styles","");const n=(t=k.O)!=null?t:rn(z.document);if(n!=null){f.setAttribute("nonce",n)}a.insertBefore(f,c?c.nextSibling:a.firstChild)}}g=false;if(v.length){v.map((n=>n.connectedCallback()))}else{{k.jmp((()=>u=setTimeout(fe,30)))}}o()};var je=(n,e)=>e;var Ce=(n,e,t,o)=>{if(t&&z.document){t.map((([t,o,r])=>{const i=$e(z.document,n,t);const l=Se(e,r);const a=Oe(t);k.ael(i,o,l,a);(e.J=e.J||[]).push((()=>k.rel(i,o,l,a)))}))}};var Se=(n,e)=>t=>{var o;try{{if(n.v&256){(o=n.l)==null?void 0:o[e](t)}else{(n.W=n.W||[]).push([e,t])}}}catch(e){v(e,n.$hostElement$)}};var $e=(n,e,t)=>{if(t&4){return n}if(t&8){return z}if(t&16){return n.body}return e};var Oe=n=>j?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;var Ne=n=>k.O=n;function Ee(n){return n}export{je as F,bn as H,w as a,xe as b,kn as c,wn as d,t as g,un as h,C as p,c as r,Ne as s};
+//# sourceMappingURL=p-BcDWN4F1.js.map