.city-context-bar{position:relative;max-width:1180px;margin:10px auto 0;padding:10px 44px 10px 16px;display:flex;align-items:center;gap:14px;border:1px solid #ded5c5;border-radius:16px;background:#fffaf2;box-shadow:0 8px 24px #173b2712;color:#173b27}
.city-context-bar>div{display:flex;align-items:center;gap:10px;flex:1}.city-context-bar svg{width:20px}.city-context-bar span{display:grid}.city-context-bar small{color:#687269;font-size:11px}.city-context-bar strong{font-size:14px}.city-context-bar em{padding:4px 8px;border-radius:999px;background:#f3ead7;color:#725823;font-size:10px;font-style:normal}
.city-context-bar .city-location-button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px}.city-location-feedback{margin:0;font-size:12px}.city-location-feedback.error{color:#8e3326}
.city-context-close{position:absolute;right:10px;top:9px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#516057;font-size:21px;line-height:1;cursor:pointer}
@media(max-width:760px){.city-context-bar{margin:8px 12px 0;flex-wrap:wrap}.city-context-bar>div{min-width:0}.city-context-bar strong{overflow-wrap:anywhere}.city-context-bar .city-location-button{width:100%;font-size:12px}.city-location-feedback{width:100%}}