.mobile-menu-toggle{display:none;appearance:none;border:1px solid #cbd5df;background:#fff;color:#10273d;width:40px;height:40px;padding:0;border-radius:9px;cursor:pointer;align-items:center;justify-content:center;flex:0 0 40px;box-shadow:none}
.mobile-menu-toggle span,.mobile-menu-toggle::before,.mobile-menu-toggle::after{content:"";display:block;width:19px;height:2px;border-radius:99px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.mobile-menu-toggle span{margin:4px 0}
.mobile-menu-toggle[aria-expanded="true"] span{opacity:0}
.mobile-menu-toggle[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1100px){
  .topbar{overflow:visible!important}
  .topbar .nav{position:relative}
  .mobile-menu-toggle{display:inline-flex!important;flex-direction:column;margin-left:auto}
  .topbar .nav>nav{display:none!important}
  .topbar .nav.mobile-menu-open>nav{
    display:flex!important;position:absolute!important;top:calc(100% + 1px);left:0;right:0;z-index:1000;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    max-height:calc(100vh - 100px);overflow-y:auto;padding:8px!important;background:#fff!important;
    border:1px solid #d8e1e9!important;border-radius:0 0 14px 14px!important;box-shadow:0 16px 34px rgba(10,31,50,.18)!important
  }
  .topbar .nav.mobile-menu-open>nav a{
    display:flex!important;align-items:center!important;width:100%!important;padding:13px 14px!important;
    color:#10273d!important;background:#fff!important;border-bottom:1px solid #edf1f4!important;border-radius:8px!important;
    font-size:14px!important;font-weight:750!important;line-height:1.15!important;text-align:left!important
  }
  .topbar .nav.mobile-menu-open>nav a:last-child{border-bottom:0!important}
  .topbar .nav.mobile-menu-open>nav a:hover,.topbar .nav.mobile-menu-open>nav a:focus{color:#ef3441!important;background:#f5f7f9!important}
  .topbar .nav-actions{flex:0 0 auto}
}

@media(max-width:700px){
  .mobile-menu-toggle{position:absolute!important;top:8px!important;right:0!important;width:37px!important;height:37px!important;flex-basis:37px!important}
  .topbar .brand{padding-right:44px!important}
  .topbar .nav.mobile-menu-open>nav{top:61px!important;left:-10px!important;right:-10px!important;border-left:0!important;border-right:0!important;border-radius:0 0 13px 13px!important}
}

body:not(.theme-modern-light) .mobile-menu-toggle{background:#0b1d2d;color:#fff;border-color:#38516a}
.theme-modern-light .mobile-menu-toggle{background:#fff;color:#10273d;border-color:#b8c7d4}

@media(max-width:390px){
  .mobile-menu-toggle{width:34px!important;height:34px!important;right:0!important}
  .mobile-menu-toggle span,.mobile-menu-toggle::before,.mobile-menu-toggle::after{width:17px}
  .topbar .brand{padding-right:39px!important}
}