.coordinate-frames-lab__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.coordinate-frames-lab svg text{fill:var(--color-ink-soft);font-size:22px}.coordinate-frames-lab .lesson-plot figcaption{padding:.75rem 0}.coordinate-frames-lab .lesson-controls{grid-template-columns:minmax(0,1fr);margin-top:0}.coordinate-frames-lab .lesson-control label{flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;display:flex}.coordinate-frames-lab .lesson-control output{font-family:var(--font-technical)}.coordinate-frames-lab .lesson-control p,.coordinate-frames-lab__units{font-size:.8rem}.coordinate-frames-lab .lesson-readouts dt{font-size:.75rem}.coordinate-frames-lab .lesson-readouts dd{font-size:1rem}.coordinate-frames-lab .lesson-status{margin-top:1rem}.coordinate-frames-lab__matrix{table-layout:fixed}.coordinate-frames-lab__matrix caption{text-align:left;color:var(--color-ink);margin-bottom:.5rem;font-weight:600}.coordinate-frames-lab__matrix td{font-family:var(--font-technical)}.coordinate-frames-lab__legend{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.6rem;display:flex}.coordinate-frames-lab__legend>span{align-items:center;gap:.45rem;display:inline-flex}.coordinate-frames-lab__legend i{flex-shrink:0;width:.8rem;height:.8rem;display:inline-block}.coordinate-frames-lab__world{border:2px solid var(--color-ink-soft);border-radius:50%}.coordinate-frames-lab__body{border:2px solid var(--color-signal-point)}.coordinate-frames-lab__landmark{background:var(--color-ink);border-radius:50%}.coordinate-frames-lab__legend .coordinate-frames-lab__body-x{border-top:3px solid var(--color-signal-point);width:1.3rem;height:0}.coordinate-frames-lab__legend .coordinate-frames-lab__body-y{border-top:3px dashed var(--color-signal-point);width:1.3rem;height:0}@media (max-width:48rem){.coordinate-frames-lab__workspace{grid-template-columns:minmax(0,1fr);gap:1rem}}