@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";:root{--ms-since-start: 0}body{font-family:IBM Plex Sans,sans-serif;font-optical-sizing:none;background-color:#00f;padding:0;margin:0;overflow:hidden;--blue: hwb(204.42deg 0% 0%)}svg{background-color:#ff69b4;width:100vw;height:100vh}#circles-all{--circle-color: darkgreen}#circles-chart{transform:translateY(-2px)}#real-axis{stroke-width:.05;stroke:var(--circle-color)}#circles-all text{font-size:.5px;text-anchor:middle;alignment-baseline:central;transform:scaleY(-1)}[data-circle-info="1"]{--example-color: red}[data-circle-info="1"] line[data-full-interval]:nth-of-type(1){transform:translate(var(--example1-from-x));display:var(--example1-open-end-display)}[data-circle-info="1"] circle{transform:translate(var(--example1-center-x))}[data-circle-info="1"] circle[data-full-interval]{r:calc((var(--example1-to-x) - var(--example1-from-x)) / 2);display:var(--example1-open-end-display)}[data-circle-info="1"] line[data-full-interval]:nth-of-type(2){transform:translate(var(--example1-to-x));display:var(--example1-open-end-display)}[data-circle-info="2"]{--example-color: white}[data-circle-info="2"] line[data-full-interval]:nth-of-type(1){transform:translate(var(--example2-from-x));display:var(--example2-open-end-display)}[data-circle-info="2"] circle{transform:translate(var(--example2-center-x))}[data-circle-info="2"] circle[data-full-interval]{r:calc((var(--example2-to-x) - var(--example2-from-x)) / 2);display:var(--example2-open-end-display)}[data-circle-info="2"] line[data-full-interval]:nth-of-type(2){transform:translate(var(--example2-to-x));display:var(--example2-open-end-display)}[data-circle-info="3"]{--example-color: var(--blue)}[data-circle-info="3"] line[data-full-interval]:nth-of-type(1){transform:translate(var(--example3-from-x));display:var(--example3-open-end-display)}[data-circle-info="3"] circle{transform:translate(var(--example3-center-x))}[data-circle-info="3"] circle[data-full-interval]{r:calc((var(--example3-to-x) - var(--example3-from-x)) / 2);display:var(--example3-open-end-display)}[data-circle-info="3"] line[data-full-interval]:nth-of-type(2){transform:translate(var(--example3-to-x));display:var(--example3-open-end-display)}[data-bottom-center]{r:.15;stroke-width:.03;stroke:var(--circle-color);fill:var(--example-color)}[data-full-interval]{stroke-width:.03;stroke-dasharray:.1 .08;stroke:var(--example-color);stroke-dashoffset:calc(var(--ms-since-start) / 7000);fill:none}.chart{transform:translate(8px,4.5px) scaleY(-1)}.grid line{fill:none;stroke:#000060;stroke-width:.02;stroke-dasharray:.03}.grid line[data-major]{stroke-width:.05;stroke-dasharray:none}#original-function{fill:none;stroke:gray;stroke-width:.1;stroke-linecap:round}[data-reconstruction]{fill:none;stroke-linecap:round}[data-reconstruction="1"]{stroke:red;stroke-width:.25}[data-reconstruction="2"]{stroke:#fff;stroke-width:.175}[data-reconstruction="3"]{stroke:var(--blue);stroke-width:.1}[data-open-end]{r:.2;stroke-width:.03;fill:none}[data-open-end="1"]{stroke:red}[data-open-end="2"]{stroke:#fff}[data-open-end="3"]{stroke:var(--blue)}.ideal{stroke-dasharray:0 .069;stroke-linecap:round}.end-point-mask{r:.2}[data-center]{r:.2;stroke-width:.03}[data-center="1"]{fill:red;stroke:red;cx:var(--example1-center-x);cy:var(--example1-center-y)}[data-center="2"]{fill:#fff;stroke:#fff;cx:var(--example2-center-x);cy:var(--example2-center-y)}[data-center="3"]{fill:var(--blue);stroke:var(--blue);cx:var(--example3-center-x);cy:var(--example3-center-y)}#manual-controls{position:absolute;top:.5em;left:.5em;display:flex;flex-direction:column}#manual-controls div:nth-of-type(2){background-color:red}#manual-controls div:nth-of-type(3){background-color:#fff}#manual-controls div:nth-of-type(4){background-color:var(--blue)}[data-term-stepper]{display:flex;justify-content:space-between;align-items:center}#manual-controls span{background-color:#ffffff7f}