@tet/tet-components 1.4.71-testing → 1.4.72-staging

package/dist/esm/tet-menu.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-aac31bd2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-e933a7d2.js';
 
-const tetMenuCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-font-family:\"Inter\", var(--font-family-fallback);--menu-border-radius:0.625rem;--menu-text-color:var(--tc-text-primary);--menu-text-inverse-color:var(--tc-button-text-primary);--menu-text-secondary-color:var(--tc-text-secondary);--menu-background-color:var(--tc-background-white-black);--menu-link-active-background-color:var(--tc-blue-00);--menu-link-hover-background-color:var(--tc-menu-item-hover);--menu-dropdown-border-color:var(--tc-grey-20);--menu-dropdown-box-shadow:var(--tc-elevation-three);--menu-focus-outline-color:var(--tc-blue-40);--menu-login-button-background-color:var(--tc-button-primary-background-default);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover);--menu-separator-line-color:var(--tc-grey-20);--menu-badge-background-color:var(--tc-menu-item-badge);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);line-height:var(--menu-line-height);font-family:var(--menu-font-family);font-size:var(--menu-text-size);font-weight:500}.menu.menu__dark{--menu-text-color:var(--tc-text-primary-dark);--menu-text-inverse-color:var(--tc-button-text-primary-dark);--menu-text-secondary-color:var(--tc-text-secondary-dark);--menu-background-color:var(--tc-background-secondary-dark);--menu-link-active-background-color:rgba(24, 40, 59, 1);--menu-link-hover-background-color:var(--tc-menu-item-hover-dark);--menu-dropdown-border-color:var(--tc-grey-80);--menu-dropdown-box-shadow:var(--tc-elevation-three-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-login-button-background-color:var(--tc-button-primary-background-default-dark);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover-dark);--menu-separator-line-color:var(--tc-grey-80);--menu-badge-background-color:var(--tc-menu-item-badge-dark)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n    var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n    var(--tc-menu-item-yellow-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-red-gradient-main-dark) 30%,\n    var(--tc-menu-item-red-gradient-accent-dark) 50%,\n    var(--tc-menu-item-red-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-green-gradient-main-dark) 30%,\n    var(--tc-menu-item-green-gradient-accent-dark) 50%,\n    var(--tc-menu-item-green-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-violet-gradient-main-dark) 30%,\n    var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n    var(--tc-menu-item-violet-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-blue-gradient-main-dark) 30%,\n    var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n    var(--tc-menu-item-blue-gradient-main-dark) 70%\n  )}.menu a{color:var(--menu-text-color);text-decoration:none}.menu__first-level{display:flex;flex-direction:row;align-items:center;border-radius:var(--menu-border-radius);padding:0.5rem 0.75rem;white-space:nowrap}.menu__first-level .chevron{display:flex;--icon-size:1rem;margin-left:0.4rem;transition:transform 150ms ease-out}.menu__first-level:hover{background-color:var(--menu-link-hover-background-color)}.menu__first-level:hover .chevron{transform:rotate(-180deg)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__badge{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";padding:0.125rem 0.375rem;border-radius:0.25rem;background-color:var(--menu-badge-background-color)}.menu__icon{display:none}.menu__dropdown{max-height:0;transform:scaleY(0);position:absolute;margin-top:0.25rem;z-index:1;min-width:14rem;background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);transform-origin:top;animation-name:hideDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;right:0}:hover>.menu__dropdown,:focus>.menu__dropdown,:focus-within>.menu__dropdown{max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu__dropdown__list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title{display:none}.menu__dropdown__list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown a{padding:0.5rem 1rem;display:block}.menu__dropdown a:hover{background-color:var(--menu-link-hover-background-color)}.menu__dropdown a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__dropdown a.menu--active{background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__main{--menu-text-size:1rem;--menu-line-height:1.5rem}.menu__main .menu__first-level{padding:0.375rem 0.75rem;gap:0.25rem}.menu__main .menu__first-level .chevron{--icon-size:1.25rem;margin-left:0}.menu__main .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-yellow-gradient-main) 30%,\n    var(--tc-menu-item-yellow-gradient-accent) 50%,\n    var(--tc-menu-item-yellow-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-red-gradient-main) 30%,\n    var(--tc-menu-item-red-gradient-accent) 50%,\n    var(--tc-menu-item-red-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-green-gradient-main) 30%,\n    var(--tc-menu-item-green-gradient-accent) 50%,\n    var(--tc-menu-item-green-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-violet-gradient-main) 30%,\n    var(--tc-menu-item-violet-gradient-accent) 50%,\n    var(--tc-menu-item-violet-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-blue-gradient-main) 30%,\n    var(--tc-menu-item-blue-gradient-accent) 50%,\n    var(--tc-menu-item-blue-gradient-main) 70%\n  )}.menu__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__main .menu__first-level--themed.menu--active{border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main .menu__first-level.menu--active{background-color:var(--menu-link-active-background-color)}.menu__main .menu__first-level.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__main .menu__dropdown{min-width:21.625rem;border:0.031rem solid var(--menu-dropdown-border-color);right:auto;left:0}.menu__main .menu__dropdown__list{padding:0.5rem}.menu__main .menu__dropdown__list a{border-radius:var(--menu-border-radius);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__main .menu__dropdown__list .menu--highlighted{position:relative;margin-bottom:0.875rem}.menu__main .menu__dropdown__list .menu--highlighted:after{content:\"\";position:absolute;left:0.375rem;right:0.375rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__main .menu__dropdown__list__sub-title{display:block;font-size:0.875rem;line-height:1.25rem;color:var(--menu-text-secondary-color)}.menu__main .menu__first-level>.menu__icon{display:flex;margin-right:0.25rem}.menu__main .menu__first-level>.menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__main .menu__dropdown .menu__icon{width:2.75rem;padding-right:0.75rem;display:flex;align-items:center;justify-content:center}.menu__main .menu__dropdown .menu__icon img,.menu__main .menu__dropdown .menu__icon svg{max-width:2rem;max-height:2rem}.menu__chevron{margin-left:auto}.menu__sublist{transform:scaleX(0);position:absolute;z-index:1;min-width:14rem;transform-origin:top right}:hover>.menu__sublist,:focus>.menu__sublist,:focus-within>.menu__sublist{max-height:100rem;transform:scaleX(1);outline:none}.menu__sublist.left{right:calc(100% - 0.6rem);padding-right:1.1rem}.menu__sublist.right{left:calc(100% - 0.6rem);padding-left:1.1rem}.menu__sublist .content{background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);min-width:21.875rem;padding:0.625rem 0}.menu__sublist .content a{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";border-radius:unset;white-space:normal}.menu__sublist .content a .menu__badge{margin-left:0.25rem;vertical-align:middle}.menu__sublist .content a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__sublist .content a.menu--active{background-color:var(--menu-link-hover-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__login .menu__first-level{border-radius:2rem;padding:0.5rem 0.875rem;background-color:var(--menu-login-button-background-color);color:var(--menu-text-inverse-color)}.menu__login .menu__first-level .menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__login .menu__first-level .chevron{margin-left:0.5rem;--icon-size:1.25rem}.menu__login .menu__first-level:hover{background-color:var(--menu-login-button-background-hover-color)}.menu__login .menu--highlighted{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin:0 0 0.813rem 0}.menu__login .menu--highlighted:after{content:\"\";position:absolute;left:0.5rem;right:0.5rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__login .menu__icon{display:flex;margin-right:0.5rem}.menu__login .menu__icon.right{display:inline-flex;margin-left:auto;align-content:center;justify-content:center}.menu__login .menu--highlighted.line-top{margin:0.813rem 0 0 0}.menu__login .menu--highlighted.line-top:after{top:-0.5rem;bottom:auto}.menu__login .menu__dropdown__list a.text-color-secondary{color:var(--menu-text-secondary-color)}.menu__language .menu__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.125rem;position:absolute;right:0.782rem;top:0.563rem}@keyframes showDropdown{0%{max-height:0;padding-bottom:0.2rem;overflow:hidden}100%{max-height:100rem;padding-bottom:0;overflow:visible}}@keyframes hideDropdown{0%{max-height:100rem}100%{max-height:0}}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}";
+const tetMenuCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}.tet-grid--col-12,.tet-grid--col-8,.tet-grid--col-4,.tet-grid,.tet-grid--no-limit,.tet-grid--no-margin,.tet-grid--no-padding{box-sizing:border-box;display:grid;position:relative;width:100%;max-width:none;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem;margin:0 auto}.tet-grid--no-padding{column-gap:0 !important}.tet-grid--no-margin{padding:0 !important}.tet-grid--no-limit{max-width:unset !important}.tet-grid--col-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.tet-grid--col-8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important}.tet-grid--col-8 .tet-grid__cell--span-all{grid-column:span 8}.tet-grid--col-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}.tet-grid--col-12 .tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell,.tet-grid__cell--df-show,.tet-grid__cell--xs-show,.tet-grid__cell--sm-show,.tet-grid__cell--md-show,.tet-grid__cell--lg-show,.tet-grid__cell--xl-show,.tet-grid__cell--2k-show,.tet-grid__cell--gg-show{grid-column:span 1}.tet-grid__cell--span-2-rows{grid-row:span 2}.tet-grid__cell--span-3-rows{grid-row:span 3}.tet-grid__cell--span-4-rows{grid-row:span 4}.tet-grid__cell--span-5-rows{grid-row:span 5}.tet-grid__cell--span-6-rows{grid-row:span 6}.tet-grid__cell--span-7-rows{grid-row:span 7}.tet-grid__cell--span-8-rows{grid-row:span 8}.tet-grid__cell--span-9-rows{grid-row:span 9}.tet-grid__cell--span-10-rows{grid-row:span 10}.tet-grid__cell--span-11-rows{grid-row:span 11}.tet-grid__cell--span-12-rows{grid-row:span 12}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--span-1{display:block;grid-column:span 1}.tet-grid__cell--span-2{display:block;grid-column:span 2}.tet-grid__cell--span-3{display:block;grid-column:span 3}.tet-grid__cell--span-4{display:block;grid-column:span 4}.tet-grid__cell--span-5{display:block;grid-column:span 4}.tet-grid__cell--span-6{display:block;grid-column:span 4}.tet-grid__cell--span-7{display:block;grid-column:span 4}.tet-grid__cell--span-8{display:block;grid-column:span 4}.tet-grid__cell--span-9{display:block;grid-column:span 4}.tet-grid__cell--span-10{display:block;grid-column:span 4}.tet-grid__cell--span-11{display:block;grid-column:span 4}.tet-grid__cell--span-12{display:block;grid-column:span 4}.tet-grid__cell--hide{display:none}.tet-grid__cell--show{display:block}@media all and (min-width: 22.5rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--df-span-1{display:block;grid-column:span 1}.tet-grid__cell--df-span-2{display:block;grid-column:span 2}.tet-grid__cell--df-span-3{display:block;grid-column:span 3}.tet-grid__cell--df-span-4{display:block;grid-column:span 4}.tet-grid__cell--df-span-5{display:block;grid-column:span 4}.tet-grid__cell--df-span-6{display:block;grid-column:span 4}.tet-grid__cell--df-span-7{display:block;grid-column:span 4}.tet-grid__cell--df-span-8{display:block;grid-column:span 4}.tet-grid__cell--df-span-9{display:block;grid-column:span 4}.tet-grid__cell--df-span-10{display:block;grid-column:span 4}.tet-grid__cell--df-span-11{display:block;grid-column:span 4}.tet-grid__cell--df-span-12{display:block;grid-column:span 4}.tet-grid__cell--df-hide{display:none}.tet-grid__cell--df-show{display:block}}@media all and (min-width: 31.25rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{column-gap:1.5rem;padding:0 2rem}.tet-grid__cell--xs-span-1{display:block;grid-column:span 1}.tet-grid__cell--xs-span-2{display:block;grid-column:span 2}.tet-grid__cell--xs-span-3{display:block;grid-column:span 3}.tet-grid__cell--xs-span-4{display:block;grid-column:span 4}.tet-grid__cell--xs-span-5{display:block;grid-column:span 4}.tet-grid__cell--xs-span-6{display:block;grid-column:span 4}.tet-grid__cell--xs-span-7{display:block;grid-column:span 4}.tet-grid__cell--xs-span-8{display:block;grid-column:span 4}.tet-grid__cell--xs-span-9{display:block;grid-column:span 4}.tet-grid__cell--xs-span-10{display:block;grid-column:span 4}.tet-grid__cell--xs-span-11{display:block;grid-column:span 4}.tet-grid__cell--xs-span-12{display:block;grid-column:span 4}.tet-grid__cell--xs-hide{display:none}.tet-grid__cell--xs-show{display:block}}@media all and (min-width: 46.25rem){.tet-grid__cell--sm-span-1{display:block;grid-column:span 1}.tet-grid__cell--sm-span-2{display:block;grid-column:span 2}.tet-grid__cell--sm-span-3{display:block;grid-column:span 3}.tet-grid__cell--sm-span-4{display:block;grid-column:span 4}.tet-grid__cell--sm-span-5{display:block;grid-column:span 5}.tet-grid__cell--sm-span-6{display:block;grid-column:span 6}.tet-grid__cell--sm-span-7{display:block;grid-column:span 7}.tet-grid__cell--sm-span-8{display:block;grid-column:span 8}.tet-grid__cell--sm-span-9{display:block;grid-column:span 9}.tet-grid__cell--sm-span-10{display:block;grid-column:span 10}.tet-grid__cell--sm-span-11{display:block;grid-column:span 11}.tet-grid__cell--sm-span-12{display:block;grid-column:span 12}.tet-grid__cell--sm-hide{display:none}.tet-grid__cell--sm-show{display:block}}@media all and (min-width: 48rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(8, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 8}.tet-grid__cell--md-span-1{display:block;grid-column:span 1}.tet-grid__cell--md-span-2{display:block;grid-column:span 2}.tet-grid__cell--md-span-3{display:block;grid-column:span 3}.tet-grid__cell--md-span-4{display:block;grid-column:span 4}.tet-grid__cell--md-span-5{display:block;grid-column:span 5}.tet-grid__cell--md-span-6{display:block;grid-column:span 6}.tet-grid__cell--md-span-7{display:block;grid-column:span 7}.tet-grid__cell--md-span-8{display:block;grid-column:span 8}.tet-grid__cell--md-span-9{display:block;grid-column:span 8}.tet-grid__cell--md-span-10{display:block;grid-column:span 8}.tet-grid__cell--md-span-11{display:block;grid-column:span 8}.tet-grid__cell--md-span-12{display:block;grid-column:span 8}.tet-grid__cell--md-hide{display:none}.tet-grid__cell--md-show{display:block}}@media all and (min-width: 64rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(12, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell--lg-span-1{display:block;grid-column:span 1}.tet-grid__cell--lg-span-2{display:block;grid-column:span 2}.tet-grid__cell--lg-span-3{display:block;grid-column:span 3}.tet-grid__cell--lg-span-4{display:block;grid-column:span 4}.tet-grid__cell--lg-span-5{display:block;grid-column:span 5}.tet-grid__cell--lg-span-6{display:block;grid-column:span 6}.tet-grid__cell--lg-span-7{display:block;grid-column:span 7}.tet-grid__cell--lg-span-8{display:block;grid-column:span 8}.tet-grid__cell--lg-span-9{display:block;grid-column:span 9}.tet-grid__cell--lg-span-10{display:block;grid-column:span 10}.tet-grid__cell--lg-span-11{display:block;grid-column:span 11}.tet-grid__cell--lg-span-12{display:block;grid-column:span 12}.tet-grid__cell--lg-hide{display:none}.tet-grid__cell--lg-show{display:block}}@media all and (min-width: 80rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4rem}.tet-grid__cell--xl-span-1{display:block;grid-column:span 1}.tet-grid__cell--xl-span-2{display:block;grid-column:span 2}.tet-grid__cell--xl-span-3{display:block;grid-column:span 3}.tet-grid__cell--xl-span-4{display:block;grid-column:span 4}.tet-grid__cell--xl-span-5{display:block;grid-column:span 5}.tet-grid__cell--xl-span-6{display:block;grid-column:span 6}.tet-grid__cell--xl-span-7{display:block;grid-column:span 7}.tet-grid__cell--xl-span-8{display:block;grid-column:span 8}.tet-grid__cell--xl-span-9{display:block;grid-column:span 9}.tet-grid__cell--xl-span-10{display:block;grid-column:span 10}.tet-grid__cell--xl-span-11{display:block;grid-column:span 11}.tet-grid__cell--xl-span-12{display:block;grid-column:span 12}.tet-grid__cell--xl-hide{display:none}.tet-grid__cell--xl-show{display:block}}@media all and (min-width: 90rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4.5rem}.tet-grid__cell--mg-span-1{display:block;grid-column:span 1}.tet-grid__cell--mg-span-2{display:block;grid-column:span 2}.tet-grid__cell--mg-span-3{display:block;grid-column:span 3}.tet-grid__cell--mg-span-4{display:block;grid-column:span 4}.tet-grid__cell--mg-span-5{display:block;grid-column:span 5}.tet-grid__cell--mg-span-6{display:block;grid-column:span 6}.tet-grid__cell--mg-span-7{display:block;grid-column:span 7}.tet-grid__cell--mg-span-8{display:block;grid-column:span 8}.tet-grid__cell--mg-span-9{display:block;grid-column:span 9}.tet-grid__cell--mg-span-10{display:block;grid-column:span 10}.tet-grid__cell--mg-span-11{display:block;grid-column:span 11}.tet-grid__cell--mg-span-12{display:block;grid-column:span 12}.tet-grid__cell--mg-hide{display:none}.tet-grid__cell--mg-show{display:block}}@media all and (min-width: 120rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{max-width:111rem;padding:0}.tet-grid__cell--gg-span-1{display:block;grid-column:span 1}.tet-grid__cell--gg-span-2{display:block;grid-column:span 2}.tet-grid__cell--gg-span-3{display:block;grid-column:span 3}.tet-grid__cell--gg-span-4{display:block;grid-column:span 4}.tet-grid__cell--gg-span-5{display:block;grid-column:span 5}.tet-grid__cell--gg-span-6{display:block;grid-column:span 6}.tet-grid__cell--gg-span-7{display:block;grid-column:span 7}.tet-grid__cell--gg-span-8{display:block;grid-column:span 8}.tet-grid__cell--gg-span-9{display:block;grid-column:span 9}.tet-grid__cell--gg-span-10{display:block;grid-column:span 10}.tet-grid__cell--gg-span-11{display:block;grid-column:span 11}.tet-grid__cell--gg-span-12{display:block;grid-column:span 12}.tet-grid__cell--gg-hide{display:none}.tet-grid__cell--gg-show{display:block}}:host{--menu-border-radius:0.625rem;--menu-text-color:var(--tc-text-primary);--menu-text-inverse-color:var(--tc-button-text-primary);--menu-text-secondary-color:var(--tc-text-secondary);--menu-background-color:var(--tc-background-white-black);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-dropdown-border-color:var(--tc-grey-20);--menu-dropdown-box-shadow:var(--tc-elevation-three);--menu-focus-outline-color:var(--tc-blue-40);--menu-login-button-background-color:var(--tc-button-primary-background-default);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover);--menu-separator-line-color:var(--tc-grey-20);--menu-badge-background-color:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-mega-second-level-width:27.25rem;--menu-mega-third-level-width:22.6875rem;--menu-mega-banner-slot-max-width:20rem;--menu-mega-dropdown-menu-height:28.625rem;--menu-mega-separator-color:var(--tc-border-quaternary);--menu-mega-dropdown-background-color:var(--tc-layer-primary);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.menu.menu__dark{--menu-text-color:var(--tc-text-primary-dark);--menu-text-inverse-color:var(--tc-button-text-primary-dark);--menu-text-secondary-color:var(--tc-text-secondary-dark);--menu-background-color:var(--tc-background-secondary-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-dropdown-border-color:var(--tc-grey-80);--menu-dropdown-box-shadow:var(--tc-elevation-three-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-login-button-background-color:var(--tc-button-primary-background-default-dark);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover-dark);--menu-separator-line-color:var(--tc-grey-80);--menu-badge-background-color:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-mega-separator-color:var(--tc-border-quaternary-dark);--menu-mega-dropdown-background-color:var(--tc-layer-primary-dark)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n    var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n    var(--tc-menu-item-yellow-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-red-gradient-main-dark) 30%,\n    var(--tc-menu-item-red-gradient-accent-dark) 50%,\n    var(--tc-menu-item-red-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-green-gradient-main-dark) 30%,\n    var(--tc-menu-item-green-gradient-accent-dark) 50%,\n    var(--tc-menu-item-green-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-violet-gradient-main-dark) 30%,\n    var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n    var(--tc-menu-item-violet-gradient-main-dark) 70%\n  )}.menu.menu__dark .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-blue-gradient-main-dark) 30%,\n    var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n    var(--tc-menu-item-blue-gradient-main-dark) 70%\n  )}.menu a{color:var(--menu-text-color);text-decoration:none}.menu--active{background-color:var(--menu-link-active-background-color)}.menu__first-level{display:flex;flex-direction:row;align-items:center;border-radius:var(--menu-border-radius);padding:0.5rem 0.75rem;white-space:nowrap}.menu__first-level .chevron{display:flex;--icon-size:1rem;margin-left:0.4rem;transition:transform 150ms ease-out}:hover>.menu__first-level,:focus>.menu__first-level,:focus-within>.menu__first-level,.menu--mega-open>.menu__first-level{background-color:var(--menu-link-hover-background-color)}:hover>.menu__first-level .chevron,:focus>.menu__first-level .chevron,:focus-within>.menu__first-level .chevron,.menu--mega-open>.menu__first-level .chevron{transform:rotate(-180deg)}.menu__first-level:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__badge{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";padding:0.125rem 0.375rem;border-radius:0.25rem;background-color:var(--menu-badge-background-color);color:var(--menu-badge-text-color)}.menu__icon{display:none}.menu__dropdown{max-height:0;transform:scaleY(0);position:absolute;margin-top:0.25rem;z-index:1;min-width:14rem;background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);transform-origin:top;animation-name:hideDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;right:0}.menu__dropdown.menu__dropdown--mega{animation-name:none;animation-duration:0s}:hover>.menu__dropdown:not(.menu__dropdown--mega),:focus>.menu__dropdown:not(.menu__dropdown--mega),:focus-within>.menu__dropdown:not(.menu__dropdown--mega){max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu:not(.menu--mega-escape-closed):hover>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus-within>.menu__dropdown.menu__dropdown--mega,.menu--mega-open>.menu__dropdown.menu__dropdown--mega{max-height:100%;transform:scaleY(1);animation-name:none;animation-duration:0s;transition-delay:0s;outline:none}.menu__dropdown__list,.menu__dropdown__mega-third-list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title,.menu__dropdown__mega-third-list__sub-title{display:none}.menu__dropdown__list li,.menu__dropdown__mega-third-list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown__wrapper{position:relative;display:flex;width:100%;overflow:hidden}.menu__dropdown__wrapper .menu__dropdown__list--mega{box-sizing:border-box;border-right:0.0625rem solid var(--menu-mega-separator-color);border-left:0.0625rem solid var(--menu-mega-separator-color);height:100%}.menu__dropdown__mega-lists{display:flex;align-items:stretch;margin-right:2.5rem;height:100%}.menu__dropdown__list>li>a .menu__badge{margin-bottom:0.125rem;display:inline-block}.menu__dropdown a{padding:0.5rem 1rem;display:block;border-radius:0.375rem}.menu__dropdown a:hover{background-color:var(--menu-link-hover-background-color)}.menu__dropdown a:active{background-color:var(--menu-link-pressed-background-color)}.menu__dropdown a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-active-item-badge-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current),.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-hover-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge,.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-badge-background-color)}.menu__dropdown__mega-third{box-sizing:border-box;width:var(--menu-mega-third-level-width);min-width:var(--menu-mega-third-level-width);display:flex}.menu__main .menu__first-level{padding:0.375rem 0.75rem;gap:0.25rem}.menu__main .menu__first-level .chevron{--icon-size:1.25rem;margin-left:0}.menu__main .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-yellow-gradient-main) 30%,\n    var(--tc-menu-item-yellow-gradient-accent) 50%,\n    var(--tc-menu-item-yellow-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-red-gradient-main) 30%,\n    var(--tc-menu-item-red-gradient-accent) 50%,\n    var(--tc-menu-item-red-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-green-gradient-main) 30%,\n    var(--tc-menu-item-green-gradient-accent) 50%,\n    var(--tc-menu-item-green-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-violet-gradient-main) 30%,\n    var(--tc-menu-item-violet-gradient-accent) 50%,\n    var(--tc-menu-item-violet-gradient-main) 70%\n  )}.menu__main .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-gradient:linear-gradient(\n    135deg,\n    var(--tc-menu-item-blue-gradient-main) 30%,\n    var(--tc-menu-item-blue-gradient-accent) 50%,\n    var(--tc-menu-item-blue-gradient-main) 70%\n  )}.menu__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__main .menu__first-level--themed.menu--active{border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main:not(:hover):not(:focus-within) .menu__dropdown__wrapper{overflow:hidden}.menu__main .menu__dropdown{min-width:21.625rem;border:0.031rem solid var(--menu-dropdown-border-color);right:auto;left:0}.menu__main .menu__dropdown__wrapper .menu__dropdown__list--mega{width:var(--menu-mega-second-level-width);min-width:var(--menu-mega-second-level-width)}.menu__main .menu__dropdown--mega{background-color:var(--menu-mega-dropdown-background-color);position:fixed;left:0;right:auto;top:0;margin-top:0;border:0;border-radius:0;box-shadow:none;width:100vw;transition:transform 0s linear 100ms;height:var(--mega-menu-dropdown-height);overflow-y:hidden}.menu__main .menu__dropdown--mega .menu__dropdown__wrapper{min-height:inherit;align-items:stretch;box-sizing:border-box;padding:0.5rem 0;overflow-y:auto;overflow-x:hidden;height:var(--menu-mega-dropdown-menu-height)}.menu__main .menu__dropdown--mega .menu__dropdown__mega-lists{align-self:flex-start}.menu__main .menu__dropdown--mega .menu__dropdown__mega-third-list{height:100%;box-sizing:border-box;width:100%}.menu__main .menu__dropdown--mega::before{content:\"\";position:absolute;left:0;right:0;bottom:100%;height:var(--menu-dropdown-hover-bridge-height, 0)}.menu__main .menu__dropdown__list{padding:0.5rem}.menu__main .menu__dropdown__list--mega{padding:0 0.5rem 1rem}.menu__main .menu__dropdown__list--mega li{white-space:normal}.menu__main .menu__dropdown__list--mega li a{padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list--mega a>div{min-width:0}.menu__main .menu__dropdown__list--mega .menu__dropdown__list__sub-title{white-space:normal}.menu__main .menu__dropdown__list--mega a:hover .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a:focus-visible .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a.menu--mega-current .menu__dropdown__list__sub-title--mega{max-height:8rem;opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.menu__main .menu__dropdown__list--mega a.menu--mega-current:not(:active){background-color:var(--menu-link-hover-background-color)}.menu__main .menu__dropdown__list a{border-radius:var(--menu-border-radius);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__main .menu__dropdown__list .menu--highlighted{position:relative;margin-bottom:0.875rem}.menu__main .menu__dropdown__list .menu--highlighted:after{content:\"\";position:absolute;left:0.375rem;right:0.375rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__main .menu__dropdown__list__sub-title{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:block;color:var(--menu-text-secondary-color)}.menu__main .menu__dropdown__list__sub-title--mega{display:block;max-height:0;opacity:0;overflow:hidden;transform:translateY(-0.25rem);visibility:hidden;transition:max-height 360ms ease, opacity 300ms ease, transform 360ms ease, visibility 0s linear 360ms}.menu__main .menu__dropdown__mega-third-list{border-right:0.0625rem solid var(--menu-mega-separator-color);height:100%;padding:0 0.5rem 1rem}.menu__main .menu__dropdown__mega-third-list a{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:block;white-space:normal;padding:0.5rem 1rem;border-radius:0.375rem}.menu__main .menu__dropdown__mega-third-list a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__main .menu__dropdown__mega-banner{margin-left:auto;overflow:hidden;max-width:var(--menu-mega-banner-slot-max-width)}.menu__main .menu__first-level>.menu__icon{display:flex;margin-right:0.25rem}.menu__main .menu__first-level>.menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__main .menu__dropdown .menu__icon{width:2.75rem;padding-right:0.75rem;display:flex;align-items:center;justify-content:center}.menu__main .menu__dropdown .menu__icon img,.menu__main .menu__dropdown .menu__icon svg{max-width:2rem;max-height:2rem}.menu__chevron{margin-left:auto;padding-left:0.75rem}.menu__sublist{transform:scaleX(0);position:absolute;z-index:1;min-width:14rem;transform-origin:top right}:hover>.menu__sublist,:focus>.menu__sublist,:focus-within>.menu__sublist{max-height:100rem;transform:scaleX(1);outline:none}.menu__sublist.left{right:calc(100% - 0.6rem);padding-right:1.1rem}.menu__sublist.right{left:calc(100% - 0.6rem);padding-left:1.1rem}.menu__sublist .content{background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);min-width:21.875rem;padding:0.625rem 0}.menu__sublist .content a{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";border-radius:unset;white-space:normal}.menu__sublist .content a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__sublist .content a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__sublist .content a.menu--active{background-color:var(--menu-link-active-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__sublist .content a.menu--active:active{background-color:var(--menu-link-pressed-background-color)}.menu__login .menu__first-level{border-radius:2rem;padding:0.5rem 0.875rem;background-color:var(--menu-login-button-background-color);color:var(--menu-text-inverse-color)}.menu__login .menu__first-level .menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__login .menu__first-level .chevron{margin-left:0.5rem;--icon-size:1.25rem}.menu__login .menu__first-level:hover{background-color:var(--menu-login-button-background-hover-color)}.menu__login .menu--highlighted{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin:0 0 0.813rem 0}.menu__login .menu--highlighted:after{content:\"\";position:absolute;left:0.5rem;right:0.5rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__login .menu__icon{display:flex;margin-right:0.5rem}.menu__login .menu__icon.right{display:inline-flex;margin-left:auto;align-content:center;justify-content:center}.menu__login .menu--highlighted.line-top{margin:0.813rem 0 0 0}.menu__login .menu--highlighted.line-top:after{top:-0.5rem;bottom:auto}.menu__login .menu__dropdown__list a.text-color-secondary{color:var(--menu-text-secondary-color)}.menu__language>.menu__first-level{border:var(--menu-lang-border)}.menu__language:is(:hover,:focus-within)>.menu__first-level{border:var(--menu-lang-active-border)}.menu__language:not(:hover):not(:focus-within)>.menu__first-level:not(.menu--active):not(:active){background-color:var(--menu-lang-background-color)}.menu__language .menu__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@keyframes showDropdown{0%{max-height:0;padding-bottom:0.2rem;overflow:hidden}100%{max-height:100rem;padding-bottom:0;overflow:visible}}@keyframes hideDropdown{0%{max-height:100rem}100%{max-height:0}}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}";
 const TetMenuStyle0 = tetMenuCss;
 
 const TetMenu = class {
@@ -10,47 +10,311 @@ const TetMenu = class {
         this.active = false;
         this.clickable = false;
         this.firstLevelTitle = '';
-        this.firstLevelId = null;
+        this.firstLevelId = undefined;
         this.firstLevelLink = '';
         this.firstLevelIcon = '';
         this.menuItemTheme = '';
         this.showMenuItemAnimation = true;
         this.subLevels = [];
         this.darkMode = false;
+        this.parentSelector = '';
+        this.isMegaMenuLayout = false;
         this.isSubmenuLeft = false;
+        this.megaActiveSubLevelIndex = -1;
+        this.isMegaMenuOpen = false;
+        this.isMegaMenuEscapeClosed = false;
     }
+    get el() { return getElement(this); }
+    /** Stores 3rd level hover handlers to avoid duplicate listeners. */
+    thirdLevelMouseEnterHandlers = new WeakMap();
+    /** Parent element used for mega-menu close-on-parent-leave binding. */
+    megaParentElement = null;
     /**
      * Listener for windows resize events
      */
     onWindowResize() {
+        this.syncLayout();
+    }
+    /**
+     * Handles host mouse leave to reset mega-menu leave-related state.
+     */
+    onHostMouseLeave() {
+        this.handleMenuMouseLeave();
+    }
+    /**
+     * Handles host focus-in to reopen mega-menu after Escape dismissal when needed.
+     */
+    onHostFocusIn() {
+        this.handleMenuFocusIn();
+    }
+    /**
+     * Recalculates interactive layout values.
+     */
+    syncLayout = () => {
+        if (!this.isMegaMenuEnabled()) {
+            this.setMegaParentElement(null);
+        }
         this.setupThirdLevelEvent();
+        this.updateDropdownLayout();
+    };
+    /**
+     * Determines whether mega-menu logic should be active.
+     */
+    isMegaMenuEnabled() {
+        return this.isMegaMenuLayout && this.type === 'main' && this.subLevels.length > 0;
+    }
+    /**
+     * Binds/updates parent mouseleave listener for mega-menu close behavior.
+     */
+    setMegaParentElement(parentElement) {
+        if (this.megaParentElement === parentElement) {
+            return;
+        }
+        if (this.megaParentElement) {
+            this.megaParentElement.removeEventListener('mouseleave', this.handleMegaParentMouseLeave);
+        }
+        this.megaParentElement = parentElement;
+        this.megaParentElement?.addEventListener('mouseleave', this.handleMegaParentMouseLeave);
+    }
+    /**
+     * Closes mega-menu and clears active 2nd-level state.
+     */
+    closeMegaMenu = () => {
+        if (!this.isMegaMenuEnabled()) {
+            return;
+        }
+        this.isMegaMenuOpen = false;
+        this.clearMegaActiveSubLevel();
+    };
+    /**
+     * Clears focus inside shadow root so :focus-within does not immediately reopen mega-menu.
+     */
+    blurFocusedMenuItem() {
+        const focusedMenuItem = this.el.shadowRoot?.activeElement;
+        focusedMenuItem?.blur();
+    }
+    /**
+     * Handles parent mouseleave for mega-menu close behavior.
+     */
+    handleMegaParentMouseLeave = () => {
+        this.closeMegaMenu();
+    };
+    /**
+     * Opens mega-menu and notifies sibling mega-menu instances to close.
+     */
+    openMegaMenu() {
+        if (!this.isMegaMenuEnabled()) {
+            return;
+        }
+        this.isMegaMenuEscapeClosed = false;
+        this.isMegaMenuOpen = true;
+        globalThis.dispatchEvent(new CustomEvent('tet-menu-mega-open', { detail: this.el }));
     }
+    /**
+     * Handles first-level pointer/focus entry:
+     * opens mega menu when available or notifies mega siblings to close.
+     */
+    handleFirstLevelInteraction = () => {
+        if (this.isMegaMenuEnabled()) {
+            this.syncLayout();
+            this.openMegaMenu();
+            return;
+        }
+        globalThis.dispatchEvent(new CustomEvent('tet-menu-mega-open', { detail: this.el }));
+    };
+    /**
+     * Resets Escape-dismissed state once pointer fully leaves this menu trigger area.
+     */
+    handleMenuMouseLeave = () => {
+        if (!this.isMegaMenuEnabled()) {
+            return;
+        }
+        this.clearMegaActiveSubLevel();
+        this.isMegaMenuEscapeClosed = false;
+    };
+    /**
+     * Reopens mega menu when focus re-enters menu content after an Escape dismissal.
+     */
+    handleMenuFocusIn = () => {
+        if (!this.isMegaMenuEnabled() || !this.isMegaMenuEscapeClosed) {
+            return;
+        }
+        this.openMegaMenu();
+    };
+    /**
+     * Handles Escape to close mega-menu for both hover-open and keyboard-focus-open states.
+     */
+    onWindowKeyDown(event) {
+        if (!this.isMegaMenuEnabled() || event.key !== 'Escape') {
+            return;
+        }
+        const eventPath = typeof event.composedPath === 'function' ? event.composedPath() : [];
+        const isEventFromCurrentMenu = eventPath.includes(this.el);
+        if (!this.isMegaMenuOpen && !isEventFromCurrentMenu) {
+            return;
+        }
+        this.isMegaMenuEscapeClosed = true;
+        this.closeMegaMenu();
+        this.blurFocusedMenuItem();
+    }
+    /**
+     * Closes current mega-menu when another menu instance announces open state.
+     */
+    onExternalMegaMenuOpen(event) {
+        if (!this.isMegaMenuEnabled() || event.detail === this.el) {
+            return;
+        }
+        this.isMegaMenuEscapeClosed = true;
+        this.closeMegaMenu();
+    }
+    /**
+     * Sets active second-level item in mega-menu mode.
+     */
+    setMegaActiveSubLevel(index, hasSubMenuItems) {
+        if (!this.isMegaMenuEnabled()) {
+            return;
+        }
+        this.megaActiveSubLevelIndex = hasSubMenuItems ? index : -1;
+    }
+    /**
+     * Mirrors non-mega keyboard behavior:
+     * tabbing from a 2nd-level item with submenu should enter 3rd-level links.
+     */
+    handleMegaSecondLevelKeyDown(event, index, hasSubMenuItems) {
+        if (!this.isMegaMenuEnabled() || !hasSubMenuItems || event.key !== 'Tab' || event.shiftKey) {
+            return;
+        }
+        event.preventDefault();
+        this.setMegaActiveSubLevel(index, hasSubMenuItems);
+        globalThis.requestAnimationFrame(() => {
+            const firstThirdLevelLink = this.el.shadowRoot?.querySelector('.menu__dropdown__mega-third-list a');
+            firstThirdLevelLink?.focus();
+        });
+    }
+    /**
+     * Handles Tab navigation within mega-menu 3rd-level links.
+     */
+    handleMegaThirdLevelLinkKeyDown = (event) => {
+        if (!this.isMegaMenuEnabled() || event.key !== 'Tab') {
+            return;
+        }
+        const megaThirdLevelLinks = Array.from(this.el.shadowRoot?.querySelectorAll('.menu__dropdown__mega-third-list a') ?? []);
+        if (megaThirdLevelLinks.length === 0) {
+            return;
+        }
+        const currentAnchor = event.currentTarget;
+        const currentIndex = megaThirdLevelLinks.indexOf(currentAnchor);
+        if (currentIndex < 0) {
+            return;
+        }
+        if (event.shiftKey) {
+            if (currentIndex > 0) {
+                event.preventDefault();
+                megaThirdLevelLinks[currentIndex - 1]?.focus();
+                return;
+            }
+            const activeSecondLevelIndex = this.megaActiveSubLevelIndex;
+            if (activeSecondLevelIndex < 0) {
+                return;
+            }
+            event.preventDefault();
+            const secondLevelLinks = this.el.shadowRoot?.querySelectorAll('.menu__dropdown__list--mega > li > a');
+            secondLevelLinks?.[activeSecondLevelIndex]?.focus();
+            return;
+        }
+        if (currentIndex < megaThirdLevelLinks.length - 1) {
+            event.preventDefault();
+            megaThirdLevelLinks[currentIndex + 1]?.focus();
+            return;
+        }
+        const activeSecondLevelIndex = this.megaActiveSubLevelIndex;
+        if (activeSecondLevelIndex < 0) {
+            return;
+        }
+        const secondLevelLinks = this.el.shadowRoot?.querySelectorAll('.menu__dropdown__list--mega > li > a');
+        const nextSecondLevelLink = secondLevelLinks?.[activeSecondLevelIndex + 1];
+        if (nextSecondLevelLink) {
+            event.preventDefault();
+            nextSecondLevelLink.focus();
+        }
+    };
+    /**
+     * Clears active second-level item in mega-menu mode.
+     */
+    clearMegaActiveSubLevel = () => {
+        if (!this.isMegaMenuEnabled()) {
+            return;
+        }
+        this.megaActiveSubLevelIndex = -1;
+    };
     /**
      * Renders the first menu level.
      */
     renderFirstLevel() {
-        const { firstLevelTitle, firstLevelLink, firstLevelId, firstLevelIcon, menuItemTheme, showMenuItemAnimation, active, clickable, type } = this;
+        const { firstLevelTitle, firstLevelLink, firstLevelId, firstLevelIcon, menuItemTheme, showMenuItemAnimation, active, subLevels, clickable, type } = this;
         const link = clickable && firstLevelLink.length !== 0 ? firstLevelLink : 'javascript:void(0)';
         const icon = firstLevelIcon ? this.renderIcon({ name: firstLevelIcon, invertIcon: true }) : '';
+        const hasActiveDescendant = type === 'main' && this.hasActiveSubLevels(subLevels);
+        const isFirstLevelActive = (active || hasActiveDescendant) && type !== 'login';
         let menuItemThemeClass = '', showAnimation = false;
         if (type === 'main') {
             menuItemThemeClass = menuItemTheme ? `menu__first-level--theme-${menuItemTheme}` : '';
             showAnimation = showMenuItemAnimation;
         }
-        return (h("a", { id: firstLevelId, href: link, class: {
+        return (h("a", { id: firstLevelId, href: link, part: "first-level", onMouseEnter: this.handleFirstLevelInteraction, onFocus: this.handleFirstLevelInteraction, class: {
                 'menu__first-level': true,
-                'menu--active': active && type !== 'login',
+                'menu--active': isFirstLevelActive,
                 'menu__first-level--themed': menuItemThemeClass.length > 0,
                 ...(menuItemThemeClass && { [menuItemThemeClass]: true }),
                 ...(showAnimation && { 'show-animation': true })
             } }, icon, firstLevelTitle, this.renderChevron()));
     }
+    /**
+     * Checks whether any nested sub-level item is marked as active.
+     */
+    hasActiveSubLevels(items) {
+        return items.some((item) => !!item.active || this.hasActiveSubLevels(item.subLevels ?? []));
+    }
     /**
      * Emit event when the component has been rendered.
      * Calculates available space on screen after first full render to correctly render 3rd level navigation.
      */
     componentDidRender() {
-        this.setupThirdLevelEvent();
+        this.syncLayout();
+    }
+    disconnectedCallback() {
+        this.setMegaParentElement(null);
+    }
+    /**
+     * Syncs dropdown size and position with parent container.
+     */
+    updateDropdownLayout() {
+        if (!this.isMegaMenuEnabled()) {
+            return;
+        }
+        const dropdown = this.el.shadowRoot?.querySelector('.menu__dropdown');
+        if (!dropdown) {
+            return;
+        }
+        const parentSelector = this.parentSelector?.trim();
+        const parentElement = parentSelector
+            ? this.el.closest(parentSelector)
+            : this.el.parentElement;
+        if (!parentElement) {
+            this.setMegaParentElement(null);
+            dropdown.style.removeProperty('top');
+            dropdown.style.removeProperty('--menu-dropdown-hover-bridge-height');
+            return;
+        }
+        this.setMegaParentElement(parentElement);
+        const parentRect = parentElement.getBoundingClientRect();
+        if (parentRect.width <= 0) {
+            return;
+        }
+        const menuRect = this.el.getBoundingClientRect();
+        const hoverBridgeHeight = Math.max(0, parentRect.bottom - menuRect.bottom);
+        dropdown.style.top = `${parentRect.bottom}px`;
+        dropdown.style.setProperty('--menu-dropdown-hover-bridge-height', `${hoverBridgeHeight}px`);
     }
     /**
      * Renders the chevron icon if the menu has sub-levels.
@@ -72,7 +336,7 @@ const TetMenu = class {
         if (!subLevel.active || type !== 'language') {
             return '';
         }
-        return (h("tet-icon", { name: "check", class: "menu__dropdown__list__checkmark", theme: this.darkMode ? 'dark' : 'light' }));
+        return (h("tet-icon", { name: "tc-check", class: "menu__dropdown__list__checkmark", theme: this.darkMode ? 'dark' : 'light' }));
     }
     /**
      * Renders the dropdown of the menu.
@@ -82,51 +346,71 @@ const TetMenu = class {
         if (subLevels.length < 1) {
             return '';
         }
-        const renderedSubLevels = subLevels.map((subLevel) => this.renderSubItem(subLevel));
-        return (h("div", { class: "menu__dropdown" }, h("ul", { class: "menu__dropdown__list" }, renderedSubLevels)));
+        const isMegaMenuEnabled = this.isMegaMenuEnabled();
+        const megaIndex = isMegaMenuEnabled ? this.megaActiveSubLevelIndex : -1;
+        const activeMegaSubLevels = megaIndex >= 0 ? (subLevels[megaIndex]?.subLevels ?? []) : [];
+        const renderedSubLevels = subLevels.map((subLevel, index) => this.renderSubItem(subLevel, index, isMegaMenuEnabled));
+        const list = (h("ul", { class: { 'menu__dropdown__list': true, 'menu__dropdown__list--mega': isMegaMenuEnabled } }, renderedSubLevels));
+        return (h("div", { class: { 'menu__dropdown': true, 'menu__dropdown--mega': isMegaMenuEnabled } }, isMegaMenuEnabled
+            ? (h("div", { class: "tet-grid" }, h("div", { class: "menu__dropdown__wrapper tet-grid__cell tet-grid__cell--span-all" }, h("div", { class: "menu__dropdown__mega-lists" }, list, h("div", { class: "menu__dropdown__mega-third" }, activeMegaSubLevels.length > 0 && (h("ul", { class: "menu__dropdown__mega-third-list" }, activeMegaSubLevels.map((_subLevel) => this.renderSublevelItem(_subLevel)))))), h("div", { class: "menu__dropdown__mega-banner" }, h("slot", { name: "banner" })))))
+            : list));
     }
     /**
      * Renders the sub-levels of the menu.
      * @param subLevel
      */
-    renderSubItem(subLevel) {
+    renderSubItem(subLevel, index, isMegaMenuEnabled) {
         const subMenuItems = subLevel.subLevels?.map((_subLevel) => {
             return this.renderSublevelItem(_subLevel);
         });
+        const hasSubMenuItems = !!subMenuItems?.length;
+        const hasActiveDescendant = this.hasActiveSubLevels(subLevel.subLevels ?? []);
+        const subMenuChevronName = 'chevron-right';
         let iconLeft = '';
         let iconRight = '';
-        if (subLevel.iconLeft) {
-            iconLeft = this.renderIcon({
-                name: subLevel.iconLeft,
-                right: false,
-                id: subLevel.id,
-                size: subLevel.iconSize,
-                useDefaultColor: subLevel.useDefaultColor
-            });
-        }
-        else if (subLevel.imageSrc) {
-            iconLeft = this.renderImage(subLevel);
-        }
-        if (subLevel.iconRight) {
-            iconRight = this.renderIcon({
-                name: subLevel.iconRight,
-                right: true,
-                id: subLevel.id,
-                size: subLevel.iconSize
-            });
-        }
-        const subTitle = subLevel.subTitle && subLevel.subTitle.length !== 0 ? (h("div", { class: "menu__dropdown__list__sub-title" }, subLevel.subTitle)) : ('');
-        const itemId = subLevel.id?.toString() || null;
-        return (h("li", null, h("a", { id: itemId, href: subLevel.link, class: {
-                'menu--active': subLevel.active,
-                'menu--highlighted': subLevel.highlighted,
-                'line-top': subLevel.lineTop,
-                'text-color-secondary': subLevel.textColorSecondary,
-                'translation-none': subLevel.translationNone,
-                'menu--submenu': !!subMenuItems?.length
+        if (!this.isMegaMenuLayout) {
+            if (subLevel.iconLeft) {
+                iconLeft = this.renderIcon({
+                    name: subLevel.iconLeft,
+                    right: false,
+                    id: subLevel.id,
+                    size: subLevel.iconSize,
+                    useDefaultColor: subLevel.useDefaultColor
+                });
+            }
+            else if (subLevel.imageSrc) {
+                iconLeft = this.renderImage(subLevel);
+            }
+            if (subLevel.iconRight) {
+                iconRight = this.renderIcon({
+                    name: subLevel.iconRight,
+                    right: true,
+                    id: subLevel.id,
+                    size: subLevel.iconSize
+                });
+            }
+        }
+        const subTitle = subLevel.subTitle && subLevel.subTitle.length !== 0 ? (h("div", { class: {
+                "menu__dropdown__list__sub-title": true,
+                "menu__dropdown__list__sub-title--mega": this.isMegaMenuLayout,
+            } }, subLevel.subTitle)) : ('');
+        const itemId = subLevel.id?.toString();
+        const subList = hasSubMenuItems && !isMegaMenuEnabled ? (h("div", { class: {
+                left: !isMegaMenuEnabled && this.isSubmenuLeft,
+                right: !isMegaMenuEnabled && !this.isSubmenuLeft,
+                menu__sublist: true
+            } }, h("ul", { class: { content: true } }, subMenuItems))) : null;
+        return (h("li", null, h("a", { id: itemId, href: subLevel.link, onMouseEnter: () => this.setMegaActiveSubLevel(index, hasSubMenuItems), onFocus: () => this.setMegaActiveSubLevel(index, hasSubMenuItems), onKeyDown: (event) => this.handleMegaSecondLevelKeyDown(event, index, hasSubMenuItems), class: {
+                'menu--active': !!subLevel.active || hasActiveDescendant,
+                'menu--mega-current': isMegaMenuEnabled && index === this.megaActiveSubLevelIndex,
+                'menu--highlighted': !!subLevel.highlighted,
+                'line-top': !!subLevel.lineTop,
+                'text-color-secondary': !!subLevel.textColorSecondary,
+                'translation-none': !!subLevel.translationNone,
+                'menu--submenu': hasSubMenuItems
             }, tabIndex: 0 }, iconLeft, h("div", null, !!subLevel.badgeText
             ? h("span", { class: "menu__badge" }, subLevel.badgeText)
-            : null, h("div", null, subLevel.title), subTitle, this.renderCheckmark(subLevel)), iconRight, !!subMenuItems && (h("tet-icon", { class: "menu__chevron", name: "chevron-right", theme: this.darkMode ? 'dark' : 'light' })), !!subMenuItems && (h("div", { class: { left: this.isSubmenuLeft, right: !this.isSubmenuLeft, menu__sublist: true } }, h("ul", { class: { content: true } }, subMenuItems))))));
+            : null, h("div", null, subLevel.title), subTitle, this.renderCheckmark(subLevel)), iconRight, hasSubMenuItems && (h("tet-icon", { class: "menu__chevron", name: subMenuChevronName, theme: this.darkMode ? 'dark' : 'light' }))), subList));
     }
     /**
      * Renders the sub-levels of the menu.
@@ -135,31 +419,33 @@ const TetMenu = class {
     renderSublevelItem(subLevel) {
         let iconLeft = '';
         let iconRight = '';
-        if (subLevel.iconLeft) {
-            iconLeft = this.renderIcon({
-                name: subLevel.iconLeft,
-                right: false,
-                id: subLevel.id,
-                size: subLevel.iconSize,
-                useDefaultColor: subLevel.useDefaultColor
-            });
-        }
-        else if (subLevel.imageSrc) {
-            iconLeft = this.renderImage(subLevel);
-        }
-        if (subLevel.iconRight) {
-            iconRight = this.renderIcon({
-                name: subLevel.iconRight,
-                right: true,
-                id: subLevel.id,
-                size: subLevel.iconSize
-            });
-        }
-        return (h("li", null, h("a", { id: subLevel.id, href: subLevel.link, class: {
-                'menu--active': subLevel.active,
-                'menu--highlighted': subLevel.highlighted,
-                'line-top': subLevel.lineTop,
-                'text-color-secondary': subLevel.textColorSecondary
+        if (!this.isMegaMenuLayout) {
+            if (subLevel.iconLeft) {
+                iconLeft = this.renderIcon({
+                    name: subLevel.iconLeft,
+                    right: false,
+                    id: subLevel.id,
+                    size: subLevel.iconSize,
+                    useDefaultColor: subLevel.useDefaultColor
+                });
+            }
+            else if (subLevel.imageSrc) {
+                iconLeft = this.renderImage(subLevel);
+            }
+            if (subLevel.iconRight) {
+                iconRight = this.renderIcon({
+                    name: subLevel.iconRight,
+                    right: true,
+                    id: subLevel.id,
+                    size: subLevel.iconSize
+                });
+            }
+        }
+        return (h("li", null, h("a", { id: subLevel.id, href: subLevel.link, onKeyDown: this.handleMegaThirdLevelLinkKeyDown, class: {
+                'menu--active': !!subLevel.active,
+                'menu--highlighted': !!subLevel.highlighted,
+                'line-top': !!subLevel.lineTop,
+                'text-color-secondary': !!subLevel.textColorSecondary
             }, tabIndex: 0 }, iconLeft, h("div", null, h("div", null, h("span", null, subLevel.title), !!subLevel.badgeText
             ? h("span", { class: "menu__badge" }, subLevel.badgeText)
             : null), this.renderCheckmark(subLevel)), iconRight)));
@@ -184,41 +470,60 @@ const TetMenu = class {
         return (h("div", { class: "menu__icon" }, h("img", { src: subLevel.imageSrc, alt: "" })));
     }
     setupThirdLevelEvent() {
-        const tetMenus = document.querySelectorAll('tet-menu');
-        tetMenus.forEach((tetMenu) => {
-            const thirdLevelmenus = tetMenu.shadowRoot.querySelectorAll('.menu__sublist');
-            if (thirdLevelmenus) {
-                thirdLevelmenus.forEach((thirdLevelmenu) => {
-                    const parent = thirdLevelmenu.closest('a');
-                    parent.addEventListener('mouseenter', () => {
-                        const windowWidth = window.innerWidth;
-                        const windowHeight = window.innerHeight;
-                        const parentRect = parent.getBoundingClientRect();
-                        const thirdRectParent = thirdLevelmenu.offsetParent || null;
-                        const offsetRect = thirdRectParent ? thirdRectParent.getBoundingClientRect() : { top: 0 };
-                        const thirdLevelmenuWidth = thirdLevelmenu.offsetWidth;
-                        const thirdLevelmenuHeight = thirdLevelmenu.offsetHeight;
-                        // Desired top position in viewport coordinates
-                        const bottomPadding = 10;
-                        const desiredTopViewport = Math.max(10, Math.min(parentRect.top, windowHeight - thirdLevelmenuHeight - bottomPadding));
-                        const desiredTopOffset = desiredTopViewport - offsetRect.top;
-                        thirdLevelmenu.style.top = `${desiredTopOffset}px`;
-                        thirdLevelmenu.style.bottom = '';
-                        const parentRight = parentRect.right;
-                        this.isSubmenuLeft = windowWidth < parentRight + thirdLevelmenuWidth;
-                    });
-                });
+        if (this.isMegaMenuEnabled()) {
+            return;
+        }
+        const thirdLevelmenus = this.el.shadowRoot?.querySelectorAll('.menu__sublist');
+        if (!thirdLevelmenus) {
+            return;
+        }
+        thirdLevelmenus.forEach((thirdLevelmenu) => {
+            const menuItem = thirdLevelmenu.closest('li');
+            if (!menuItem) {
+                return;
+            }
+            const parent = menuItem.querySelector('a');
+            if (!parent) {
+                return;
+            }
+            const existingHandler = this.thirdLevelMouseEnterHandlers.get(parent);
+            if (existingHandler) {
+                parent.removeEventListener('mouseenter', existingHandler);
+                this.thirdLevelMouseEnterHandlers.delete(parent);
             }
+            thirdLevelmenu.style.removeProperty('top');
+            thirdLevelmenu.style.removeProperty('bottom');
+            const onMouseEnter = () => {
+                const windowWidth = window.innerWidth;
+                const windowHeight = window.innerHeight;
+                const parentRect = parent.getBoundingClientRect();
+                const thirdRectParent = thirdLevelmenu.offsetParent || null;
+                const offsetRect = thirdRectParent ? thirdRectParent.getBoundingClientRect() : { top: 0 };
+                const thirdLevelmenuWidth = thirdLevelmenu.offsetWidth;
+                const thirdLevelmenuHeight = thirdLevelmenu.offsetHeight;
+                // Desired top position in viewport coordinates
+                const bottomPadding = 10;
+                const desiredTopViewport = Math.max(10, Math.min(parentRect.top, windowHeight - thirdLevelmenuHeight - bottomPadding));
+                const desiredTopOffset = desiredTopViewport - offsetRect.top;
+                thirdLevelmenu.style.top = `${desiredTopOffset}px`;
+                thirdLevelmenu.style.bottom = '';
+                const parentRight = parentRect.right;
+                this.isSubmenuLeft = windowWidth < parentRight + thirdLevelmenuWidth;
+            };
+            parent.addEventListener('mouseenter', onMouseEnter);
+            this.thirdLevelMouseEnterHandlers.set(parent, onMouseEnter);
         });
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'e2d8b43766609775d960b7aaa03d6feb75f1a659' }, h("div", { key: 'f9af384dd73f665ceec77c22a0947347066e082a', class: {
+        return (h(Host, { key: '981d8a58d272ace848d7a6c4c82e7916a4282991' }, h("div", { key: '3eb7afce24ff6373a43bc4405fbba7cb6a421e85', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',
                 menu__login: type === 'login',
-                menu__dark: this.darkMode
+                menu__dark: this.darkMode,
+                'menu--mega-open': this.isMegaMenuEnabled() && this.isMegaMenuOpen,
+                'menu--mega-escape-closed': this.isMegaMenuEnabled() && this.isMegaMenuEscapeClosed
             } }, this.renderFirstLevel(), this.renderSubLevels())));
     }
 };