#mainmenu{display:flex}#mainmenu>li{margin:0 8px}#mainmenu>li>:is(a,button){font-size:16px;margin:0;padding:20px 12px;line-height:1.2;color:inherit;font-family:inherit;background:0 0;-webkit-tap-highlight-color:transparent;appearance:none;background-color:transparent!important;display:inline-block;line-height:1.2;white-space:nowrap;transition:background-color .1s ease-out;position:relative}#mainmenu>li>:is(a,button):after{display:block;background:#fff;content:"";transition:all .2s ease-out;transition:all .2s cubic-bezier(.68,-.55,.27,1.55);position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:4px}#mainmenu>li>:is(button,a.has_sub) .hover-zone{display:block;background-color:transparent;pointer-events:none;transition:all .3s ease-in;opacity:0;z-index:999;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:calc(150% + 24px);height:calc(100% + 100px);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='50,0 0,100 100,100' fill='%23E5F0FA'/></svg>");background-repeat:no-repeat;background-position:center 8px}#mainmenu>li.active>:is(button,a.has_sub) .hover-zone{transition:all .3s ease-out;top:calc(100% - 1px);opacity:1;pointer-events:auto;background-position:center 8px;background-size:auto 48px}@media all and (min-width:1024px) and (max-width:1199.98px){#mainmenu>li>:is(a,button){font-size:16px}#mainmenu>li{margin:0 4px}}@media all and (max-width:1099.98px){#mainmenu>li>:is(a,button){padding:var(--section-padding)}#mainmenu>li>:is(a,button):after{transition:none}#mainmenu>li:not(.active)>:is(a,button):is(:hover,:focus-visible):after{width:0!important}#menuholder{width:calc(100% - (var(--wrapper-margin) * 2));overflow:hidden;background-color:var(--blue);margin:0 16px;padding:var(--section-padding);border-radius:var(--section-radius);position:fixed;left:var(--wrapper-margin);top:var(--masthead-clearance);height:calc(100% - var(--masthead-clearance));max-height:calc(100% - var(--masthead-clearance));min-height:calc(100% - var(--masthead-clearance))}#mainmenu{display:block;overflow:auto;position:absolute;top:0;padding:32px 0;left:var(--section-padding);width:calc(100% - var(--section-padding) - var(--section-padding));width:calc(100% - var(--section-padding));padding-right:var(--section-padding);height:100%}#menuholder:before,#menuholder:after{content:"";display:block;height:32px;width:100%;width:calc(100% - 8px);position:absolute;z-index:99;left:20px;left:4px;background:linear-gradient(to bottom,#1b6a97,transparent);border-radius:var(--section-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}#menuholder:before{top:0}#menuholder:after{bottom:0;transform:rotate(180deg)}#mainmenu::-webkit-scrollbar{width:12px;height:12px}#mainmenu::-webkit-scrollbar-track{background:#fff}#mainmenu::-webkit-scrollbar-thumb{background-color:var(--container_blue);border-radius:12px;border:3px solid #fff}#mainmenu::-webkit-scrollbar-thumb:hover{background-color:var(--blue)}#mainmenu{scrollbar-width:thin;scrollbar-color:var(--blue) #fff}#mainmenu>li{margin:0 0 8px}#mainmenu>li>:is(button,a.has_sub) .hover-zone{display:none!important}#mainmenu>li.active{background-color:var(--container_blue);border-radius:var(--radius);overflow:hidden}}#mainmenu>li.active>:is(button,a.has_sub):after,#mainmenu>li>:is(a,button):is(:hover,:focus-visible):after{width:100%}@media (prefers-color-scheme:dark){#mainmenu>li>:is(a,button).current{background-color:rgba(255,255,255,.15);color:#fff}}#mainmenu>li>div.submenu{transition:opacity .2s ease;position:absolute;z-index:20;left:var(--wrapper-margin);top:calc(100% + 8px);top:calc(var(--masthead-height) + 24px);z-index:9999;width:calc(100% - var(--wrapper-margin) - var(--wrapper-margin));opacity:0;visibility:hidden;border-radius:var(--section-radius);background:var(--submenu_blue);color:#fff;padding:40px var(--section-padding)}#mainmenu>li.active>div.submenu{visibility:visible;opacity:1;transition:opacity .1s ease-out}@media all and (max-width:1099.98px){#mainmenu>li>div.submenu{left:0;transform:none;max-height:0;overflow:hidden;position:static;width:100%;transition:all .3s ease-out!important}#mainmenu>li.active>div.submenu{max-height:90em;visibility:visible;opacity:1;transition:all .3s ease-in!important}#mainmenu>li>:is(button,a.has_sub){width:100%}#mainmenu>li>:is(button,a.has_sub)>span{width:100%}#mainmenu>li>:is(button,a.has_sub) i{margin-left:auto!important}}#mainmenu ul :is(a,button)>span{transition:all .2s ease;text-decoration:none;padding:1px 0;background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .2s}#mainmenu ul :is(a,button):is(:hover)>span{background-size:100% 1px,100% 1px}#mainmenu ul :is(a,button):focus-visible{outline:3px solid #000;box-shadow:0 0 0 6px #fff}#mainmenu>li>:is(a,button):focus-visible{outline:3px solid #000;box-shadow:0 0 0 6px #fff}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){#mainmenu :is(a,button)>span{background-size:0 1.5px,100% 1.5px}#mainmenu :is(a,button):is(:hover)>span{background-size:100% 1.5px,100% 1.5px}#mainmenu li.first :is(a,button)>span{background-size:0 2px,100% 2px}#mainmenu li.first :is(a,button):is(:hover)>span{background-size:100% 2px,100% 2px}}#mainmenu>li>:is(button,a.has_sub){cursor:pointer}#mainmenu>li>:is(button,a.has_sub)>span{display:flex;align-items:center}#mainmenu>li>:is(button,a.has_sub) .icon{font-style:normal!important;margin-left:.333em;display:flex;align-items:center;position:relative;top:calc(-0.05em - 1px);display:inline-block;vertical-align:middle;line-height:1}#mainmenu>li>:is(button,a.has_sub) .icon:after{display:inline-block;font-size:.5em;line-height:1;transition:all .2s ease;font-family:esero;font-weight:400;content:"\e804"}#mainmenu>li.active>:is(button,a.has_sub) .icon:after{transform:rotate(180deg)}