.dc-stage{display:grid;grid-gap:var(--s2);gap:var(--s2);grid-template-columns:1fr}@media (min-width:960px){.dc-stage{grid-template-columns:minmax(0,1fr) 15rem}}.dc-canvas-wrap{position:relative;width:100%}.dc-canvas-wrap canvas{display:block;width:100%;border-radius:8px;background:var(--panel-2);border:1px solid var(--line)}.dc-side{display:flex;flex-direction:column;gap:var(--s1)}.dc-side .dg{width:100%;height:auto}.dc-legend{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:var(--step--1);margin:var(--s0) 0 0;padding:0;list-style:none}.dc-legend li{display:inline-flex;align-items:center;gap:.4em}.dc-legend .sw{width:16px;height:3px;border-radius:2px;background:var(--sw)}.dc-legend .sw.flag{width:10px;height:10px;border-radius:2px}.ntt-stage{display:grid;grid-gap:var(--s2);gap:var(--s2);grid-template-columns:1fr}@media (min-width:1100px){.ntt-stage{grid-template-columns:minmax(0,1fr) 13rem;align-items:start}}.ntt-stage .dg{width:100%;height:auto}.ntt-cube-box{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:var(--s0)}.ntt-cube-box p{font-size:var(--step--1);color:var(--text-muted);margin:var(--s0) 0 0}.planes-fig .dg{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}.four-step{display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:1fr;align-items:center}@media (min-width:900px){.four-step{grid-template-columns:1fr 1fr}}.ntt-cube-box .dg{display:block;max-width:220px;margin:0 auto}@media (max-width:959px){.dc-side .dg{max-width:300px}}.dc-pending{min-height:324px}@media (max-width:600px){.dc-pending{min-height:282px}}