.city-search{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:718px;max-width:100%;height:54px;margin-inline:auto;padding:4px 4px 4px 8px;border:1px solid var(--primary);border-radius:10px;background:var(--white)}.city-search:has(.city-search__input:not(:placeholder-shown)){border-color:var(--border-light)}.city-search:has(.city-search__input:focus){border-color:var(--primary);box-shadow:0 0 0 5px var(--surface-2)}.city-search__field{display:flex;flex:1;align-items:center;gap:4px;min-width:0}.city-search__icon{flex-shrink:0;width:24px;height:24px;color:#7a7a7a}.city-search__input{flex:1;width:100%;min-width:0;height:24px;margin:0;padding:0;border:0;border-radius:0;outline:0;background:rgba(0,0,0,0);color:var(--bs-body-color);font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.08px;text-align:start}.city-search__input::placeholder{color:var(--text-tertiary);opacity:1}.city-search__button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;height:44px;margin:0;padding:0 16px;border:0;border-radius:8px;background:var(--primary);color:var(--white);font-family:inherit;font-size:16px;font-weight:600;line-height:22px;letter-spacing:0;text-align:center;white-space:nowrap;cursor:pointer}.city-search__button:hover{background:var(--primary-dark)}.city-search__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:767.98px){.city-search{flex-direction:column;align-items:stretch;gap:16px;width:100%;height:auto;padding:0;border:0;border-radius:0;background:rgba(0,0,0,0)}.city-search:has(.city-search__input:not(:placeholder-shown)),.city-search:has(.city-search__input:focus){box-shadow:none}.contentBox .city-search{gap:8px}.city-search__field{flex:none;justify-content:center;box-sizing:border-box;height:44px;padding:4px 4px 4px 8px;border:1px solid var(--primary);border-radius:10px;background:var(--white)}.city-search:has(.city-search__input:not(:placeholder-shown)) .city-search__field{border-color:var(--border-light)}.city-search:has(.city-search__input:focus) .city-search__field{border-color:var(--primary);box-shadow:0 0 0 5px var(--surface-2)}.city-search__icon{color:var(--text-secondary)}.city-search .city-search__input{flex:0 1 auto;width:109px}@supports(field-sizing:content){.city-search .city-search__input{width:auto;field-sizing:content}}.city-search .city-search__input::placeholder{color:var(--text-secondary)}.city-search__button{width:100%}}