/* The website drop-in. Takes the page's own font and colours; override the custom properties to match the site.
   The script's own styles place the tick, clear button, search icon and spinner inside the box, so nothing here
   sets the box's padding or positions those - this file can load before or after the script. */
.xpas {
  --xpas-border: #8a8a8a;
  --xpas-focus: #0f6cbd;
  --xpas-hover: #ebf3fc;
  --xpas-muted: #595959;
  --xpas-ok: #0e700e;
  --xpas-bg: #fff;
  position: relative; font: inherit; color: inherit; margin-bottom: 8px;
}
.xpas [hidden] { display: none !important; }
.xpas-no-manual .xpas-manual-link, .xpas-no-manual .xpas-manual { display: none !important; }
.xpas-warning { display: none; }
.xpas-input { min-height: 40px; border: 1px solid var(--xpas-border); border-radius: 4px; font: inherit; color: inherit; background: var(--xpas-bg); }
.xpas-input:focus { outline: 2px solid var(--xpas-focus); outline-offset: 0; }
.xpas-check { color: var(--xpas-ok); }
.xpas-clear, .xpas-icon { color: var(--xpas-muted); }
.xpas-clear:focus-visible, .xpas button:focus-visible { outline: 2px solid var(--xpas-focus); }
/* In the page flow, not over it: "Google Maps" under the list must stay visible whenever a Google suggestion is listed. */
.xpas-list { list-style: none; margin: 2px 0 0; padding: 4px 0; border: 1px solid var(--xpas-border); border-radius: 4px; background: var(--xpas-bg); box-shadow: 0 4px 12px rgba(0, 0, 0, .16); max-height: 280px; overflow-y: auto; }
.xpas-option { padding: 8px 12px; cursor: pointer; }
.xpas-option:hover, .xpas-option-active { background: var(--xpas-hover); }
.xpas-option-active { outline: 2px solid var(--xpas-focus); outline-offset: -2px; }
.xpas-attribution { margin-top: 2px; font-size: .8em; color: var(--xpas-muted); text-align: right; }
.xpas-message { margin-top: 4px; font-size: .95em; }
.xpas-manual-link { margin-top: 4px; padding: 0; border: 0; background: none; color: var(--xpas-focus); text-decoration: underline; cursor: pointer; font: inherit; }
.xpas-manual { margin-top: 6px; display: grid; gap: 6px; }
.xpas-manual-fields { display: grid; gap: 6px; }
.xpas-manual-label { display: grid; grid-template-columns: minmax(100px, 30%) 1fr; align-items: center; gap: 8px; }
.xpas-manual-input { min-height: 36px; border: 1px solid var(--xpas-border); border-radius: 4px; font: inherit; }
.xpas-shared { display: none; }
.xpas-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (forced-colors: active) { .xpas-check, .xpas-option-active { forced-color-adjust: auto; } }