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