.city-card[data-v-55d31be7]{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:1.25rem;flex-direction:column;gap:1rem;width:420px;max-width:calc(100vw - 2rem);padding:1.5rem;display:flex;box-shadow:0 8px 40px #1b1c1c1a}.city-card__header[data-v-55d31be7]{justify-content:space-between;align-items:center;display:flex}.city-card__title[data-v-55d31be7]{font-family:var(--font-headline);color:var(--color-on-surface);font-size:1.25rem;font-weight:700}.city-card__close[data-v-55d31be7]{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;border-radius:.5rem;padding:.25rem;transition:background .15s;display:flex}.city-card__close[data-v-55d31be7]:hover{background:var(--color-surface-container)}.city-card__search[data-v-55d31be7]{background:var(--color-surface-container-low);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:border-color .2s,background .2s;display:flex}.city-card__search[data-v-55d31be7]:focus-within{border-color:var(--color-primary-container);background:var(--color-surface-container-lowest)}.city-card__search-icon[data-v-55d31be7]{color:var(--color-outline);flex-shrink:0}.city-card__search-input[data-v-55d31be7]{font-family:var(--font-body);color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.city-card__search-input[data-v-55d31be7]::placeholder{color:var(--color-outline)}.city-card__list[data-v-55d31be7]{flex-direction:column;gap:.25rem;max-height:50vh;display:flex;overflow-y:auto}.city-card__state[data-v-55d31be7]{text-align:center;color:var(--color-on-surface-variant);padding:1.5rem 0;font-size:.875rem}.city-card__group-header[data-v-55d31be7]{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-surface-variant);padding:.5rem .875rem .25rem;font-size:.75rem;font-weight:700}.city-card__item[data-v-55d31be7]{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--color-on-surface);background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.625rem;padding:.75rem .875rem;font-size:.9375rem;transition:background .15s;display:flex}.city-card__item[data-v-55d31be7]:hover{background:var(--color-surface-container)}.city-card__item-name[data-v-55d31be7]{flex:1}