@zanichelli/albe-web-components 20.0.2 → 21.0.0-RC2

package/dist/components/p-RmbDDbWd.js

@@ -0,0 +1,2 @@
+const n='@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';const e="web-components-library";const t={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:false,shadowDom:true,slotRelocation:true,state:true,updatable:true};var o="http://www.w3.org/2000/svg";var r="http://www.w3.org/1999/xhtml";function i(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 l=(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=i(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 a=n=>{if(n.__stencil__getHostRef){return n.__stencil__getHostRef()}return void 0};var s=(n,e)=>{const o={l:0,$hostElement$:n,t:e,i:new Map,v:new Map};{o.u=new Promise((n=>o.h=n));n["s-p"]=[];n["s-rc"]=[]}const r=o;n.__stencil__getHostRef=()=>r;if(e.l&512&&t.state){l(n,o)}return r};var c=(n,e)=>e in n;var d=(n,e)=>(0,console.error)(n,e);var f=new Map;var v="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g="http://www.w3.org/1999/xlink";var b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var u=typeof window!=="undefined"?window:{};var h=u.HTMLElement||class{};var m={l:0,m:"",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 p=t.shadowDom;var y=(()=>{var n;let e=false;try{(n=u.document)==null?void 0:n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(n){}return e})();var z=n=>Promise.resolve(n);var w=(()=>{try{if(!u.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false})();var k=w?(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)():false;var x=false;var j=[];var $=[];var S=(n,e)=>t=>{n.push(t);if(!x){x=true;if(e&&m.l&4){N(O)}else{m.raf(O)}}};var C=n=>{for(let e=0;e<n.length;e++){try{n[e](performance.now())}catch(n){d(n)}}n.length=0};var O=()=>{C(j);{C($);if(x=j.length>0){m.raf(O)}}};var N=n=>z().then(n);var _=S($,true);var M=n=>{const e=new URL(n,m.m);return e.origin!==u.location.origin?e.href:e.pathname};var E=n=>m.m=n;function R(n){if(!w)return void 0;const e=new CSSStyleSheet;e.replaceSync(n);return e}var T;function A(e){var t;const o={mode:"open"};const r=this.attachShadow(o);if(T===void 0)T=(t=R(n))!=null?t:null;if(T){if(k){r.adoptedStyleSheets.push(T)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,T]}}else if(!w){const e=document.createElement("style");e.innerHTML=n;r.prepend(e)}}var L=n=>{const e=Q(n,"childNodes");if(n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&n.tagName!=="SLOT-FB"){D(e,n.tagName).forEach((n=>{if(n.nodeType===1&&n.tagName==="SLOT-FB"){if(F(n,H(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&&Q(n,"childNodes").length){L(n)}}};var B=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 D(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||H(i)===t)){r.push(i);if(typeof t!=="undefined")return r}r=[...r,...D(i.childNodes,e,t)]}return r}var F=(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(H(r)===e&&(t||!r["s-sr"]))o.push(r)}return o};var P=(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 U=(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=Q(i,"appendChild");{l.call(i,r)}n["s-ol"]=r;n["s-sh"]=e["s-hn"]};var H=n=>typeof n["s-sn"]==="string"?n["s-sn"]:n.nodeType===1&&n.getAttribute("slot")||void 0;function I(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:B(r.childNodes);i.forEach((n=>{if(o===H(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 W(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function q(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"]=H(n)||"";const r=Q(e,"childNodes");const i=D(r,e.tagName,o)[0];return{slotNode:i,slotName:o}}var V=n=>{if(n.__cloneNode)return;const e=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const t=this;const o=t.shadowRoot&&p;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 Y=n=>{if(n.__appendChild)return;n.__appendChild=n.appendChild;n.appendChild=function(n){const{slotName:e,slotNode:t}=q(n,this);if(t){U(n,t);const o=F(t,e);const r=o[o.length-1];const i=Q(r,"parentNode");const l=Q(i,"insertBefore")(n,r.nextSibling);W(t);L(this);return l}return this.__appendChild(n)}};var Z=n=>{class e extends Array{item(n){return this[n]}}K("children",n);Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>n.nodeType===1))}});Object.defineProperty(n,"childElementCount",{get(){return this.children.length}});K("firstChild",n);Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}});K("lastChild",n);Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});K("childNodes",n);Object.defineProperty(n,"childNodes",{get(){const n=new e;n.push(...B(this.__childNodes));return n}})};var G=["children","nextElementSibling","previousElementSibling"];var J=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function K(n,e){if(!globalThis.Node||!globalThis.Element){return}let t;if(G.includes(n)){t=Object.getOwnPropertyDescriptor(Element.prototype,n)}else if(J.includes(n)){t=Object.getOwnPropertyDescriptor(Node.prototype,n)}if(!t){t=Object.getOwnPropertyDescriptor(e,n)}if(t)Object.defineProperty(e,"__"+n,t)}function Q(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 X=(n,e="")=>{{return()=>{}}};function nn(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 en=new WeakMap;var tn=(n,e,t)=>{let o=f.get(n);if(w&&t){o=o||new CSSStyleSheet;if(typeof o==="string"){o=e}else{o.replaceSync(e)}}else{o=e}f.set(n,o)};var on=(n,e,t)=>{var o,r,i;const l=ln(e);const a=f.get(l);if(!u.document){return l}n=n.nodeType===11?n:u.document;if(a){if(typeof a==="string"){n=n.head||n;let t=en.get(n);let i;if(!t){en.set(n,t=new Set)}if(!t.has(l)){i=u.document.createElement("style");i.textContent=a;const s=(o=m.p)!=null?o:nn(u.document);if(s!=null){i.setAttribute("nonce",s)}if(!(e.l&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(w){const e=(r=n.defaultView)!=null?r:n.ownerDocument.defaultView;const t=new e.CSSStyleSheet;t.replaceSync(a);if(k){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.l&1){n.insertBefore(i,null)}if(e.l&4){i.textContent+=v}if(t){t.add(l)}}}else{let e=en.get(n);if(!e){en.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(k){n.adoptedStyleSheets.push(o)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]}e.add(l)}}}return l};var rn=n=>{const e=n.t;const t=n.$hostElement$;const o=e.l;const r=X("attachStyles",e.k);const i=on(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);if(o&10){t["s-sc"]=i;t.classList.add(i+"-h")}r()};var ln=(n,e)=>"sc-"+n.k;var an=n=>n!=null&&n!==void 0;var sn=n=>{n=typeof n;return n==="object"||n==="function"};var cn=(n,e,...t)=>{if(typeof n==="string"){n=Ce(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"&&!sn(o)){o=String(o)}if(l&&a){s[s.length-1].j+=o}else{s.push(l?dn(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,gn)}const d=dn(n,null);d.$=e;if(s.length>0){d.S=s}{d.C=r}{d.O=i}return d};var dn=(n,e)=>{const t={l:0,N:n,j:e!=null?e:null,_:null,S:null};{t.$=null}{t.C=null}{t.O=null}return t};var fn={};var vn=n=>n&&n.N===fn;var gn={forEach:(n,e)=>n.map(bn).forEach(e),map:(n,e)=>n.map(bn).map(e).map(un)};var bn=n=>({vattrs:n.$,vchildren:n.S,vkey:n.C,vname:n.O,vtag:n.N,vtext:n.j});var un=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 cn(n.vtag,e,...n.vchildren||[])}const e=dn(n.vtag,n.vtext);e.$=n.vattrs;e.S=n.vchildren;e.C=n.vkey;e.O=n.vname;return e};var hn=(n,e,t)=>{if(n!=null&&!sn(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 mn=n=>n;var pn=(n,e,t)=>{const o=mn(n);return{emit:n=>yn(o,e,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:n})}};var yn=(n,e,t)=>{const o=m.ce(e,t);n.dispatchEvent(o);return o};var zn=(n,e,t,o,r,i,l)=>{if(t===o){return}let s=c(n,e);let d=e.toLowerCase();if(e==="class"){const e=n.classList;const r=kn(t);let i=kn(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){Zn(o,n)}}else if(!n.__lookupSetter__(e)&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(c(u,d)){e=d.slice(2)}else{e=d[2]+e.slice(3)}if(t||o){const r=e.endsWith(xn);e=e.replace(jn,"");if(t){m.rel(n,e,t,r)}if(o){m.ael(n,e,o,r)}}}else if(e[0]==="a"&&e.startsWith("attr:")){const t=e.slice(5);let r;{const e=a(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=sn(o);if((s||l&&o!==null)&&!r){try{if(!n.tagName.includes("-")){const r=o==null?"":o;if(e==="list"){s=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 a=false;{if(d!==(d=d.replace(/^xlink\:?/,""))){e=d;a=true}}if(o==null||o===false){if(o!==false||n.getAttribute(e)===""){if(a){n.removeAttributeNS(g,e)}else{n.removeAttribute(e)}}}else if((!s||i&4||r)&&!l&&n.nodeType===1){o=o===true?"":o;if(a){n.setAttributeNS(g,e,o)}else{n.setAttribute(e,o)}}}};var wn=/\s/;var kn=n=>{if(typeof n==="object"&&n&&"baseVal"in n){n=n.baseVal}if(!n||typeof n!=="string"){return[]}return n.split(wn)};var xn="Capture";var jn=new RegExp(xn+"$");var $n=(n,e,t,o)=>{const r=e._.nodeType===11&&e._.host?e._.host:e._;const i=n&&n.$||{};const l=e.$||{};{for(const n of Sn(Object.keys(i))){if(!(n in l)){zn(r,n,i[n],void 0,t,e.l)}}}for(const n of Sn(Object.keys(l))){zn(r,n,i[n],l[n],t,e.l)}};function Sn(n){return n.includes("ref")?[...n.filter((n=>n!=="ref")),"ref"]:n}var Cn;var On;var Nn;var _n=false;var Mn=false;var En=false;var Rn=false;var Tn=[];var An=[];var Ln=(n,e,i)=>{var l;const a=e.S[i];let s=0;let c;let d;let f;if(!_n){En=true;if(a.N==="slot"){a.l|=a.S?2:1}}if(a.j!=null){c=a._=u.document.createTextNode(a.j)}else if(a.l&1){c=a._=u.document.createTextNode("");{$n(null,a,Rn)}}else{if(!Rn){Rn=a.N==="svg"}if(!u.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}c=a._=u.document.createElementNS(Rn?o:r,!_n&&t.slotRelocation&&a.l&2?"slot-fb":a.N);if(Rn&&a.N==="foreignObject"){Rn=false}{$n(null,a,Rn)}if(an(Cn)&&c["s-si"]!==Cn){c.classList.add(c["s-si"]=Cn)}if(a.S){const e=a.N==="template"?c.content:c;for(s=0;s<a.S.length;++s){d=Ln(n,a,s);if(d){e.appendChild(d)}}}{if(a.N==="svg"){Rn=false}else if(c.tagName==="foreignObject"){Rn=true}}}c["s-hn"]=Nn;{if(a.l&(2|1)){c["s-sr"]=true;c["s-cr"]=On;c["s-sn"]=a.O||"";c["s-rf"]=(l=a.$)==null?void 0:l.ref;I(c);f=n&&n.S&&n.S[i];if(f&&f.N===a.N&&n._){Bn(n._)}{Kn(On,c,e._,n==null?void 0:n._)}}}return c};var Bn=n=>{m.l|=1;const e=n.closest(Nn.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){Jn(e,n,t!=null?t:null);n["s-sh"]=void 0;En=true}}}m.l&=-2};var Dn=(n,e)=>{m.l|=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"]===Nn){t.push(e)}}}for(let n=t.length-1;n>=0;n--){const o=t[n];if(o["s-hn"]!==Nn&&o["s-ol"]){Jn(In(o).parentNode,o,In(o));o["s-ol"].remove();o["s-ol"]=void 0;o["s-sh"]=void 0;En=true}if(e){Dn(o,e)}}m.l&=-2};var Fn=(n,e,t,o,r,i)=>{let l=n["s-cr"]&&n["s-cr"].parentNode||n;let a;if(l.shadowRoot&&l.tagName===Nn){l=l.shadowRoot}if(t.N==="template"){l=l.content}for(;r<=i;++r){if(o[r]){a=Ln(null,t,r);if(a){o[r]._=a;Jn(l,a,In(e))}}}};var Pn=(n,e,t)=>{for(let o=e;o<=t;++o){const e=n[o];if(e){const n=e._;Yn(e);if(n){{Mn=true;if(n["s-ol"]){n["s-ol"].remove()}else{Dn(n,true)}}n.remove()}}}};var Un=(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 g=o[0];let b=o[v];let u;let h;const m=t.N==="template"?n.content:n;while(i<=c&&l<=v){if(d==null){d=e[++i]}else if(f==null){f=e[--c]}else if(g==null){g=o[++l]}else if(b==null){b=o[--v]}else if(Hn(d,g,r)){Wn(d,g,r);d=e[++i];g=o[++l]}else if(Hn(f,b,r)){Wn(f,b,r);f=e[--c];b=o[--v]}else if(Hn(d,b,r)){if(d.N==="slot"||b.N==="slot"){Dn(d._.parentNode,false)}Wn(d,b,r);Jn(m,d._,f._.nextSibling);d=e[++i];b=o[--v]}else if(Hn(f,g,r)){if(d.N==="slot"||b.N==="slot"){Dn(f._.parentNode,false)}Wn(f,g,r);Jn(m,f._,d._);f=e[--c];g=o[++l]}else{a=-1;{for(s=i;s<=c;++s){if(e[s]&&e[s].C!==null&&e[s].C===g.C){a=s;break}}}if(a>=0){h=e[a];if(h.N!==g.N){u=Ln(e&&e[l],t,a)}else{Wn(h,g,r);e[a]=void 0;u=h._}g=o[++l]}else{u=Ln(e&&e[l],t,l);g=o[++l]}if(u){{Jn(In(d._).parentNode,u,In(d._))}}}}if(i>c){Fn(n,o[v+1]==null?null:o[v+1]._,t,o,l,v)}else if(l>v){Pn(e,i,c)}};var Hn=(n,e,t=false)=>{if(n.N===e.N){if(n.N==="slot"){return n.O===e.O}if(!t){return n.C===e.C}if(t&&!n.C&&e.C){n.C=e.C}return true}return false};var In=n=>n&&n["s-ol"]||n;var Wn=(n,e,o=false)=>{const r=e._=n._;const i=n.S;const l=e.S;const a=e.N;const s=e.j;let c;if(s==null){{Rn=a==="svg"?true:a==="foreignObject"?false:Rn}{if(a==="slot"&&!_n){if(n.O!==e.O){e._["s-sn"]=e.O||"";Bn(e._.parentElement)}}$n(n,e,Rn)}if(i!==null&&l!==null){Un(r,i,e,l,o)}else if(l!==null){if(n.j!==null){r.textContent=""}Fn(r,null,e,l,0,l.length-1)}else if(!o&&t.updatable&&i!==null){Pn(i,0,i.length-1)}else;if(Rn&&a==="svg"){Rn=false}}else if(c=r["s-cr"]){c.parentNode.textContent=s}else if(n.j!==s){r.data=s}};var qn=[];var Vn=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(P(e,r)){let t=qn.find((n=>n.M===e));Mn=true;e["s-sn"]=e["s-sn"]||r;if(t){t.M["s-sh"]=n["s-hn"];t.R=n}else{e["s-sh"]=n["s-hn"];qn.push({R:n,M:e})}if(e["s-sr"]){qn.map((n=>{if(P(n.M,e["s-sn"])){t=qn.find((n=>n.M===e));if(t&&!n.R){n.R=t.R}}}))}}else if(!qn.some((n=>n.M===e))){qn.push({M:e})}}}}if(n.nodeType===1){Vn(n)}}};var Yn=n=>{{if(n.$&&n.$.ref){Tn.push((()=>n.$.ref(null)))}n.S&&n.S.map(Yn)}};var Zn=(n,e)=>{{An.push((()=>n(e)))}};var Gn=()=>{{Tn.forEach((n=>n()));Tn.length=0;An.forEach((n=>n()));An.length=0}};var Jn=(n,e,t,o)=>{{if(typeof e["s-sn"]==="string"&&!!e["s-sr"]&&!!e["s-cr"]){Kn(e["s-cr"],e,n,e.parentElement)}else if(typeof e["s-sn"]==="string"){n.insertBefore(e,t);const{slotNode:r}=q(e);if(r&&!o)W(r);return e}}if(n.__insertBefore){return n.__insertBefore(e,t)}else{return n==null?void 0:n.insertBefore(e,t)}};function Kn(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 Qn=(n,e,t=false)=>{var o,r,i,l,a;const s=n.$hostElement$;const c=n.t;const d=n.T||dn(null,null);const f=vn(e);const v=f?e:cn(null,null,e);Nn=s.tagName;if(c.A){v.$=v.$||{};c.A.forEach((([n,e])=>{{v.$[e]=s[n]}}))}if(t&&v.$){for(const n of Object.keys(v.$)){if(s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)){v.$[n]=s[n]}}}v.N=null;v.l|=4;n.T=v;v._=d._=s.shadowRoot||s;{Cn=s["s-sc"]}_n=!!(c.l&1)&&!(c.l&128);{On=s["s-cr"];Mn=false}Wn(d,v,t);{m.l|=1;if(En){Vn(v._);for(const n of qn){const e=n.M;if(!e["s-ol"]&&u.document){const n=u.document.createTextNode("");n["s-nr"]=e;Jn(e.parentNode,e["s-ol"]=n,e,t)}}for(const n of qn){const e=n.M;const a=n.R;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){Jn(n,e,o,t);if(e.nodeType===8&&e.nodeValue.startsWith("s-nt-")){const n=u.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;Jn(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(Mn){L(v._)}m.l&=-2;qn.length=0}if(!_n&&!(c.l&1)&&s["s-cr"]){const n=v._.__childNodes||v._.childNodes;for(const e of n){if(e["s-hn"]!==Nn&&!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=u.document.createComment("s-nt-"+e.nodeValue);n["s-sn"]=e["s-sn"];Jn(e.parentNode,n,e,t);e.parentNode.removeChild(e)}}}}On=void 0;Gn()};var Xn=(n,e)=>{if(e&&!n.L&&e["s-p"]){const t=e["s-p"].push(new Promise((o=>n.L=()=>{e["s-p"].splice(t-1,1);o()})))}};var ne=(n,e)=>{{n.l|=16}if(n.l&4){n.l|=512;return}Xn(n,n.B);const t=()=>ee(n,e);if(e){queueMicrotask((()=>{t()}));return}return _(t)};var ee=(n,e)=>{const t=n.$hostElement$;const o=X("scheduleUpdate",n.t.k);const r=t;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){i=se(r,"componentWillLoad",void 0,t)}else{i=se(r,"componentWillUpdate",void 0,t)}i=te(i,(()=>se(r,"componentWillRender",void 0,t)));o();return te(i,(()=>re(n,r,e)))};var te=(n,e)=>oe(n)?n.then(e).catch((n=>{console.error(n);e()})):e();var oe=n=>n instanceof Promise||n&&n.then&&typeof n.then==="function";var re=async(n,e,t)=>{var o;const r=n.$hostElement$;const i=X("update",n.t.k);const l=r["s-rc"];if(t){rn(n)}const a=X("render",n.t.k);{ie(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=()=>le(n);if(e.length===0){t()}else{Promise.all(e).then(t).catch(t);n.l|=4;e.length=0}}};var ie=(n,e,t,o)=>{try{e=e.render();{n.l&=-17}{n.l|=2}{{{Qn(n,e,o)}}}}catch(e){d(e,n.$hostElement$)}return null};var le=n=>{const e=n.t.k;const t=n.$hostElement$;const o=X("postUpdate",e);const r=t;const i=n.B;se(r,"componentDidRender",void 0,t);if(!(n.l&64)){n.l|=64;{ce(t)}se(r,"componentDidLoad",void 0,t);o();{n.h(t);if(!i){ae()}}}else{se(r,"componentDidUpdate",void 0,t);o()}{if(n.L){n.L();n.L=void 0}if(n.l&512){N((()=>ne(n,false)))}n.l&=-517}};var ae=n=>{N((()=>yn(u,"appload",{detail:{namespace:e}})))};var se=(n,e,t,o)=>{if(n&&n[e]){try{return n[e](t)}catch(n){d(n,o)}}return void 0};var ce=n=>{var e;return n.classList.add((e=t.hydratedSelectorName)!=null?e:"hydrated")};var de=(n,e)=>a(n).i.get(e);var fe=(n,e,t,o)=>{const r=a(n);if(!r){return}const i=n;const l=r.i.get(e);const s=r.l;const c=i;t=hn(t,o.o[e][0],!!(o.l&64));const f=Number.isNaN(l)&&Number.isNaN(t);const v=t!==l&&!f;if(v){r.i.set(e,t);if(o.D){const n=o.D[e];if(n){n.map((n=>{try{const[[o,i]]=Object.entries(n);if(s&128||i&1){if(!c){r.F.push((()=>{r.P[o](t,l,e)}))}else{c[o](t,l,e)}}}catch(n){d(n,i)}}))}}if(s&2){if(c.componentShouldUpdate){const n=c.componentShouldUpdate(t,l,e);if(n===false&&!(s&16)){return}}if(!(s&16)){ne(r,false)}}}};var ve=(n,e,o)=>{var r,l;const s=n.prototype;if(e.l&64&&o&1){b.forEach((n=>{const e=s[n];Object.defineProperty(s,n,{value(...t){var o;const r=a(this);const i=this;if(!i){(o=r==null?void 0:r.u)==null?void 0:o.then((e=>{const o=e[n];typeof o==="function"&&o.call(e,...t)}))}else{const n=e;typeof n==="function"&&n.call(i,...t)}}})}))}{{if(n.watchers&&!e.D){e.D=n.watchers}if(n.deserializers&&!e.U){e.U=n.deserializers}if(n.serializers&&!e.H){e.H=n.serializers}}const o=Object.entries((r=e.o)!=null?r:{});o.map((([n,[t]])=>{if(t&31||t&32){const{get:o,set:r}=i(s,n)||{};if(o)e.o[n][0]|=2048;if(r)e.o[n][0]|=4096;{Object.defineProperty(s,n,{get(){{return o?o.apply(this):de(this,n)}},configurable:true,enumerable:true})}Object.defineProperty(s,n,{set(o){const i=a(this);if(!i){return}if(r){const l=t&32?this[n]:i.$hostElement$[n];if(typeof l==="undefined"&&i.i.get(n)){o=i.i.get(n)}r.apply(this,[hn(o,t,!!(e.l&64))]);o=t&32?this[n]:i.$hostElement$[n];fe(this,n,o,e);return}{fe(this,n,o,e);return}}})}}));{const r=new Map;s.attributeChangedCallback=function(n,i,l){m.jmp((()=>{var c;const d=r.get(n);const f=a(this);if(this.hasOwnProperty(d)&&t.lazyLoad);if(s.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==l){return}else if(d==null){const t=f==null?void 0:f.l;if(f&&t&&!(t&8)&&l!==i){const o=this;const r=o;const a=(c=e.D)==null?void 0:c[n];a==null?void 0:a.forEach((e=>{const[[o,a]]=Object.entries(e);if(r[o]!=null&&(t&128||a&1)){r[o].call(r,l,i,n)}}))}return}const v=o.find((([n])=>n===d));if(v&&v[1][0]&4){l=l===null||l==="false"?false:true}const g=Object.getOwnPropertyDescriptor(s,d);if(l!=this[d]&&(!g.get||!!g.set)){this[d]=l}}))};n.observedAttributes=Array.from(new Set([...Object.keys((l=e.D)!=null?l:{}),...o.filter((([n,e])=>e[0]&31)).map((([n,t])=>{var o;const i=t[1]||n;r.set(i,n);if(t[0]&512){(o=e.A)==null?void 0:o.push([n,i])}return i}))]))}}return n};var ge=async(n,e,o,r)=>{let i;try{if((e.l&32)===0){e.l|=32;{i=n.constructor;const t=n.localName;customElements.whenDefined(t).then((()=>e.l|=128))}if(i&&i.style){let n;if(typeof i.style==="string"){n=i.style}const e=ln(o);if(!f.has(e)||t.hotModuleReplacement){const t=X("registerStyles",o.k);tn(e,n,!!(o.l&1));t()}}}const r=e.B;const l=()=>ne(e,true);if(r&&r["s-rc"]){r["s-rc"].push(l)}else{l()}}catch(t){d(t,n);if(e.L){e.L();e.L=void 0}if(e.h){e.h(n)}}};var be=(n,e)=>{};var ue=n=>{if((m.l&1)===0){const e=a(n);if(!e){return}const t=e.t;const o=X("connectedCallback",t.k);if(!(e.l&1)){e.l|=1;{if(t.l&(4|8)){he(n)}}{let t=n;while(t=t.parentNode||t.host){if(t["s-p"]){Xn(e,e.B=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}}))}{ge(n,e,t)}}else{ze(n,e,t.I);if(e==null?void 0:e.P);else if(e==null?void 0:e.u){e.u.then((()=>be()))}}o()}};var he=n=>{if(!u.document){return}const e=n["s-cr"]=u.document.createComment("");e["s-cn"]=true;Jn(n,e,n.firstChild)};var me=async n=>{if((m.l&1)===0){const e=a(n);{if(e==null?void 0:e.W){e.W.map((n=>n()));e.W=void 0}}}if(en.has(n)){en.delete(n)}if(n.shadowRoot&&en.has(n.shadowRoot)){en.delete(n.shadowRoot)}};var pe=(n,e)=>{const t={l:e[0],k:e[1]};try{{t.o=e[2]}{t.I=e[3]}{t.D=n.D;t.U=n.U;t.H=n.H}{t.A=[]}if(!(t.l&1)&&t.l&256){{{Z(n.prototype)}{V(n.prototype)}{Y(n.prototype)}}}else{V(n.prototype)}const o=n.prototype.connectedCallback;const r=n.prototype.disconnectedCallback;Object.assign(n.prototype,{__hasHostListenerAttached:false,__registerHost(){s(this,t)},connectedCallback(){if(!this.__hasHostListenerAttached){const n=a(this);if(!n){return}ze(this,n,t.I);this.__hasHostListenerAttached=true}ue(this);if(o){o.call(this)}},disconnectedCallback(){me(this);if(r){r.call(this)}},__attachShadow(){{if(!this.shadowRoot){A.call(this,t)}else{if(this.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${t.k}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});Object.defineProperty(n,"is",{value:t.k,configurable:true});return ve(n,t,1|2)}catch(e){d(e);return n}};var ye=(n,e)=>e;var ze=(n,e,t,o)=>{if(t&&u.document){t.map((([t,o,r])=>{const i=ke(u.document,n,t);const l=we(e,r);const a=xe(t);m.ael(i,o,l,a);(e.W=e.W||[]).push((()=>m.rel(i,o,l,a)))}))}};var we=(n,e)=>t=>{try{{n.$hostElement$[e](t)}}catch(e){d(e,n.$hostElement$)}};var ke=(n,e,t)=>{if(t&4){return n}if(t&8){return u}if(t&16){return n.body}return e};var xe=n=>y?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;var je=n=>m.p=n;var $e=n=>Object.assign(m,n);function Se(n,e){const t={l:0,k:e.tagName};const o={t,$hostElement$:e};Qn(o,n)}function Ce(n){return n}export{ye as F,h as H,je as a,$e as b,pn as c,fn as d,mn as e,M as g,cn as h,pe as p,Se as r,E as s,Ce as t};
+//# sourceMappingURL=p-RmbDDbWd.js.map