.city-card.svelte-9s3j0j{display:flex;flex-direction:column;border:1px solid var(--color-border-gray);border-radius:12px;text-decoration:none;color:inherit;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.dark .city-card.svelte-9s3j0j{background:color-mix(in oklch,var(--color-fg) 6%,transparent)}.city-card.preferred.svelte-9s3j0j{border-color:var(--color-tropicalteal);box-shadow:0 0 0 1px var(--color-tropicalteal)}.city-card.svelte-9s3j0j:hover{box-shadow:0 4px 16px #0000000f,0 1px 4px #00000008;transform:translateY(-2px)}.city-image.svelte-9s3j0j{position:relative;width:100%;aspect-ratio:5 / 1;background:color-mix(in oklch,var(--color-fg) 8%,transparent);overflow:hidden}.preferred-badge.svelte-9s3j0j{position:absolute;top:8px;right:8px;font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--color-tropicalteal);color:#fff;letter-spacing:.02em}.city-image.svelte-9s3j0j img:where(.svelte-9s3j0j){width:100%;height:100%;object-fit:cover;display:block}.city-body.svelte-9s3j0j{display:flex;flex-direction:column;gap:6px;padding:16px 20px 20px}.city-name.svelte-9s3j0j{font-size:1.25rem;font-weight:700;color:var(--color-fg)}.city-state.svelte-9s3j0j{font-size:.8125rem;color:color-mix(in oklch,var(--color-fg) 50%,transparent);margin-bottom:4px}.city-meta.svelte-9s3j0j{display:flex;flex-direction:column;gap:6px}.meta-row.svelte-9s3j0j{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:color-mix(in oklch,var(--color-fg) 65%,transparent)}.meta-row.svelte-9s3j0j svg:where(.svelte-9s3j0j){flex-shrink:0;opacity:.5}