.city-picker-wrapper.svelte-18t2ks0{position:relative;max-width:42rem;margin:0 auto;width:100%}.city-picker-form.svelte-18t2ks0{display:flex;align-items:center;background:var(--gt-surface-container-lowest, #ffffff);border:1px solid color-mix(in srgb,var(--gt-outline-variant) 30%,transparent);border-radius:9999px;padding:.5rem .5rem .5rem 0;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s;flex-wrap:nowrap}.city-picker-form.svelte-18t2ks0:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--gt-primary-container) 10%,transparent)}.city-picker-inner.svelte-18t2ks0{display:flex;align-items:center;flex:1;min-width:0;padding-left:1.5rem}@media(max-width:480px){.city-picker-inner.svelte-18t2ks0{padding-left:1rem}}.city-picker-icon.svelte-18t2ks0{width:20px;height:20px;color:var(--muted-foreground);opacity:.6;flex-shrink:0;margin-right:.75rem}.city-picker-field.svelte-18t2ks0{border:none;background:transparent;outline:none;font-size:.875rem;font-weight:500;color:var(--foreground);width:100%;min-width:0;padding:.75rem 0}.city-picker-field.svelte-18t2ks0::placeholder{color:var(--muted-foreground);opacity:.5}.city-picker-btn.svelte-18t2ks0{background:var(--gt-primary-container);color:#fff;border:none;border-radius:9999px;padding:.75rem 2rem;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;flex-shrink:0}.city-picker-btn.svelte-18t2ks0:hover{opacity:.95}.city-picker-suggestions.svelte-18t2ks0{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:var(--gt-surface-container-lowest, #ffffff);border:1px solid color-mix(in srgb,var(--gt-outline-variant) 20%,transparent);border-radius:.5rem;box-shadow:0 12px 32px #00000014;overflow:hidden;z-index:50;list-style:none;padding:.25rem 0;margin:0}.city-picker-suggestion-item.svelte-18t2ks0{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:500;color:var(--foreground);cursor:pointer;transition:background .15s}.city-picker-suggestion-item.svelte-18t2ks0:hover,.city-picker-suggestion-item.selected.svelte-18t2ks0{background:var(--gt-surface-container)}.suggestion-icon.svelte-18t2ks0{width:14px;height:14px;color:var(--muted-foreground);opacity:.5;flex-shrink:0}