/*! @placekit/autocomplete-js v2.2.1 | © placekit.io | MIT license | https://github.com/placekit/autocomplete-js#readme */
/*
 * 1. Variables
 * 2. Globals
 * 3. Input
 * 4. Panel
 * 5. Suggestions
 * 6. Footer
 */

/*
 * ----------------------------------------
 * 1. Variables
 * ----------------------------------------
 */
:root {
  --pka-scale: 1rem;
  --pka-color-accent: 1, 73, 200;
  --pka-color-black: 29, 41, 57;
  --pka-color-darker: 52, 64, 84;
  --pka-color-dark: 152, 162, 179;
  --pka-color-light: 207, 213, 221;
  --pka-color-lighter: 243, 244, 246;
  --pka-color-white: 255, 255, 255;
  --pka-border-radius: 6px;
  --pka-font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --pka-z-index: 9999;

  --pka-icon-pin: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 23.5c.97 0 1.8-.34 2.48-1.03A3.39 3.39 0 0 0 27.5 20c0-.97-.34-1.8-1.03-2.48A3.39 3.39 0 0 0 24 16.5c-.97 0-1.8.34-2.48 1.03A3.39 3.39 0 0 0 20.5 20c0 .97.34 1.8 1.03 2.48A3.39 3.39 0 0 0 24 23.5Zm0 16.55c4.43-4.03 7.7-7.7 9.83-10.97C35.94 25.79 37 22.9 37 20.4c0-3.93-1.26-7.14-3.77-9.64A12.57 12.57 0 0 0 24 7c-3.65 0-6.73 1.25-9.23 3.76-2.51 2.5-3.77 5.71-3.77 9.64 0 2.5 1.08 5.4 3.25 8.68 2.17 3.28 5.42 6.94 9.75 10.97ZM24 44c-5.37-4.57-9.38-8.8-12.03-12.73C9.32 27.36 8 23.73 8 20.4c0-5 1.6-8.98 4.82-11.95A15.98 15.98 0 0 1 24 4c4.23 0 7.96 1.48 11.17 4.45C38.4 11.42 40 15.4 40 20.4c0 3.33-1.33 6.96-3.98 10.88C33.38 35.19 29.38 39.42 24 44Z'/%3E%3C/svg%3E");
  --pka-icon-street: var(--pka-icon-pin);
  --pka-icon-administrative: var(--pka-icon-pin);
  --pka-icon-county: var(--pka-icon-pin);
  --pka-icon-city: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M6 42V14.1h12.35V9.5L24 4l5.65 5.5v12.9H42V42H6Zm3-3h5.3v-5.3H9V39Zm0-8.3h5.3v-5.3H9v5.3Zm0-8.3h5.3v-5.3H9v5.3ZM21.35 39h5.3v-5.3h-5.3V39Zm0-8.3h5.3v-5.3h-5.3v5.3Zm0-8.3h5.3v-5.3h-5.3v5.3Zm0-8.3h5.3V8.8h-5.3v5.3ZM33.7 39H39v-5.3h-5.3V39Zm0-8.3H39v-5.3h-5.3v5.3Z'/%3E%3C/svg%3E");
  --pka-icon-airport: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M17.5 44v-2.1l4-3V26.35L4 31.5v-2.9l17.5-10.3V6.5c0-.7.24-1.3.73-1.78A2.41 2.41 0 0 1 24 4c.7 0 1.3.24 1.77.72.49.49.73 1.08.73 1.78v11.8L44 28.6v2.9l-17.5-5.15V38.9l4 3V44L24 42.15 17.5 44Z'/%3E%3C/svg%3E");
  --pka-icon-bus: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10.8 42v-5.55a4.82 4.82 0 0 1-2.13-2.3 7.7 7.7 0 0 1-.67-3.2V11.1c0-2.46 1.28-4.25 3.82-5.4C14.38 4.58 18.45 4 24.05 4c5.53 0 9.57.57 12.12 1.7C38.72 6.83 40 8.63 40 11.1v19.85a7.7 7.7 0 0 1-.67 3.2 4.82 4.82 0 0 1-2.13 2.3V42h-4.3v-4.1H15.1V42h-4.3ZM11 9.8h26-26Zm26 14.65H11h26Zm-26-3h26V12.8H11v8.65Zm5.3 10.95c.77 0 1.42-.27 1.95-.8.53-.54.8-1.19.8-1.95 0-.77-.27-1.42-.8-1.95a2.66 2.66 0 0 0-1.95-.8c-.77 0-1.42.27-1.95.8-.53.54-.8 1.19-.8 1.95 0 .77.27 1.42.8 1.95.54.53 1.19.8 1.95.8Zm15.4 0c.77 0 1.42-.27 1.95-.8.53-.54.8-1.19.8-1.95 0-.77-.27-1.42-.8-1.95a2.66 2.66 0 0 0-1.95-.8c-.77 0-1.42.27-1.95.8-.53.54-.8 1.19-.8 1.95 0 .77.27 1.42.8 1.95.54.53 1.19.8 1.95.8ZM11 9.8h26c-.8-.87-2.33-1.55-4.6-2.05-2.27-.5-5.05-.75-8.35-.75-3.93 0-6.95.22-9.05.67-2.1.46-3.43 1.16-4 2.13Zm4.1 25.1h17.8c1.17 0 2.14-.45 2.93-1.35a4.59 4.59 0 0 0 1.17-3.1v-6H11v6c0 1.17.4 2.2 1.18 3.1.78.9 1.75 1.35 2.92 1.35Z'/%3E%3C/svg%3E");
  --pka-icon-train: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 35V15.3c0-3 1.18-4.98 3.53-5.95 2.35-.97 5.99-1.48 10.92-1.55l1.6-3.3H14V2h20v2.5h-6.95l-1.5 3.3c4.2.07 7.66.58 10.37 1.52 2.72.96 4.08 2.95 4.08 5.98V35c0 1.97-.67 3.63-2.02 4.98A6.76 6.76 0 0 1 33 42l3 3v1h-3.5l-4-4h-9l-4 4H12v-1l3-3a6.76 6.76 0 0 1-4.97-2.02A6.76 6.76 0 0 1 8 35Zm28.95-7.7H11h25.95Zm-12.8 8.5c.77 0 1.42-.27 1.95-.8s.8-1.18.8-1.95-.27-1.42-.8-1.95a2.65 2.65 0 0 0-1.95-.8c-.77 0-1.42.27-1.95.8s-.8 1.18-.8 1.95.27 1.42.8 1.95 1.18.8 1.95.8Zm-13-22.25H36.6 11.15ZM11 24.3h25.95v-7.75H11v7.75Zm3.7 14.5h18.55a3.5 3.5 0 0 0 2.65-1.1 3.76 3.76 0 0 0 1.05-2.7v-7.7H11V35a3.71 3.71 0 0 0 3.7 3.8Zm9.35-28c-4.1 0-7.2.24-9.28.72-2.08.49-3.29 1.16-3.62 2.03H36.6c-.33-.67-1.5-1.3-3.52-1.88-2.02-.58-5.03-.87-9.03-.87Z'/%3E%3C/svg%3E");
  --pka-icon-townhall: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10.6 35.95V19h3v16.95h-3Zm12.1 0V19h3v16.95h-3Zm-18.7 6v-3h40v3H4Zm30.4-6V19h3v16.95h-3ZM4 16v-2.65l20-11.4 20 11.4V16H4Zm6.7-3h26.6-26.6Zm0 0h26.6L24 5.4 10.7 13Z'/%3E%3C/svg%3E");
  --pka-icon-tourism: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='m13.15 34.85 14.5-7.15 7.15-14.5-14.5 7.15-7.15 14.5ZM24 26c-.57 0-1.04-.2-1.43-.57A1.94 1.94 0 0 1 22 24c0-.57.2-1.04.57-1.43.39-.38.86-.57 1.43-.57s1.04.2 1.43.57c.38.39.57.86.57 1.43s-.2 1.04-.57 1.43c-.39.38-.86.57-1.43.57Zm0 18c-2.73 0-5.32-.52-7.75-1.58A20.29 20.29 0 0 1 5.57 31.75 19.35 19.35 0 0 1 4 24 19.99 19.99 0 0 1 16.25 5.57 19.35 19.35 0 0 1 24 4c2.77 0 5.37.53 7.8 1.58a20.2 20.2 0 0 1 6.35 4.27 20.2 20.2 0 0 1 4.27 6.35A19.47 19.47 0 0 1 44 24c0 2.73-.52 5.32-1.58 7.75A19.99 19.99 0 0 1 24 44Zm0-3c4.73 0 8.75-1.66 12.05-4.98A16.42 16.42 0 0 0 41 24a16.4 16.4 0 0 0-4.95-12.05A16.4 16.4 0 0 0 24 7c-4.7 0-8.7 1.65-12.03 4.95A16.36 16.36 0 0 0 7 24c0 4.7 1.66 8.7 4.97 12.02A16.38 16.38 0 0 0 24 41Z'/%3E%3C/svg%3E");
  --pka-icon-noresults: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M27.5 20c0-.96-.34-1.79-1.03-2.47A3.37 3.37 0 0 0 24 16.5c-.47 0-.9.08-1.27.25-.39.17-.73.38-1.03.65l4.9 4.9c.27-.3.48-.64.65-1.03.17-.38.25-.8.25-1.27Zm8.35 11.55-2.2-2.2c1.13-1.7 1.98-3.3 2.52-4.8.55-1.5.83-2.88.83-4.15 0-3.93-1.26-7.14-3.77-9.64A12.57 12.57 0 0 0 24 7c-1.8 0-3.48.3-5.02.92-1.55.62-2.91 1.51-4.08 2.68l-2.1-2.1a15.41 15.41 0 0 1 5.16-3.35A16.29 16.29 0 0 1 24 4c4.23 0 7.96 1.48 11.17 4.45C38.4 11.42 40 15.4 40 20.4c0 1.7-.34 3.48-1.02 5.33a26.73 26.73 0 0 1-3.13 5.82Zm-6 2.6-18.2-18.2c-.23.67-.4 1.38-.5 2.13-.1.75-.15 1.52-.15 2.32 0 2.5 1.08 5.4 3.25 8.68 2.17 3.28 5.42 6.94 9.75 10.97a80.52 80.52 0 0 0 5.85-5.9Zm11.8 11.8L32 36.3a74.88 74.88 0 0 1-8 7.7c-5.37-4.57-9.38-8.8-12.03-12.73C9.32 27.36 8 23.73 8 20.4c0-1.26.1-2.45.32-3.6.22-1.13.55-2.2.98-3.2l-8-8 2.15-2.15L43.8 43.8l-2.15 2.15Z'/%3E%3C/svg%3E");
  --pka-icon-clear: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1 12.45 37.65Z'/%3E%3C/svg%3E");
  --pka-icon-cancel: var(--pka-icon-clear);
  --pka-icon-insert: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M35.9 35.7 15.3 15.1V34h-3V10h24v3H17.4L38 33.6l-2.1 2.1Z'/%3E%3C/svg%3E");
  --pka-icon-check: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15L18.9 35.7Z'/%3E%3C/svg%3E");
  --pka-icon-switch: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M9.8 31.45c-.67-1.2-1.13-2.4-1.4-3.63-.27-1.21-.4-2.45-.4-3.72a15.4 15.4 0 0 1 4.72-11.28A15.4 15.4 0 0 1 24 8.1h2.15l-4-4 1.95-1.95 7.45 7.45-7.45 7.45-2-2 3.95-3.95H24c-3.57 0-6.63 1.28-9.18 3.83A12.51 12.51 0 0 0 11 24.1c0 .97.1 1.88.28 2.75.18.87.4 1.68.67 2.45L9.8 31.45ZM23.8 46l-7.45-7.45 7.45-7.45 1.95 1.95-4 4H24c3.57 0 6.63-1.27 9.17-3.82A12.51 12.51 0 0 0 37 24.05c0-.97-.08-1.88-.25-2.75-.17-.87-.42-1.68-.75-2.45l2.15-2.15c.67 1.2 1.14 2.4 1.43 3.63.28 1.21.42 2.45.42 3.72a15.4 15.4 0 0 1-4.73 11.28A15.4 15.4 0 0 1 24 40.05h-2.25l4 4L23.8 46Z'/%3E%3C/svg%3E");
  --pka-icon-geo-off: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M22.5 46v-3.75A18.22 18.22 0 0 1 11.1 37a18.22 18.22 0 0 1-5.25-11.4H2.1v-3h3.75a18.22 18.22 0 0 1 5.25-11.4 18.22 18.22 0 0 1 11.4-5.25V2.2h3v3.75c4.57.47 8.37 2.22 11.4 5.25a18.22 18.22 0 0 1 5.25 11.4h3.75v3h-3.75A18.22 18.22 0 0 1 36.9 37a18.22 18.22 0 0 1-11.4 5.25V46h-3Zm1.5-6.7c4.17 0 7.74-1.5 10.73-4.47A14.63 14.63 0 0 0 39.2 24.1c0-4.17-1.5-7.74-4.48-10.73A14.63 14.63 0 0 0 24 8.9c-4.17 0-7.74 1.5-10.72 4.47A14.63 14.63 0 0 0 8.8 24.1c0 4.17 1.5 7.74 4.47 10.73A14.63 14.63 0 0 0 24 39.3Z'/%3E%3C/svg%3E");
  --pka-icon-geo-on: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M22.5 45.9v-3.75a18.22 18.22 0 0 1-11.4-5.25 18.22 18.22 0 0 1-5.25-11.4H2.1v-3h3.75a18.22 18.22 0 0 1 5.25-11.4 18.22 18.22 0 0 1 11.4-5.25V2.1h3v3.75c4.57.47 8.37 2.22 11.4 5.25a18.22 18.22 0 0 1 5.25 11.4h3.75v3h-3.75a18.22 18.22 0 0 1-5.25 11.4 18.22 18.22 0 0 1-11.4 5.25v3.75h-3Zm1.5-6.7c4.17 0 7.74-1.5 10.73-4.48A14.63 14.63 0 0 0 39.2 24c0-4.17-1.5-7.74-4.48-10.72A14.63 14.63 0 0 0 24 8.8c-4.17 0-7.74 1.5-10.72 4.47A14.63 14.63 0 0 0 8.8 24c0 4.17 1.5 7.74 4.47 10.73A14.63 14.63 0 0 0 24 39.2Zm0-7.7c-2.1 0-3.88-.73-5.32-2.18A7.24 7.24 0 0 1 16.5 24c0-2.1.73-3.88 2.18-5.32A7.24 7.24 0 0 1 24 16.5c2.1 0 3.88.73 5.32 2.18A7.24 7.24 0 0 1 31.5 24c0 2.1-.73 3.88-2.18 5.32A7.24 7.24 0 0 1 24 31.5Zm0-3c1.27 0 2.33-.43 3.2-1.3a4.35 4.35 0 0 0 1.3-3.2c0-1.27-.43-2.33-1.3-3.2a4.35 4.35 0 0 0-3.2-1.3c-1.27 0-2.33.43-3.2 1.3a4.35 4.35 0 0 0-1.3 3.2c0 1.27.43 2.33 1.3 3.2.87.87 1.93 1.3 3.2 1.3Z'/%3E%3C/svg%3E");
  --pka-icon-loading: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 44A19.88 19.88 0 0 1 5.55 31.85 19.88 19.88 0 0 1 4 24 19.9 19.9 0 0 1 16.15 5.55 19.88 19.88 0 0 1 24 4v3a16.4 16.4 0 0 0-12.03 4.96A16.37 16.37 0 0 0 7 24c0 4.7 1.66 8.72 4.96 12.04A16.36 16.36 0 0 0 24 41c4.7 0 8.72-1.66 12.04-4.97A16.38 16.38 0 0 0 41 24h3a19.88 19.88 0 0 1-12.16 18.45A19.9 19.9 0 0 1 24 44Z'/%3E%3C/svg%3E");
}

/* dark mode overrides */
.dark,
[data-theme='dark'] {
  --pka-color-accent: 55, 131, 249;
}

/*
 * ----------------------------------------
 * 2. Globals
 * ----------------------------------------
 */
/* local reset */
.pka-input,
.pka-input *,
.pka-panel,
.pka-panel * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.pka-input button,
.pka-panel button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
}

/* content only for screen-readers */
.pka-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* flags and icons */
.pka-flag {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  flex-grow: 0;
  width: 1em;
  height: auto;
}

.pka-icon {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  flex-grow: 0;
  width: 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask-size: 1em;
          mask-size: 1em;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.pka-icon-pin {
  -webkit-mask-image: var(--pka-icon-pin);
          mask-image: var(--pka-icon-pin);
}
.pka-icon-street {
  -webkit-mask-image: var(--pka-icon-street);
          mask-image: var(--pka-icon-street);
}
.pka-icon-administrative {
  -webkit-mask-image: var(--pka-icon-administrative);
          mask-image: var(--pka-icon-administrative);
}
.pka-icon-county {
  -webkit-mask-image: var(--pka-icon-county);
          mask-image: var(--pka-icon-county);
}
.pka-icon-city {
  -webkit-mask-image: var(--pka-icon-city);
          mask-image: var(--pka-icon-city);
}
.pka-icon-airport {
  -webkit-mask-image: var(--pka-icon-airport);
          mask-image: var(--pka-icon-airport);
}
.pka-icon-bus {
  -webkit-mask-image: var(--pka-icon-bus);
          mask-image: var(--pka-icon-bus);
}
.pka-icon-train {
  -webkit-mask-image: var(--pka-icon-train);
          mask-image: var(--pka-icon-train);
}
.pka-icon-townhall {
  -webkit-mask-image: var(--pka-icon-townhall);
          mask-image: var(--pka-icon-townhall);
}
.pka-icon-tourism {
  -webkit-mask-image: var(--pka-icon-tourism);
          mask-image: var(--pka-icon-tourism);
}
.pka-icon-noresults {
  -webkit-mask-image: var(--pka-icon-noresults);
          mask-image: var(--pka-icon-noresults);
}
.pka-icon-switch {
  -webkit-mask-image: var(--pka-icon-switch);
          mask-image: var(--pka-icon-switch);
}
.pka-icon-cancel {
  -webkit-mask-image: var(--pka-icon-cancel);
          mask-image: var(--pka-icon-cancel);
}
.pka-icon-loading {
  -webkit-mask-image: var(--pka-icon-loading);
          mask-image: var(--pka-icon-loading);
}

/*
 * ----------------------------------------
 * 3. Input
 * ----------------------------------------
 */
.pka-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgb(var(--pka-color-light));
  border-radius: var(--pka-border-radius);
  background-color: rgb(var(--pka-color-white));
  box-shadow: 0 1px 2px 0 rgba(var(--pka-color-black), 0.1);
  height: calc(var(--pka-scale) * 2.375);
  line-height: calc(var(--pka-scale) * 1.25);
  font-size: calc(var(--pka-scale) * 0.875);
  font-family: var(--pka-font-family);
  color: rgb(var(--pka-color-black));
}

.dark .pka-input,
[data-theme='dark'] .pka-input,
.pka-input.dark {
  border-color: rgb(var(--pka-color-darker));
  background-color: rgb(var(--pka-color-black));
  color: rgb(var(--pka-color-lighter));
}

.pka-input:not(input) {
  overflow: hidden;
  position: relative;
}

.pka-input:not(input) input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: none;
  background-color: transparent;
  line-height: inherit;
  font-size: 1em;
  font-family: inherit;
  color: inherit;
}

input.pka-input::-moz-placeholder, .pka-input:not(input) input::-moz-placeholder {
  color: rgb(var(--pka-color-dark));
}

input.pka-input::placeholder,
.pka-input:not(input) input::placeholder {
  color: rgb(var(--pka-color-dark));
}

input.pka-input:focus,
.pka-input:not(input):focus-within {
  outline: none;
  box-shadow: 0 0 0 1px rgb(var(--pka-color-accent));
  border-color: rgb(var(--pka-color-accent));
}

.pka-input:not(input) input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

input.pka-input,
.pka-input:not(input) input {
  padding: calc(var(--pka-scale) * 0.5) calc(var(--pka-scale) * 0.75);
}

.pka-input:not(input) input:disabled,
input.pka-input:disabled {
  cursor: not-allowed;
}

/* input geoloc/clear buttons
---------------------------------------- */
button.pka-input-geolocation,
button.pka-input-clear {
  position: absolute;
  top: 0;
  z-index: 1;
  width: calc(var(--pka-scale) * 2.25);
  height: 100%;
  background-color: rgb(var(--pka-color-dark));
  -webkit-mask-size: var(--pka-scale);
          mask-size: var(--pka-scale);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

button.pka-input-geolocation {
  left: 0;
  -webkit-mask-image: var(--pka-icon-geo-off);
          mask-image: var(--pka-icon-geo-off);
}

button.pka-input-clear {
  right: 0;
  -webkit-mask-image: var(--pka-icon-clear);
          mask-image: var(--pka-icon-clear);
}

@media (hover: hover) and (pointer: fine) {
  button.pka-input-geolocation:hover,
  button.pka-input-clear:hover {
    background-color: rgb(var(--pka-color-black));
  }

  .dark button.pka-input-geolocation:hover,
  .dark button.pka-input-clear:hover,
  [data-theme='dark'] button.pka-input-geolocation:hover,
  [data-theme='dark'] button.pka-input-clear:hover {
    background-color: rgb(var(--pka-color-white));
  }

  button.pka-input-geolocation:hover {
    -webkit-mask-image: var(--pka-icon-geo-on);
            mask-image: var(--pka-icon-geo-on);
  }
}

button.pka-input-geolocation.pka-enabled {
  -webkit-mask-image: var(--pka-icon-geo-on);
          mask-image: var(--pka-icon-geo-on);
}

button.pka-input-geolocation.pka-enabled {
  background-color: rgb(var(--pka-color-accent));
}

.pka-input:not(input) button.pka-input-geolocation ~ input {
  padding-left: calc(var(--pka-scale) * 2.25);
}

button.pka-input-clear[aria-hidden='true'] {
  display: none;
}

.pka-input:not(input) button.pka-input-clear:not([aria-hidden='true']) ~ input {
  padding-right: calc(var(--pka-scale) * 2.25);
}

.pka-input:not(input) input[type='search']::-webkit-search-decoration,
.pka-input:not(input) input[type='search']::-webkit-search-cancel-button,
.pka-input:not(input) input[type='search']::-webkit-search-results-button,
.pka-input:not(input) input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/*
 * ----------------------------------------
 * 4. Panel
 * ----------------------------------------
 */
.pka-panel {
  container-name: pka-panel;
  container-type: inline-size;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  min-width: 240px;
  border: 1px solid rgb(var(--pka-color-lighter));
  border-radius: var(--pka-border-radius);
  box-shadow:
    0 10px 15px -3px rgba(var(--pka-color-black), 0.1),
    0 4px 6px -4px rgba(var(--pka-color-black), 0.1);
  background-color: rgb(var(--pka-color-white));
  list-style: none;
  line-height: 1.125em;
  font-family: var(--pka-font-family);
  font-size: var(--pka-scale);
}

.pka-panel.pka-open {
  z-index: var(--pka-z-index);
  opacity: 1;
  pointer-events: auto;
}

.dark .pka-panel,
[data-theme='dark'] .pka-panel,
.pka-panel.dark {
  border-color: rgb(var(--pka-color-black));
  background-color: rgb(var(--pka-color-darker));
}

/* spinner */
.pka-panel-loading {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 1.5em;
  width: 1.5em;
  padding: 0.25em;
  z-index: 10;
  color: rgb(var(--pka-color-accent));
}

.pka-panel-loading[aria-hidden='true'] {
  display: none;
}

.pka-panel-loading .pka-icon {
  animation: spin 3s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*
 * ----------------------------------------
 * 5. Suggestions
 * ----------------------------------------
 */
.pka-panel-suggestions {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 1.5em;
  max-height: 14em;
  color: rgb(var(--pka-color-dark));
}

.pka-panel-suggestion {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625em;
  padding: 0.375em 0.625em;
  min-height: 2.5rem;
}

@container pka-panel (min-width: 420px) {
  .pka-panel-suggestion {
    padding: 0.625em;
  }
}

/* suggestion label
---------------------------------------- */
.pka-panel-suggestion-label {
  flex-grow: 1;
  overflow: hidden;
}

.pka-panel-suggestion-label-name,
.pka-panel-suggestion-label-sub {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pka-panel-suggestion-label-name {
  font-size: 0.875em;
  color: rgb(var(--pka-color-black));
}

.pka-panel-suggestion[aria-disabled='true'] .pka-panel-suggestion-label-name {
  color: rgb(var(--pka-color-darker));
}

.dark .pka-panel-suggestion-label-name,
[data-theme='dark'] .pka-panel-suggestion-label-name {
  color: rgb(var(--pka-color-white));
}
.dark .pka-panel-suggestion[aria-disabled='true'] .pka-panel-suggestion-label-name,
[data-theme='dark'] .pka-panel-suggestion[aria-disabled='true'] .pka-panel-suggestion-label-name {
  color: rgb(var(--pka-color-light));
}

.pka-panel-suggestion-label-name mark {
  background: transparent;
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: rgb(var(--pka-color-dark));
  text-underline-offset: 2px;
}

.pka-panel-suggestion-label-sub {
  font-size: 0.75em;
}

@container pka-panel (min-width: 420px) {
  .pka-panel-suggestion-label {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pka-panel-suggestion-label-name,
  .pka-panel-suggestion-label-sub {
    display: inline;
    overflow: auto;
  }
}

/* suggestion action button
---------------------------------------- */
button.pka-panel-suggestion-action {
  opacity: 0;
  flex: 0 0 1em;
  height: 1em;
  background-color: currentcolor;
  -webkit-mask-size: var(--pka-scale);
          mask-size: var(--pka-scale);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* suggestion active/selected overrides
---------------------------------------- */
/* NOTE: .pka-active replaces :hover selector as both keyboard nav and mouseover are handled JS-side */
.pka-panel-suggestion.pka-active {
  -webkit-font-smoothing: antialiased;
  background-color: rgb(var(--pka-color-accent));
  font-weight: 500;
  color: rgba(var(--pka-color-white), 0.8);
  cursor: pointer;
}

.pka-panel-suggestion.pka-active .pka-panel-suggestion-label-name {
  color: rgb(var(--pka-color-white));
}

.pka-panel-suggestion.pka-active .pka-panel-suggestion-label-name mark {
  text-decoration-color: rgba(var(--pka-color-white), 0.5);
}

.pka-panel-suggestion.pka-active button.pka-panel-suggestion-action {
  -webkit-mask-image: var(--pka-icon-insert);
          mask-image: var(--pka-icon-insert);
}

.pka-panel-suggestion.pka-selected button.pka-panel-suggestion-action,
.pka-panel-suggestion.pka-active.pka-selected button.pka-panel-suggestion-action {
  -webkit-mask-image: var(--pka-icon-check);
          mask-image: var(--pka-icon-check);
}

.pka-panel-suggestion.pka-active button.pka-panel-suggestion-action,
.pka-panel-suggestion.pka-selected button.pka-panel-suggestion-action {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .pka-panel-suggestion.pka-active button.pka-panel-suggestion-action:hover {
    background-color: rgb(var(--pka-color-white));
  }
}

.pka-panel-suggestion.pka-active.pka-selected button.pka-panel-suggestion-action {
  background-color: rgb(var(--pka-color-white));
}

/*
 * ----------------------------------------
 * 6. Footer
 * ----------------------------------------
 */
.pka-panel-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625em;
  padding: 0.375em 0.625em;
  border-top: 1px solid rgb(var(--pka-color-lighter));
  line-height: 1em;
}

.dark .pka-panel-footer,
[data-theme='dark'] .pka-panel-footer {
  border-top-color: rgb(var(--pka-color-black));
}

/* country button
---------------------------------------- */
.pka-panel-country {
  flex: 1;
  color: rgb(var(--pka-color-dark));
  max-width: calc(100% - var(--pka-scale) * 7);
}

@media (hover: hover) and (pointer: fine) {
  .pka-panel-country:hover {
    color: rgb(var(--pka-color-accent));
  }
}

.pka-panel-country-open,
#pka-panel-country-mode:checked ~ .pka-panel-country-close {
  display: flex;
  align-items: center;
  gap: 0.625em;
  cursor: pointer;
}

.pka-panel-country-close,
#pka-panel-country-mode:checked ~ .pka-panel-country-open,
#pka-panel-country-mode:disabled ~ .pka-panel-country-open,
#pka-panel-country-mode:disabled ~ .pka-panel-country-close {
  display: none;
}

.pka-panel-country-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75em;
}

.pka-panel-country-label ~ .pka-icon {
  margin-left: -0.5em;
  font-size: 0.75em;
}

/* credits
---------------------------------------- */
.pka-panel-credits {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.125em;
}

.pka-panel-credits-text {
  font-size: 0.5em;
  text-transform: lowercase;
  color: rgb(var(--pka-color-dark));
}

.pka-panel-credits-link {
  position: relative;
  top: 0.05em;
  color: rgb(var(--pka-color-accent));
}

.dark .pka-panel-credits-link,
[data-theme='dark'] .pka-panel-credits-link {
  color: rgb(var(--pka-color-white));
}