:root {
  color: #18212f;
  background: #f5f7fa;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.demo-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 2rem;
}

.map-demo {
  width: 100%;
  max-width: 860px;
}

.world-map {
  aspect-ratio: 860 / 400;
  overflow: hidden;
  width: 100%;
}

.world-map svg {
  display: block;
  height: 100%;
  width: 100%;
}

.world-map--error {
  align-items: center;
  background: #dceeff;
  color: #7b1f1f;
  display: flex;
  justify-content: center;
}