/* Simulator overview links with accessible submenus. */
:is(.header,.cs-header) .simulator-menu-group{position:relative;border-bottom:1px solid #ffffff13;margin-bottom:2px}
:is(.header,.cs-header) .simulator-menu-row{display:flex;align-items:stretch;min-width:0}
:is(.header,.cs-header) .simulator-menu-row>a.simulator-menu-card{flex:1;min-width:0;padding-right:4px}
:is(.header,.cs-header) .simulator-submenu-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:58px;margin:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--submenu-accent,#a8d9ee);cursor:pointer}
:is(.header,.cs-header) .simulator-submenu-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
:is(.header,.cs-header) .simulator-submenu-toggle:hover,:is(.header,.cs-header) .simulator-menu-group.is-open .simulator-menu-row{background:#a8d9ee0c;border-radius:6px}
:is(.header,.cs-header) .simulator-submenu-toggle:focus-visible,:is(.header,.cs-header) .simulator-detail-menu a:focus-visible{outline:2px solid #a8d9ee;outline-offset:-3px}
:is(.header,.cs-header) .simulator-detail-menu{position:absolute;left:calc(100% + 6px);top:0;z-index:5;width:300px;box-sizing:border-box;padding:10px;background:linear-gradient(145deg,#20313e,#15212c);color:#e7edf2;border:1px solid #7094aa65;border-radius:10px;box-shadow:0 18px 40px #0006}
:is(.header,.cs-header) .simulator-detail-menu[hidden]{display:none}
:is(.header,.cs-header) .simulator-detail-menu::before{content:'';position:absolute;left:-14px;top:0;bottom:0;width:14px}
:is(.header,.cs-header) .simulator-detail-heading{margin:3px 10px 8px;color:var(--submenu-accent,#a8d9ee);font-size:12px;font-weight:600;letter-spacing:.04em}
:is(.header,.cs-header) .simulator-detail-menu a{display:flex;align-items:center;min-height:48px;box-sizing:border-box;padding:12px 10px;border-radius:5px;color:#e7edf2;font-size:14px;line-height:1.4;white-space:normal;text-decoration:none}
:is(.header,.cs-header) .simulator-detail-menu a+a{border-top:1px solid #ffffff13}
:is(.header,.cs-header) .simulator-detail-menu a:hover,:is(.header,.cs-header) .simulator-detail-menu a[aria-current=page]{color:#fff;background:#a8d9ee15}
:is(.header,.cs-header) .simulator-detail-menu a[aria-current=page]{box-shadow:inset 2px 0 #a8d9ee}
:is(.header,.cs-header) .simulator-menu-group.opens-left .simulator-detail-menu{left:auto;right:calc(100% + 6px)}
:is(.header,.cs-header) .simulator-menu-group.opens-left .simulator-detail-menu::before{left:auto;right:-14px}
@media(max-width:1250px){
 :is(.header,.cs-header) nav:is(#navigation,#cs-site-navigation){flex-wrap:nowrap;flex-direction:column}
 :is(.header,.cs-header) nav:is(#navigation,#cs-site-navigation)>*{flex-shrink:0}
 :is(.header,.cs-header) .simulator-detail-menu{position:static;width:auto;margin:0 4px 8px 46px;padding:4px 6px;border:0;border-left:2px solid #a8d9ee60;border-radius:0;background:transparent;box-shadow:none}
 :is(.header,.cs-header) .simulator-detail-menu::before,:is(.header,.cs-header) .simulator-detail-heading{display:none}
 :is(.header,.cs-header) .simulator-menu-group.is-open .simulator-submenu-toggle svg{transform:rotate(90deg)}
 :is(.header,.cs-header) .simulator-detail-menu a{font-size:14px;min-height:46px}
}

:is(.header,.cs-header) [data-simulator-submenu="dcs"]{--submenu-accent:#efac70}
:is(.header,.cs-header) [data-simulator-submenu="war-thunder"]{--submenu-accent:#ef9292}