.directional.svelte-4ko6l0{border:2px solid var(--blue);background:var(--paper);margin:24px 0;padding:24px}h3.svelte-4ko6l0{margin-top:0}.controls.svelte-4ko6l0{flex-wrap:wrap;align-items:end;gap:16px;display:flex}label.svelte-4ko6l0{gap:8px;max-width:100%;font-weight:600;display:grid}select.svelte-4ko6l0,input.svelte-4ko6l0{max-width:150px;color:var(--blue-deep);border:1px solid var(--blue);background:#fff;padding:9px}figure.svelte-4ko6l0{margin:24px 0;overflow-x:auto}figure.svelte-4ko6l0:focus-visible{outline:2px solid var(--blue);outline-offset:3px}svg.svelte-4ko6l0{width:100%;min-width:440px;height:auto;max-height:460px}text.svelte-4ko6l0{fill:var(--blue-deep);font-size:15px}.grid.svelte-4ko6l0{stroke:var(--line)}.axis.svelte-4ko6l0{stroke:var(--blue)}.contour.svelte-4ko6l0{stroke:var(--blue);opacity:.6;stroke-width:1.5px;fill:none}.step.svelte-4ko6l0{stroke:var(--red);stroke-width:3px}.gradient.svelte-4ko6l0{stroke:var(--blue);stroke-width:2.5px;stroke-dasharray:5 4}.point.svelte-4ko6l0{fill:var(--blue-deep)}p.svelte-4ko6l0,figcaption.svelte-4ko6l0{line-height:1.7}.note.svelte-4ko6l0,figcaption.svelte-4ko6l0{font-size:14px}@media (width<=650px){.directional.svelte-4ko6l0{padding:14px}.controls.svelte-4ko6l0{grid-template-columns:minmax(0,1fr);display:grid}}