.onixCity{box-sizing:border-box;width:500px;max-width:calc(100vw - 32px);height:650px;max-height:calc(100dvh - 48px);margin:auto;padding:30px 28px 20px;border:0;border-radius:22px;background:#fff;color:#193543;box-shadow:0 24px 90px rgba(14,35,43,.23);font-family:Inter,Arial,sans-serif;overflow:hidden}
.onixCity[open]{display:flex;flex-direction:column}
.onixCity::backdrop{background:rgba(17,28,33,.56)}
.onixCity *{box-sizing:border-box}
.onixCity button,.onixCity input{font-family:inherit}
.onixCity button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.onixCity svg{fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.onixCity__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.onixCity__head h2{margin:0;color:#193543;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.45px}
.onixCity__close,.onixCity__clear{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:7px;border:0;border-radius:10px;color:#89969b;background:transparent}
.onixCity__close{margin-right:-7px;margin-top:-3px}
.onixCity__close svg,.onixCity__clear svg{width:22px;height:22px}
.onixCity__close:hover,.onixCity__clear:hover{background:#f0f3ed;color:#193543}
.onixCity__search{display:flex;align-items:center;gap:9px;flex-shrink:0;height:54px;padding:0 10px 0 15px;border:1px solid #d5dcd6;border-radius:14px;background:#f5f7f4;transition:border-color .15s,box-shadow .15s}
.onixCity__search:focus-within{border-color:#78a22f;box-shadow:0 0 0 3px rgba(126,164,53,.12);background:#fff}
.onixCity__searchIcon{width:20px;height:20px;color:#7c8b82}
.onixCity__search input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:none;background:transparent;color:#193543;font-size:15px;line-height:1.4;box-shadow:none}
.onixCity__search input::placeholder{color:#849087;opacity:1}
.onixCity__search input::-webkit-search-cancel-button{-webkit-appearance:none}
.onixCity__intro{flex-shrink:0;margin:17px 0 11px;font-size:13px;line-height:1.55;color:#7b878c}
.onixCity__status{margin:10px 1px 12px;font-size:14px;line-height:1.5;color:#67777e}
.onixCity__status[data-error]{color:#a34b32}
.onixCity__results{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdc9af transparent;padding:2px 7px 8px 0;margin-right:-7px}
.onixCity__intro[hidden]~.onixCity__results{margin-top:12px}
.onixCity__item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:43px;margin:1px 0;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#344851;text-align:left;font-size:15px;line-height:1.45}
.onixCity__item:hover,.onixCity__item:focus-visible{background:#f3f5f1;outline:2px solid transparent}
.onixCity__item[aria-current=true]{background:#eef4e5;color:#557b1d}
.onixCity__itemText{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.onixCity__name{font-weight:400}
.onixCity__context{font-size:12px;line-height:1.45;color:#839096}
.onixCity__check{width:18px;height:18px;visibility:hidden;color:#78a22f}
.onixCity__item[aria-current=true] .onixCity__check{visibility:visible}
.onixCity [hidden]{display:none!important}
.onixCity__sr{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.onixCity__close:focus-visible,.onixCity__clear:focus-visible{outline:2px solid #78a22f;outline-offset:2px}
html.onixCityOpen,html.onixCityOpen body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:520px){.onixCity{width:100%;max-width:calc(100vw - 20px);height:650px;max-height:calc(100dvh - 24px);padding:25px 20px 16px;border-radius:19px}.onixCity__head{margin-bottom:19px}.onixCity__head h2{font-size:22px}.onixCity__search{padding-left:12px;gap:7px}.onixCity__search input{font-size:16px}.onixCity__search input::placeholder{font-size:13px}.onixCity__item{min-height:45px}}
@media(prefers-reduced-motion:reduce){.onixCity__search{transition:none}}