.city-button{min-height:var(--control-target);align-items:center;gap:var(--space-2);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-width:0;padding:0;display:flex}.city-button>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.city-button svg{flex-shrink:0}.shop-topline .city-button span{display:inline}.city-attribution{font-size:var(--font-size-xs)}.city-panel{z-index:var(--layer-popover);gap:var(--space-4);width:min(384px,100vw - 24px);padding:var(--space-5);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-control);box-shadow:var(--shadow-floating);font-size:var(--font-size-sm);flex-direction:column;display:flex;position:fixed}.city-panel-heading{justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.city-panel-heading h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.city-panel-heading .icon-button{margin:calc(-1 * var(--space-2))}.city-search{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-text-muted);flex-shrink:0;display:flex}.city-search>svg{flex-shrink:0}.city-search:focus-within{border-color:var(--color-primary);outline:var(--focus-width) solid var(--color-primary);outline-offset:calc(-1 * var(--focus-width))}.city-search input{width:100%;min-width:0;padding:var(--space-3) 0;font:inherit;color:var(--color-text);caret-color:var(--color-primary);background:0 0;border:0;border-radius:0;outline:none}.city-search input:focus-visible{outline:none}.city-search input::-webkit-search-cancel-button{appearance:none}.city-search-clear{width:var(--control-target);height:var(--control-target);margin-right:calc(-1 * var(--space-2));border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.city-search-clear:hover{color:var(--color-primary-ink);background:var(--color-primary-soft)}.city-results{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--color-border-strong) var(--color-surface);flex:auto;min-height:0;max-height:264px;overflow-y:auto}.city-result{gap:var(--space-1);min-height:var(--control-target);width:100%;padding:var(--space-3);border-radius:var(--radius-control);font:inherit;text-align:left;color:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;display:flex}.city-result small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.city-result:hover,.city-result:focus-visible,.city-result[aria-current=true]{background:var(--color-primary-soft)}.city-result:focus-visible{outline-offset:calc(-1 * var(--focus-width))}.city-state{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.city-retry{margin:var(--space-2) var(--space-3)}.city-confirm{gap:var(--space-5)}.city-confirm-title{padding-right:var(--space-6);font-size:var(--font-size-md);line-height:var(--line-heading);margin:0}.city-confirm-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.city-confirm-actions .button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.city-confirm-actions .plain-button{font-size:var(--font-size-xs)}.city-panel-close{top:var(--space-2);right:var(--space-2);position:absolute}@media (width<=600px){.city-button>span:first-of-type{max-width:140px}}