.axisHelper_parentLayout__N2EGs{width:100%;max-width:calc(100 * var(--grid-square));aspect-ratio:1;padding:calc(15 * var(--grid-square));position:relative;overflow:hidden}.axisHelper_three3dParent__fiZHL{width:100%;height:100%;display:grid;grid:"a" 1fr/1fr;justify-items:center;align-items:center;transform:rotateX(-30deg) rotateY(-50deg) translate(-60%,35%);border:var(--border)}.axisHelper_child__7WBnW{grid-area:a;width:50%;height:50%;border:var(--border);border-width:6px}.axisHelper_lineX__6hMLy{width:100%;height:1px;position:absolute;left:0;top:50%;background:var(--color-border)}.axisHelper_lineY__sf_Rv{width:1px;height:100%;position:absolute;left:50%;top:0;background:var(--color-border)}.axisHelper_lineZ__rwEnk{width:400%;height:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(0deg) rotateY(-90deg) rotate(0deg);background:linear-gradient(270deg,rgba(28,28,28,0) 45%,#1c1c1c 46%)}.axisHelper_textX__o7qnT{position:absolute;left:3%;top:45%}.axisHelper_textY__W8dY8{position:absolute;left:19%;top:26%}.axisHelper_textZ__aDnBw{position:absolute;left:13%;top:61%}@media (max-width:700px){.axisHelper_parentLayout__N2EGs{display:none}}.demo_outputLayout___K_GQ{width:100%;max-width:calc(var(--grid-square) * 90);position:relative;display:flex;flex-direction:column;gap:calc(var(--grid-square) * 6);align-items:center}@media (max-width:700px){.demo_outputLayout___K_GQ{max-width:calc(var(--grid-square) * 80)}}.demo_viewport__dpIVJ{width:100%;aspect-ratio:1;overflow:hidden;border:var(--border)}.demo_parent__yxx5z{width:100%;height:100%}.demo_vanishingPointSquares__I_HfR{position:absolute;inset:0;border:var(--border);border-style:dotted}.demo_child__wOP9v{position:absolute;inset:0;border:6px solid var(--color-border)}