label,
input {
  display: block;
  inline-size: 100%;
}

label {
  font-weight: bold;
  margin: 0.5em 0;
}

input {
  font: inherit;
  padding: 0.5em 0.25em;
  border: .0625em solid #ccc;
  font-size: 1.6em;
  text-align: center;
  color: #696969;
}

input:focus {
  outline: none;
  background: var(--color-input);
  border-color: var(--color-main);
}

#selected-place {
  inline-size: 40em;
  block-size: 25em;
  max-inline-size: 90%;
  margin: 2em auto;
  border: .0625em solid #ccc;
}

#map {
  inline-size: 100%;
  block-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#map p {
  text-align: center;
}

#place-data {
  position: relative;
  inline-size: 40em;
  max-inline-size: 90%;
  margin: 2em auto;
  border: .0625em solid #ccc;
  padding: 1em;
  text-align: center;
}

#place-data form.active {
  display: block;
}

#place-data form {
  display: none
}

#buttons.active {
  display: block;
}

#buttons {
  display: none;
}