.city-picker{position:relative;min-width:0}.city-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:13px 16px;border:1px solid #dce0df;border-radius:12px;background:#f4f5f4;color:#151718;font:500 17px Onest,Arial,sans-serif;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.city-trigger:hover{border-color:#b7bcb9;background:#eff1ef}.city-trigger[aria-expanded=true]{border-color:#cf9d0f;background:#fffaf0;box-shadow:0 0 0 1px #ffc62940}.city-trigger:focus:not(:focus-visible){outline:none}.city-trigger:focus-visible,.locate-button:focus-visible{outline:2px solid #dfaa11;outline-offset:3px}.city-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.city-pin{color:#7b806e}.city-selected{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.city-arrow{transition:transform .18s}.city-trigger[aria-expanded=true] .city-arrow{transform:rotate(180deg)}.city-options{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;padding:7px;border:1px solid #dce0df;border-radius:14px;box-shadow:0 16px 40px #15171826;background:#fff;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.city-option{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border-radius:8px;font-size:15px;font-weight:500;line-height:1.4;color:#252927;cursor:pointer;overflow-wrap:anywhere}.city-option::after{content:'';margin-left:auto;flex:0 0 7px;width:7px;height:12px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);visibility:hidden}.city-option[aria-selected=true]::after{visibility:visible}.city-option[aria-selected=true]{background:#fff3c9}.city-option.is-active{background:#ffe193;color:#151718}.header-city{max-width:210px;min-width:145px;gap:3px}.header-city .city-trigger{background:#ffffff06;border-color:#ffffff22;color:#f4f4f0;font-size:14px;min-height:42px;padding:9px 10px;gap:8px}.header-city .city-pin{color:#ffc629;width:16px;height:16px}.header-city .city-arrow{width:16px;height:16px;color:#b8bfbb}.header-city .city-trigger:hover,.header-city .city-trigger[aria-expanded=true]{background:#ffffff0d;border-color:#c8a43e}.header-city .city-trigger:focus-visible{outline-color:#ffc629}.header-city .city-options{left:auto;min-width:240px;background:#202523;border-color:#444a42;box-shadow:0 16px 40px #0005}.header-city .city-option{color:#f4f4ed}.header-city .city-option[aria-selected=true]{background:#ffc62915;color:#ffdc79}.header-city .city-option.is-active{background:#ffc629;color:#151718}.locate-button:focus:not(:focus-visible){outline:none}
@media(max-width:700px){.header-city{min-width:0;max-width:190px}.header-city .city-trigger{min-height:44px;gap:6px}.header-city .city-options{min-width:240px;max-width:calc(100vw - 32px)}.city-trigger{padding:13px 12px;font-size:16px;gap:9px}.city-trigger .city-pin{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.city-trigger,.city-arrow{transition:none}}