.photo-pin{cursor:pointer;background:0 0;border:0;border-radius:8px;width:40px;height:40px;padding:0;display:block;position:relative}.photo-pin img{object-fit:cover;transform-origin:50% 100%;background:#151822;border:2px solid #e0e7ff;border-radius:8px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 2px 8px #0009}.photo-row{display:flex}.photo-row-photo{border-radius:8px;flex:1 1 0;min-width:0;display:block}.photo-row-photo img{object-fit:cover;background:#151822;border:2px solid #e0e7ff;border-radius:8px;width:100%;height:100%;box-shadow:0 2px 8px #0009}.photo-row-photo:focus-visible{outline:2px solid var(--color-accent-300);outline-offset:2px}.photo-pin:focus-visible{outline:2px solid var(--color-accent-300);outline-offset:4px}.photo-mosaic{z-index:0;display:grid}.photo-mosaic-photo{border-radius:4px;display:block}.photo-mosaic-photo img,.photo-mosaic-more{background:#151822;border:1px solid #e0e7ffcc;border-radius:4px;display:block;overflow:hidden;box-shadow:0 1px 4px #00000080}.photo-mosaic-photo img{object-fit:cover;width:100%;height:100%}.photo-mosaic-more{color:#fff;background:#312e81;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.photo-mosaic-photo:focus-visible,.photo-mosaic-more:focus-visible{outline:2px solid var(--color-accent-300);outline-offset:1px}.photo-pin-count{color:#fff;text-align:center;background:#6366f1;border-radius:9999px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:-6px;right:-6px}.photo-map-popup{z-index:10000}.photo-map-popup .maplibregl-popup-content{color:#e2e8f0;background:#0b0d14;border-radius:10px;padding:8px;font-size:13px;box-shadow:0 0 0 1px #ffffff1f,0 8px 24px #0009}.photo-map-popup .maplibregl-popup-tip{display:none}.photo-map-popup .maplibregl-popup-close-button{color:#94a3b8;padding:0 6px;font-size:18px}.photo-popup-list{flex-direction:column;gap:4px;margin-right:14px;display:flex}.photo-popup-item{color:#e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:2px;display:flex}.photo-popup-item:hover,.photo-popup-item:focus-visible{background:#ffffff14}.photo-popup-item img{object-fit:cover;border-radius:6px;flex:none;width:56px;height:56px}.photo-popup-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.photo-popup-grid{grid-template-columns:repeat(3,64px);gap:4px;margin-right:14px;display:grid}.photo-popup-cell{border-radius:6px;display:block}.photo-popup-cell img{object-fit:cover;border-radius:6px;width:64px;height:64px}.photo-popup-cell:hover img,.photo-popup-cell:focus-visible img{outline:2px solid var(--color-accent-300)}.photo-popup-all{color:#a5b4fc;margin-top:6px;font-weight:500;display:block}.photo-popup-all:hover{color:#c7d2fe}
