.survey-image{display:block;min-width:0}.survey-image__frame{display:block;position:relative;width:100%;aspect-ratio:var(--survey-image-ratio);overflow:hidden;background:var(--vs-panel)}.survey-image .survey-image__frame>img{display:block;width:100%;height:100%;aspect-ratio:auto;-o-object-fit:cover;object-fit:cover}.survey-image[data-state=error] .survey-image__frame>img{visibility:hidden}.survey-image .survey-image__frame>.survey-image__placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:0;background:transparent;color:var(--vs-dim)}.survey-image__recovery{display:grid;gap:.5rem;padding:.65rem;background:var(--vs-panel);color:var(--vs-ink);font-family:var(--vs-mono);font-size:.75rem;line-height:1.5;letter-spacing:0}.survey-image__recovery :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.4rem;border:1px solid var(--vs-line);background:transparent;color:var(--vs-ink);font:inherit;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.survey-image__recovery :is(button,a):hover{border-color:var(--vs-ink)}.survey-image__recovery :is(button,a):active{opacity:.75}.survey-image:focus-visible,.survey-image__recovery :is(button,a):focus-visible{outline:2px solid var(--vs-ink);outline-offset:3px}.survey-guide__world>header>.survey-image{flex:none;width:28%;max-width:280px}.survey-guide__record .survey-image__frame,.survey-guide__world .survey-image__frame{aspect-ratio:4/3}.survey-guide__record>.survey-image{width:100%;margin-bottom:1.25rem}.survey-guide__record .survey-image__frame>img,.survey-image.survey-guide__vessel .survey-image__frame>img{-o-object-fit:contain;object-fit:contain}.survey-image.survey-guide__vessel{max-height:none}.survey-image.survey-guide__vessel .survey-image__frame{max-height:460px}.survey-guide__crew .survey-image__frame{aspect-ratio:4/5}.dsv-crew__rail .dsv-crew__file .survey-image,.dsv-crew__rail .dsv-crew__file .survey-image__frame{padding:0;background:transparent}.dsv-crew__file .survey-image__frame{height:44px;aspect-ratio:auto}.dsv-crew__portrait .survey-image__frame{height:132px;aspect-ratio:auto}@media (max-width:600px){.survey-guide__world>header>.survey-image{width:100%;max-width:none}}