#mainmenu--toggle{position:relative;height:30px;display:flex;align-items:center;padding:0 15px;outline:0;transition:color .3s ease;cursor:pointer}#mainmenu--toggle .title{color:var(--color-za);padding-left:28px;font-size:26px;transition:color .3s ease}@media (max-width: 829.98px){#mainmenu--toggle .title{display:none}}#mainmenu--toggle:hover .burger,#mainmenu--toggle:hover .burger:before,#mainmenu--toggle:hover .burger:after{background-color:var(--color-link-hover)}#mainmenu--toggle:hover span{color:var(--color-link-hover)}#mainmenu--toggle .burger,#mainmenu--toggle .burger:before,#mainmenu--toggle .burger:after{position:absolute;left:0;content:"";background:var(--color-za);border-radius:3px;width:30px;height:4px;transform:rotate(0);transition:transform .3s ease,background .1s ease,top .3s ease,background-color .3s ease}#mainmenu--toggle .burger{top:13px}#mainmenu--toggle .burger:before{top:-8px}#mainmenu--toggle .burger:after{bottom:-8px}#mainmenu--toggle.active .burger{background:transparent}#mainmenu--toggle.active .burger:before{top:0;transform:rotate(-45deg)}#mainmenu--toggle.active .burger:after{bottom:0;transform:rotate(45deg)}.flyout-menu{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;z-index:99999;background:#00000059;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.flyout-menu .flyout-title{font-size:22px;letter-spacing:.8px;line-height:28px;padding:16px;margin:0;color:var(--color-text);text-align:center;border-bottom:2px solid var(--color-background-100)}.flyout-menu.active{opacity:1;visibility:visible}.flyout-menu.active>ul{transform:translate(0)}.flyout-menu>ul{height:100%;max-width:min(320px,100vw - 42px);background:#fff;transform:translate(-100%);transition:transform .3s ease}.flyout-menu>ul>li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--color-background-100);margin:0 12px;padding:6px 0}.flyout-menu>ul>li>a{display:flex;flex:0 0 90%;flex-direction:row;align-items:center;padding:12px 0;color:var(--color-text)}.flyout-menu>ul>li>a .icon{width:52px;flex:0 0 52px}.flyout-menu>ul>li>a .icon i{font-size:28px;color:var(--color-za)}.flyout-menu>ul>li>a .title{display:block;font-size:16px;font-weight:500;line-height:24px}.flyout-menu>ul>li>a .subtitle{font-size:14px;line-height:18px;color:var(--color-text)}.flyout-menu>ul>li.active .toggle i{transform:rotate(180deg)}.flyout-menu>ul>li .toggle{display:flex;flex:0 0 10%;height:40px;cursor:pointer;justify-content:center;align-items:center}.flyout-menu>ul>li .toggle i{font-size:18px;transition:transform .2s ease}.flyout-menu>ul>li.active .submenu{grid-template-rows:1fr}.flyout-menu>ul>li .submenu{display:grid;flex:0 0 100%;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.flyout-menu>ul>li .submenu ul{overflow:hidden;margin-left:58px}.flyout-menu>ul>li .submenu ul a{display:block;font-size:14px;line-height:28px;color:var(--color-text)}