:root {
  color-scheme: dark;
  font:
    16px system-ui,
    sans-serif;
  background: #070d14;
  color: #f4f8fc;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
#root {
  padding: 4px;
  min-height: 80px;
}
#root.searching {
  min-height: 430px;
}
#status {
  color: #9eafbf;
  font-size: 14px;
  line-height: 1.5;
  margin: 10px 2px;
}
#status:empty {
  display: none;
}
gmp-basic-place-autocomplete,
gmp-place-details-compact {
  display: block;
  width: 100%;
  color-scheme: dark;
  background-color: #0e1924;
  border: 1px solid #304858;
  border-radius: 14px;
  --gmp-mat-color-surface: #0e1924;
  --gmp-mat-color-on-surface: #f4f8fc;
  --gmp-mat-color-on-surface-variant: #9eafbf;
  --gmp-mat-color-primary: #18d8e8;
  --gmp-mat-color-outline-decorative: #304858;
  --gmp-mat-color-secondary-container: #123d48;
  --gmp-mat-color-on-secondary-container: #f4f8fc;
  --gmp-mat-font-family: system-ui, sans-serif;
}
/* Documented parts only. Never reach into Google's shadow tree or hide attribution. */
gmp-basic-place-autocomplete::part(input) {
  font-size: 16px;
  min-height: 48px;
}
gmp-basic-place-autocomplete::part(prediction-item) {
  min-height: 52px;
}
gmp-basic-place-autocomplete::part(prediction-item-main-text) {
  color: #f4f8fc;
}
gmp-basic-place-autocomplete::part(prediction-item-secondary-text) {
  color: #9eafbf;
}
gmp-basic-place-autocomplete::part(prediction-item-match) {
  color: #18d8e8;
}
#details:not(:empty) {
  margin-top: 12px;
}