/* Small links to the pieces and materials that belong to the open scene. */
.space-related-lightbox .lightbox-image{max-height:calc(100dvh - 150px)}
.space-related-lightbox .lightbox-caption{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:11px 24px}
.space-related-lightbox #lightboxCaption{min-width:120px}
.space-related-thumbnails{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding:3px 2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.lightbox-caption .space-related-thumb{display:block;flex:0 0 56px;width:56px;height:56px;margin:0;padding:0;border:1px solid var(--line);background:#eeebe5;text-decoration:none;transition:border-color .2s}
.space-related-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.space-related-thumb.related-material img{object-fit:cover}
.space-related-thumb:hover{border-color:var(--accent)}
.space-related-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.space-related-collection-link{justify-self:end;white-space:nowrap}
@media(max-width:760px){
 .space-related-lightbox .lightbox-image{max-height:calc(100dvh - 175px)}
 .space-related-lightbox .lightbox-caption{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:11px 14px 12px}
 .space-related-lightbox #lightboxCaption{grid-column:1;grid-row:1;min-width:0}
 .space-related-lightbox .space-related-collection-link{grid-column:2;grid-row:1;font-size:9px}
 .space-related-thumbnails{grid-column:1/-1;grid-row:2;gap:7px;padding:3px 2px}
 .lightbox-caption .space-related-thumb{flex-basis:50px;width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){.space-related-thumb{transition:none}}