/* Supplied photographs stay attached to their own city and place. */
.city-cover{margin:0 0 22px}.city-cover-open{display:block;width:100%;position:relative;padding:0;overflow:hidden;border-radius:8px;background:#e9ecef}.city-cover-open>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.city-cover-badge{display:flex;align-items:center;gap:6px;position:absolute;right:12px;bottom:12px;min-height:30px;padding:5px 10px;border-radius:6px;background:#1b233d66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff80;color:white;font-size:12px;font-weight:550}.city-cover-badge svg{width:15px;height:15px}.city-cover figcaption{font-size:12px;color:#7a838f;margin-top:8px;line-height:1.5}.city-photo-collection{margin:28px 0}.city-photo-collection>h3{margin:0 0 18px}.city-photo-group{margin-bottom:22px;min-width:0}.city-photo-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.city-photo-group h4{font-size:15px;line-height:1.5;font-weight:550;margin:0;min-width:0;overflow-wrap:anywhere}.city-photo-controls{display:flex;flex-shrink:0}.city-photo-controls .icon-btn{width:36px;height:36px;flex-basis:36px;min-height:44px;border:0;background:none;box-shadow:none;color:#77818d}.city-photo-controls .icon-btn svg{width:17px;height:17px}.city-photo-controls button:disabled{opacity:.25;cursor:default}.city-photo-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7cdd5 transparent;padding-bottom:8px;overscroll-behavior-x:contain;min-width:0}.city-photo-thumb{flex:0 0 84%;display:block;min-width:0;padding:0;scroll-snap-align:start;border-radius:8px;overflow:hidden;background:#e9ecef}.city-photo-thumb:only-child{flex-basis:100%}.city-photo-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.city-photo-thumb:focus-visible,.city-cover-open:focus-visible{outline:3px solid #007aff;outline-offset:3px}.city-photo-viewer{width:min(1100px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;background:#151619;color:#f8f8fa;border:1px solid #ffffff40;border-radius:8px;overflow:auto;box-shadow:0 20px 80px #0007;backdrop-filter:none;-webkit-backdrop-filter:none}.city-photo-viewer::backdrop{background:#080c16c9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.city-photo-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px}.city-photo-viewer h2{font-size:18px;line-height:1.5;font-weight:550;margin:0;overflow-wrap:anywhere}.city-photo-viewer .icon-btn{flex:0 0 44px;width:44px;min-height:44px;height:44px;background:none;color:#f5f5f7;border:0;box-shadow:none}.city-photo-viewer .icon-btn svg{width:22px;height:22px}.city-photo-viewer .icon-btn:disabled{opacity:.2}.city-photo-canvas{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:0}.city-photo-canvas>img{display:block;width:100%;height:min(65dvh,760px);object-fit:contain;background:#151619;touch-action:pan-y pinch-zoom}.city-photo-viewer>footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px 18px}.city-photo-viewer footer p{font-size:13px;color:#b0b4be;line-height:1.5;margin:0}.city-photo-viewer output{font-size:12px;color:#f2f2f6;white-space:nowrap}.city-photo-entry .city-entry-photo{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:8px;margin:0}.city-text-button.city-photo-entry{grid-template-columns:minmax(0,1fr) 18px;padding:0 0 18px;gap:10px 12px}.city-text-button.city-photo-entry>.city-entry-photo{grid-column:1/-1}.city-text-button.city-photo-entry>svg{grid-row:2/4}.city-text-grid{gap:24px}.city-text-button.city-photo-entry small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.region-list button.city-photo-entry{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:12px;padding:0 0 18px;border-top:0}.region-list button.city-photo-entry>.city-entry-photo{grid-column:1/-1}.region-list button.city-photo-entry>span{min-width:0}.region-list{gap:24px 20px}.portal-row.city-photo-entry{display:grid;grid-template-columns:76px minmax(0,1fr) 16px;gap:13px}.portal-row.city-photo-entry>.city-entry-photo{grid-column:1;grid-row:1;aspect-ratio:1.2}.portal-row.city-photo-entry>svg:first-of-type{display:none}.portal-row.city-photo-entry>svg:last-child{display:block}.portal-row.city-photo-entry>span{grid-column:2}.portal-row.city-photo-entry>span>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-places img{object-position:center}
@media(max-width:700px){.city-photo-viewer{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.city-photo-viewer>header{padding:10px 8px 10px 16px}.city-photo-viewer h2{font-size:16px}.city-photo-canvas{grid-template-columns:32px minmax(0,1fr) 32px}.city-photo-canvas .icon-btn{width:32px;min-width:32px;flex-basis:32px}.city-photo-canvas>img{height:60dvh}.city-photo-viewer footer{padding:12px 16px 18px}.city-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.city-text-button.city-photo-entry{grid-template-columns:minmax(0,1fr);gap:8px}.city-text-button.city-photo-entry strong{font-size:16px}.city-text-button.city-photo-entry small{font-size:12px}.city-text-button.city-photo-entry>svg{display:none}.city-text-button.city-photo-entry .city-entry-photo{aspect-ratio:1.25}.portal-row.city-photo-entry{grid-template-columns:68px minmax(0,1fr) 16px}.region-list{gap:22px 14px}.region-list .city-entry-photo{aspect-ratio:1.25}.home-search-form input{font-size:16px}}
.city-photo-canvas{display:block;position:relative}.city-photo-canvas>img{height:auto;max-height:70dvh}.city-photo-canvas>.icon-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:44px;height:44px;background:#10151c66;border-radius:50%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.city-photo-canvas>.icon-btn:first-child{left:8px}.city-photo-canvas>.icon-btn:last-child{right:8px}.city-photo-canvas>.icon-btn:disabled{visibility:hidden}
@media(prefers-reduced-transparency:reduce){.city-cover-badge{background:#28303f;backdrop-filter:none;-webkit-backdrop-filter:none}.city-photo-canvas>.icon-btn{background:#28303f;backdrop-filter:none;-webkit-backdrop-filter:none}.city-photo-viewer::backdrop{background:#111a;backdrop-filter:none;-webkit-backdrop-filter:none}}
