/* AE_MOBILE_CONTROLS568 */
.aeMobControlsHeading568{display:none;}
@media(max-width:640px){
  
  html.aeMobV2 #mapbar .aeMobControlsHeading568{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    width:100%;padding:0 0 12px;box-sizing:border-box;
  }
  html.aeMobV2 #mapbar .aeMobControlsHeading568 strong{font-size:15px;letter-spacing:0;text-transform:none;}
  html.aeMobV2 #mapbar .aeMobControlsHeading568 button{min-width:64px;min-height:44px;}
  html.aeMobV2 #mapbar .mbSel,html.aeMobV2 #mapbar .mbTool{
    width:100%;min-width:0;max-width:100%;flex-wrap:wrap!important;
    overflow:visible;gap:14px;box-sizing:border-box;justify-content:flex-start;
  }
  html.aeMobV2 #mapbar .mbCluster{
    flex:1 1 100%;width:100%;min-width:0;max-width:100%;
    flex-direction:column!important;align-items:stretch!important;
    padding:12px 0!important;gap:10px!important;border-left:0;border-right:0;
    box-sizing:border-box;
  }
  html.aeMobV2 #mapbar .mbCluster .mgHead{display:block;font-size:11px;line-height:1.3;padding:0;}
  html.aeMobV2 #mapbar .mbCluster .mgBody{
    display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%;gap:10px;
    justify-content:flex-start;box-sizing:border-box;
  }
  html.aeMobV2 #mapbar .grp{min-width:0;max-width:100%;flex-wrap:wrap;gap:8px;}
  html.aeMobV2 #mapbar #metricgrp,html.aeMobV2 #mapbar #expgrp,
  html.aeMobV2 #mapbar #smallgrp,html.aeMobV2 #mapbar #mapsCtlGrp{flex:1 1 100%;width:100%;}
  html.aeMobV2 #mapbar .grp>.lab,
  html.aeMobV2 #mapbar #smallgrp>.lab{
    flex:0 0 100%;width:auto;white-space:normal;font-size:11px;line-height:1.4;
  }
  html.aeMobV2 #mapbar select{min-width:0;max-width:100%;min-height:44px;flex:1 1 auto;}
  html.aeMobV2 #mapbar button{min-height:44px;}
  html.aeMobV2 #mapbar #smallSeg{flex:0 0 auto;}
  html.aeMobV2 #mapbar #smallCutSel{flex:1 1 100px;}
  html.aeMobV2 #mapbar #sectorPresetSel{flex:1 1 160px;}
}

@media(max-width:640px){
  html.aeMobV2 #mapbar .aeMobControlsHeading568 button{
    appearance:none;border:1px solid var(--border,#393642);border-radius:8px;
    background:var(--panel,#171620);color:var(--text,#eeeeF3);
    font:inherit;font-size:13px;font-weight:600;cursor:pointer;
  }
  html.aeMobV2 #mapbar .mgBody #viewZoom{margin-left:0;flex:0 0 100%;justify-content:flex-start;}
}
