/* ST_BASEMAP_TOGGLE_V1 */
.st-basemap-switcher{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid rgba(164,211,237,.24);
  border-radius:9px;
  background:rgba(5,20,33,.96);
}
.st-basemap-switcher button{
  min-height:42px;
  padding:8px 11px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#c4d7e2;
  font:700 14px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.st-basemap-switcher button:hover,
.st-basemap-switcher button:focus-visible{
  background:rgba(255,255,255,.09);
  color:#fff;
}
.st-basemap-switcher button:focus-visible{
  outline:2px solid #79d7ff;
  outline-offset:2px;
}
.st-basemap-switcher button.active,
.st-basemap-switcher button[aria-pressed="true"]{
  background:#12384e;
  color:#e3f7ff;
  box-shadow:inset 0 0 0 1px rgba(105,205,246,.22);
}
.st-map-v2 .map-layer-menu-panel .st-basemap-switcher{
  grid-column:1/-1;
  justify-content:stretch;
  margin:2px 0 5px;
}
.st-map-v2 .map-layer-menu-panel .st-basemap-switcher button{
  flex:1;
  min-width:0;
  padding-inline:7px;
  font-size:14px!important;
  text-align:center;
}
.starlink-map-card .map-toolbar .st-basemap-switcher{
  margin-left:auto;
  flex:0 1 auto;
}
.starlink-map-card .map-toolbar .st-basemap-switcher button{
  font-size:14px;
}
@media(max-width:560px){
  .starlink-map-card .map-toolbar .st-basemap-switcher{
    order:3;
    flex:1 0 100%;
    justify-content:center;
    margin:2px 0 0;
  }
  .st-map-v2 .map-layer-menu-panel .st-basemap-switcher button{
    padding-inline:4px;
  }
}

/* ST_BASEMAP_ABOVE_MAP_HORIZONTAL_V3 */
.st-map-v2 > .st-basemap-above-map{
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  margin:0;
  background:#091827;
  border-bottom:1px solid rgba(164,211,237,.16);
  position:relative;
  z-index:2;
}

.st-map-v2 > .st-basemap-above-map .st-basemap-switcher{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  justify-content:stretch;
  width:min(100%,520px);
  margin:0 auto !important;
}

.st-map-v2 > .st-basemap-above-map .st-basemap-switcher button{
  flex:1 1 50% !important;
  min-width:0;
  min-height:36px;
  text-align:center;
  font-size:12px !important;
  padding:7px 9px;
}

/* The chooser no longer belongs inside the Layers popup. */
.st-map-v2 .map-layer-menu-panel > .st-basemap-switcher{
  display:none !important;
}

@media(max-width:560px){
  .st-map-v2 > .st-basemap-above-map{
    padding:7px 7px;
  }

  .st-map-v2 > .st-basemap-above-map .st-basemap-switcher{
    width:100%;
  }

  .st-map-v2 > .st-basemap-above-map .st-basemap-switcher button{
    min-height:38px;
    font-size:11px !important;
    padding:8px 5px;
  }
}