span.svelte-jm53xe{display:inline-flex;justify-content:center;align-items:center;background-color:var(--highlight-1);border-radius:.5rem;padding:10%;overflow:hidden}svg.svelte-jm53xe{overflow:visible}circle.svelte-jm53xe{fill:#fff}div.svelte-hhxbto{--size:30rem;border-radius:.5rem;width:var(--size);height:var(--size);position:relative;margin-block:calc(var(--size) / 2);user-select:none;margin-left:2rem}svg.svelte-hhxbto{overflow:visible;position:absolute;stroke:var(--fg-00)}span.svelte-hhxbto{position:absolute;text-transform:uppercase;font-size:1.2rem}.x-axis.svelte-hhxbto{opacity:.5;top:101%;left:0}.y-axis.svelte-hhxbto{opacity:.5;transform:rotate(-90deg);transform-origin:0 0;left:-7%;bottom:-5%}.transparent-bg-element.svelte-hhxbto{opacity:.3}.end.svelte-hhxbto{fill:var(--fg-00);stroke:none}.ctrl-end.svelte-hhxbto{fill:var(--bg-00);stroke-width:.2}.ctrl-end.left.svelte-hhxbto{fill:var(--highlight-1)}.ctrl-end.right.svelte-hhxbto{fill:var(--highlight-2)}.ctrl-end.svelte-hhxbto,.ctrl-line.svelte-hhxbto{cursor:pointer}.ctrl-end.svelte-hhxbto:hover,.ctrl-line.svelte-hhxbto:hover{stroke:teal;stroke-width:.5}.ctrl-end.active.svelte-hhxbto{stroke:teal;stroke-width:1}.ctrl-line.active.svelte-hhxbto{stroke:teal}.clickable.svelte-hhxbto{cursor:pointer}main.svelte-10fm12k{--highlight-1:hsl(180, 75%, 35%);--highlight-2:hsl(280 75% 35%);max-width:140rem;padding-inline:2rem;min-height:100%;margin:0 auto;display:grid;gap:2rem;grid-template-columns:auto 1fr;grid-template-rows:auto 2fr auto 2fr;grid-template-areas:"ed ti" "ed di" "ed co" "ed li"}.hl1.svelte-10fm12k{color:var(--highlight-1)}.hl2.svelte-10fm12k{color:var(--highlight-2)}button.svelte-10fm12k{color:currentcolor;background-color:var(--highlight-1);border:none;padding:1rem;font-size:1.8rem;border-radius:.5rem;cursor:pointer}.timing-function.svelte-10fm12k{width:9rem;text-align:center;display:inline-block}.title.svelte-10fm12k{font-family:var(--font-mono);grid-area:ti;text-align:center}.editor.svelte-10fm12k{grid-area:ed;margin:auto}.display.svelte-10fm12k{grid-area:di;width:100%;padding-inline:5vw;display:grid;align-content:center}.controls.svelte-10fm12k{grid-area:co;display:grid}.library.svelte-10fm12k{display:flex;flex-wrap:wrap;align-content:start;justify-content:center;gap:1rem;grid-area:li}.track.svelte-10fm12k{position:relative;margin-bottom:1rem}.item.svelte-10fm12k{width:5rem;height:5rem;border-radius:50%;background-color:var(--highlight-1);overflow:hidden;padding:.5rem;transform:translate(-50%);animation:svelte-10fm12k-move 1s forwards}.track.svelte-10fm12k:before{content:"";z-index:-1;position:absolute;width:100%;top:50%;background-color:var(--fg-00);height:1px}@keyframes svelte-10fm12k-move{0%{margin-left:0}to{margin-left:100%}}@media (max-width: 800px){main.svelte-10fm12k{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-template-areas:"ti" "ed" "di" "co" "li"}}