.city-field{position:relative;min-width:0;grid-column:span 2;display:flex;flex-direction:column;gap:7px}
.city-box{border:1px solid #cbd6d9;border-radius:5px;background:white;padding:6px;min-height:66px}
.city-box input{border:0;height:34px;padding:6px;font-size:14px}
.city-box input:disabled{display:none}
.city-chips{display:flex;gap:5px;flex-wrap:wrap}
.city-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 5px 3px 8px;background:#e8f1f1;color:#245357;border-radius:4px;font-size:12px}
.city-chip>span{overflow-wrap:anywhere;min-width:0}
.city-remove{border:0;background:transparent;padding:2px;width:24px;height:24px;min-height:24px;flex:none}
.city-remove svg{width:14px;height:14px}
.city-options{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:220px;overflow-y:auto;border:1px solid #cbd6d9;background:white;box-shadow:0 3px 8px #17232420;border-radius:4px}
.city-option{display:block;width:100%;text-align:left;border:0;border-radius:0;font-weight:400;white-space:normal;overflow-wrap:anywhere}
.city-option:hover,.city-option[aria-selected=true]{background:#e8f1f1;color:#087d86}
.city-status{font-size:11px;color:#657477;overflow-wrap:anywhere}
.city-status:empty{display:none}
@media(max-width:700px){.city-box input{font-size:16px}}