.ew-nav,
.ew-nav * { box-sizing: border-box; }
.ew-nav { position: relative; width: 100%; --ew-nav-styles-ready: yes; --ew-nav-tablet: 1024px; --ew-nav-mobile: 767px; }
.ew-nav ul { margin: 0; padding: 0; list-style: none; }
.ew-nav .ew-nav__item[hidden] { display: none !important; }
.ew-nav__menu { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.ew-nav__item { position: relative; }
.ew-nav .ew-nav__top-wrap { display: flex !important; align-items: center !important; }
.ew-nav .ew-nav__top-link { display: inline-flex !important; align-items: center !important; padding: 0; color: inherit; white-space: nowrap !important; text-decoration: none !important; transition: color .18s ease, background-color .18s ease; }
.ew-nav .ew-nav__item.is-button-item { flex: 0 0 auto; margin-inline-start: 16px; }
.ew-nav .ew-nav__item.is-button-item .ew-nav__top-link { padding: 14px 28px !important; border-radius: 999px; background: #123b7a; color: #fff; }
.ew-nav .ew-nav__submenu-toggle { position: relative; display: inline-grid !important; width: .7em !important; height: 26px !important; place-items: center start !important; margin-inline-start: 6px; padding: 0 !important; border: 0 !important; background: transparent; color: currentColor; cursor: pointer; }
.ew-nav .ew-nav__submenu-toggle::before { position: absolute; inset: -7px -9px; content: ""; }
.ew-nav__submenu-toggle > span { width: .55em; height: .55em; border-right: .14em solid currentColor; border-bottom: .14em solid currentColor; transform: rotate(45deg) translateY(-.12em); transition: transform .18s ease; }
.ew-nav__item.is-open .ew-nav__submenu-toggle > span { transform: rotate(225deg) translate(-.08em,-.08em); }
.ew-nav .ew-nav__panel { position: absolute; z-index: 999; top: calc(100% + var(--ew-nav-panel-offset, 8px)); left: 0; translate: var(--ew-nav-panel-horizontal-offset, 0) 0; padding: 24px; border: 1px solid rgba(15,23,42,.1); border-radius: 14px; background: #fff; box-shadow: none; color: var(--ast-global-color-2, #1e293b); animation: ew-nav-panel-in .18s ease both; }
.ew-nav .ew-nav__panel--traditional.ew-nav__panel--width-content { width: 280px; }
.ew-nav .ew-nav__panel--template.ew-nav__panel--width-content { width: 900px; max-width: 95vw; }
.ew-nav__panel[hidden] { display: none !important; }
.ew-nav .ew-nav__panel--width-navigation { position: absolute; top: calc(100% + var(--ew-nav-panel-offset, 8px)); right: auto; left: calc(var(--ew-nav-panel-navigation-left, 0px) + var(--ew-nav-panel-horizontal-offset, 0px)); width: var(--ew-nav-panel-navigation-width, 100%); max-width: none; translate: none; }
.ew-nav .ew-nav__panel--width-viewport { position: absolute; top: calc(100% + var(--ew-nav-panel-offset, 8px)); right: auto; left: calc(0px - var(--ew-nav-panel-viewport-left, 0px)); width: var(--ew-nav-panel-viewport-width, 100vw); max-width: none !important; translate: none; border-radius: 0; }
.ew-nav__submenu { display: grid; gap: 3px; }
.ew-nav__submenu .ew-nav__submenu { margin: 4px 0 0 14px; }
.ew-nav__submenu-link { display: block; padding: 10px 12px; border-radius: 8px; color: inherit; text-decoration: none; transition: color .18s ease, background-color .18s ease; }
.ew-nav__submenu-link:hover,
.ew-nav__submenu-link:focus-visible { background: var(--ast-global-color-4, #f1f5f9); }
.ew-nav__menu-toggle { display: none; align-items: center; gap: 8px; margin-inline-start: auto; cursor: pointer; }
.ew-nav__menu-toggle svg { width: 1em; height: 1em; fill: currentColor; }
.ew-nav__toggle-close { display: none; }
.ew-nav.is-menu-open .ew-nav__toggle-open { display: none; }
.ew-nav.is-menu-open .ew-nav__toggle-close { display: inline-flex; }
.ew-nav__empty { margin: 0; padding: 16px; border: 1px dashed #cbd5e1; border-radius: 8px; color: #64748b; }
.ew-nav :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@keyframes ew-nav-panel-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.ew-nav.is-collapsed .ew-nav__menu-toggle { display: inline-flex; }
.ew-nav.is-collapsed .ew-nav__menu { display: none; z-index: 1000; width: min(var(--ew-nav-responsive-width, 360px), 100vw); overflow: hidden; grid-auto-rows: max-content; align-content: start; padding: 20px; border: 1px solid rgba(15,23,42,.1); border-radius: 12px; background: #fff; box-shadow: 0 14px 35px rgba(15,23,42,.12); }
.ew-nav.is-collapsed .ew-nav__menu[popover] { margin: 0 !important; }
.ew-nav.is-collapsed.is-menu-open .ew-nav__menu { display: grid; }
.ew-nav.is-mode-dropdown .ew-nav__menu { position: absolute; top: calc(100% + var(--ew-nav-responsive-y, 10px)); right: calc(0px - var(--ew-nav-responsive-x, 0px)); }
.ew-nav.is-mode-flyout .ew-nav__menu { position: fixed; top: 0; bottom: auto; width: min(var(--ew-nav-responsive-width, 360px), var(--ew-nav-responsive-viewport-width, 100vw)); height: var(--ew-nav-responsive-viewport-height, 100vh) !important; min-height: var(--ew-nav-responsive-viewport-height, 100vh) !important; max-height: var(--ew-nav-responsive-viewport-height, 100vh) !important; border-radius: 0; }
.ew-nav.is-mode-flyout.is-flyout-right .ew-nav__menu { right: 0; left: auto; }
.ew-nav.is-mode-flyout.is-flyout-left .ew-nav__menu { right: auto; left: 0; }
.ew-nav.is-mode-fullscreen .ew-nav__menu { position: fixed; inset: 0 auto auto 0; width: var(--ew-nav-responsive-viewport-width, 100vw) !important; max-width: none; height: var(--ew-nav-responsive-viewport-height, 100vh) !important; min-height: var(--ew-nav-responsive-viewport-height, 100vh) !important; max-height: var(--ew-nav-responsive-viewport-height, 100vh) !important; border-radius: 0; }
.ew-nav.is-mode-flyout.is-menu-open .ew-nav__menu { animation: ew-nav-flyout-in .22s ease both; }
.ew-nav.is-mode-flyout.is-flyout-left.is-menu-open .ew-nav__menu { animation-name: ew-nav-flyout-left-in; }
.ew-nav.is-mode-fullscreen.is-menu-open .ew-nav__menu { animation: ew-nav-fullscreen-in .2s ease both; }
.ew-nav.is-collapsed.is-menu-open .ew-nav__menu-toggle { position: relative; z-index: 1001; }
.ew-nav.is-mode-flyout.is-menu-open > .ew-nav__menu-toggle,
.ew-nav.is-mode-fullscreen.is-menu-open > .ew-nav__menu-toggle { visibility: visible; position: relative; z-index: 0; pointer-events: auto; }
.ew-nav__panel-close-wrap { display: none; }
.ew-nav.is-mode-flyout .ew-nav__panel-close-wrap,
.ew-nav.is-mode-fullscreen .ew-nav__panel-close-wrap { position: absolute; z-index: 2; top: 16px; right: 16px; display: block; }
.ew-nav.is-mode-flyout .ew-nav__panel-close-wrap + .ew-nav__item,
.ew-nav.is-mode-fullscreen .ew-nav__panel-close-wrap + .ew-nav__item { margin-block-start: var(--ew-nav-overlay-content-top-space, 72px); }
.ew-nav .ew-nav__panel-close { display: inline-grid; place-items: center; padding: 10px; border: 0; border-radius: 999px; background: transparent; color: inherit; cursor: pointer; line-height: 1; transition: color .18s ease, background-color .18s ease; }
.ew-nav .ew-nav__panel-close svg { display: block; width: 1em; height: 1em; fill: currentColor; }
.ew-nav.is-collapsed .ew-nav__top-wrap { width: 100%; justify-content: flex-start; padding-block: 10px; }
.ew-nav.is-collapsed .ew-nav__top-link { width: auto; flex: 0 1 auto; }
.ew-nav.is-collapsed .ew-nav__item.is-button-item { margin-inline-start: 0 !important; }
.ew-nav.is-collapsed .ew-nav__submenu-toggle { flex: 0 0 auto; margin-inline-start: 6px; }
.ew-nav.is-collapsed .ew-nav__panel { position: static; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: var(--ew-nav-panel-offset, 8px) 0 10px; translate: var(--ew-nav-panel-horizontal-offset, 0) 0; }
.ew-nav-overlay-open { overflow: hidden; }
@keyframes ew-nav-flyout-in { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }
@keyframes ew-nav-flyout-left-in { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: translateX(0); } }
@keyframes ew-nav-fullscreen-in { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
	.ew-nav__top-link,
	.ew-nav__submenu-link,
	.ew-nav__panel-close,
	.ew-nav__submenu-toggle > span { transition: none; }
	.ew-nav__panel { animation: none; }
}
