.owge-map-mode-banner{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--owge-border);
  background:rgba(9,17,31,.48);
  color:var(--owge-text-soft);
}

.owge-map-mode-banner.is-active{
  border-color:rgba(77,163,255,.45);
  background:rgba(24,48,84,.42);
  color:#dbeafe;
}

.owge-map-mode-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.owge-soft-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--owge-border);
  background:rgba(7,15,29,.42);
  color:var(--owge-text-soft);
  font-size:12px;
  font-weight:700;
}

.owge-soft-pill.is-active{
  border-color:rgba(77,163,255,.45);
  background:rgba(24,48,84,.42);
  color:#dbeafe;
}