.city-topbar{width:100%;background:#28241c;border-bottom:2px solid #b88920;color:#fff}
.city-topbar-inner{position:relative;width:min(1220px,calc(100% - 32px));min-height:38px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:4px 38px}
.city-topbar h2{margin:0;color:#fff8e8;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.25;font-weight:700;text-align:center}
.city-topbar-close{position:absolute;right:0;top:50%;width:27px;height:27px;transform:translateY(-50%);display:grid;place-items:center;border:1px solid rgba(239,214,155,.55);border-radius:50%;background:transparent;color:#fff8e8;font-size:21px;line-height:1;cursor:pointer}
.city-topbar-close:hover,.city-topbar-close:focus-visible{background:#59451e;outline:2px solid #e5c778;outline-offset:2px}
.city-topbar[hidden]{display:none!important}
@media(max-width:720px){.city-topbar-inner{width:calc(100% - 20px);min-height:36px;padding:4px 36px}.city-topbar h2{font-size:13px}.city-topbar-close{width:25px;height:25px;font-size:19px}}
@media(max-width:380px){.city-topbar-inner{width:calc(100% - 14px);padding-right:34px;padding-left:34px}.city-topbar h2{font-size:12px}}