body{color:var(--text-color);padding:20px;max-width:1024px;margin:0 auto}.image-container{grid-template-columns:repeat(auto-fill,minmax(300px,-webkit-min-content));grid-template-columns:repeat(auto-fill,minmax(300px,min-content))}.distances-container,.image-container{display:grid;gap:10px;justify-content:center}.distances-container{grid-template-columns:repeat(calc(var(--number-images) + 1),-webkit-min-content);grid-template-columns:repeat(calc(var(--number-images) + 1),min-content)}.distances-container .mini-image{width:90px}@media (max-width:700px){.distances-container .mini-image{width:45px}}.distances-container .mini-image.top{grid-row:1}.distances-container .mini-image.side{grid-column:1}.distances-container .distance-positioner{display:flex;justify-content:center;align-items:center;background-color:hsl(212,100%,var(--lightness));color:#fff}.plot-container{display:flex;justify-content:center}.plot-container .svg-container{margin-top:-80px;z-index:-1}