/* DesignBookmark Spring Dropdown, adapted to Povod's anchored header and Cobalt. */
.city-dropdown{position:relative;flex:none;width:fit-content;max-width:100%;z-index:30}
.city-trigger{display:flex;align-items:center;gap:12px;min-width:132px;max-width:100%;height:44px;padding:0 12px;border:0;border-radius:4px;background:var(--highlight);color:var(--on-highlight,#fff);font:500 .875rem/1.4 var(--font-interface);text-align:left;cursor:pointer;transform-origin:center}
.city-value{position:relative;display:block;width:155px;max-width:calc(100vw - 100px);height:44px;overflow:hidden}
.city-slot{position:absolute;inset:0;display:flex;align-items:center;white-space:nowrap}
.city-chevron{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.city-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.city-menu{position:absolute;left:0;top:calc(100% + 8px);width:232px;max-width:calc(100vw - 40px);height:0;padding:6px;box-sizing:border-box;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--paper,#fff);color:var(--ink);transform-origin:50% 0;isolation:isolate}
.city-menu[hidden]{display:none!important}
.city-option{opacity:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:44px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:var(--ink);font:400 .875rem/1.4 var(--font-interface);text-align:left;cursor:pointer}
.city-option[data-active=true]{color:var(--on-highlight,#fff)}
.city-option-tick{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.city-option-tick path{stroke-dasharray:22;stroke-dashoffset:22}
.city-menu-highlight{position:absolute;z-index:0;left:6px;right:6px;top:0;height:44px;border-radius:3px;background:var(--highlight);pointer-events:none}
@media(max-width:700px){.city-value{width:145px}.city-trigger{font-size:.8125rem;gap:8px}.city-menu{max-width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){.city-dropdown *{animation:none!important;transition:none!important}}