:root{--true-white: #ffffff;--true-black: #000000;--yellow-50: #ffffe7;--yellow-100: #ffffc1;--yellow-200: #fffb86;--yellow-300: #fff041;--yellow-400: #ffe00d;--yellow-500: #ffd100;--yellow-600: #d19900;--yellow-700: #a66d02;--yellow-800: #89550a;--yellow-900: #74450f;--yellow-950: #442404;--yellow: var(--yellow-500);--blue-50: #f1f8fa;--blue-100: #dcecf1;--blue-200: #bddae4;--blue-300: #8fc0d1;--blue-400: #599cb7;--blue-500: #3e809c;--blue-600: #34657f;--blue-700: #31576d;--blue-800: #2f495b;--blue-900: #2b404e;--blue-950: #182834;--blue-lightest: var(--blue-100);--blue-light: var(--blue-400);--blue-lighter: var(--blue-200);--blue-dark: var(--blue-600);--blue-darker: var(--blue-950);--neutral-50: #fcfcfc;--neutral-100: #ececec;--neutral-200: #dedede;--neutral-300: #d1d2d3;--neutral-400: #a7a8aa;--neutral-500: #8f9092;--neutral-600: #787a7d;--neutral-700: #5f6164;--neutral-800: #474a4d;--neutral-900: #2e3236;--neutral-950: #101820;--neutral-white: var(--neutral-50);--neutral-lightest: var(--neutral-100);--neutral-lighter: var(--neutral-300);--neutral-light: var(--neutral-400);--neutral-mid: var(--neutral-500);--neutral-dark: var(--neutral-700);--neutral-darker: var(--neutral-900);--neutral-black: var(--neutral-950);--orange-50: #fff6ed;--orange-100: #ffebd4;--orange-200: #ffd3a8;--orange-300: #ffb470;--orange-400: #ff8937;--orange-500: #ff6a13;--orange-600: #f04c06;--orange-700: #c73707;--orange-800: #9e2c0e;--orange-900: #7f270f;--orange-950: #451005;--orange: var(--orange-500);--red: var(--orange-700);--heading-font: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body-font: "Alkes", Georgia, serif;--code-font: "MonoLisa", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--body-font-weight: normal;--body-font-size: 1.1875rem;--body-line-height: 1.5;--blue-to-yellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008, #ffd100;--accent-gradient: linear-gradient(to right, var(--blue-to-yellow));--ink: var(--neutral-800);--paper: var(--neutral-white);--heading-color: var(--neutral-800);--accent-color: var(--blue-dark);--link-color: var(--blue-dark);--highlight-color: var(--neutral-dark);--max-width: 34rem;--sidebar-width: 15rem;--margin: var(--quarter-note);--sixteenth-note: calc(var(--quarter-note) / 4);--eighth-note: calc(var(--quarter-note) / 2);--quarter-note: 1.25rem;--dotted-quarter-note: calc(var(--quarter-note) * 1.5);--half-note: calc(var(--quarter-note) * 2);--dotted-half-note: calc(var(--quarter-note) * 3);--whole-note: calc(var(--quarter-note) * 4);--tied-whole-note: calc(var(--quarter-note) * 5);--dotted-whole-note: calc(var(--quarter-note) * 6);--button-size: 2.2rem;--button-background: var(--paper);font-size:var(--body-font-size)}@media (min-width: 42rem){:root{--body-font-size: 1.1875rem}}@media (min-width: 82rem){:root{--body-font-size: 1.25rem}}@supports (background: linear-gradient(in oklab,white,black)){:root{--accent-gradient: linear-gradient(to right in oklab, var(--blue-light) 10%, var(--yellow) 90%)}}@media (min-width: 42rem){:root{--margin: var(--half-note)}}@media (min-width: 56rem){:root{--margin: var(--dotted-half-note)}}@media (min-width: 108rem){:root{--margin: var(--whole-note)}}@media (min-width: 122rem){:root{--margin: var(--dotted-whole-note)}}:root.dark{--paper: var(--neutral-black);--ink: var(--neutral-100);--heading-color: var(--neutral-white);--accent-color: var(--blue-light);--link-color: var(--blue-light);--neutral-lightest: var(--neutral-900);--neutral-lighter: var(--neutral-700);--highlight-color: var(--neutral-darker);--neutral-mid: var(--neutral-400)}@media (prefers-color-scheme: dark){:root:not(.light){--paper: var(--neutral-black);--ink: var(--neutral-100);--heading-color: var(--neutral-white);--accent-color: var(--blue-light);--link-color: var(--blue-light);--highlight-color: var(--neutral-darker)}}.easing-demo.svelte-33r2st{display:grid;align-items:start;align-content:start;justify-content:center;justify-items:center;gap:0 var(--quarter-note);grid-template-columns:3fr 1fr;margin-top:var(--dotted-quarter-note)}@media (min-width: 42rem){.easing-demo.svelte-33r2st{grid-template-columns:repeat(2,1fr)}}.current-curve.svelte-33r2st{width:100%;margin:0 auto var(--quarter-note) auto;position:sticky;display:grid;grid-template-columns:100%;grid-template-rows:auto auto;gap:var(--quarter-note);top:var(--quarter-note);justify-content:center;align-content:start;z-index:3}.current-curve.svelte-33r2st svg:where(.svelte-33r2st),.current-curve.svelte-33r2st path:where(.svelte-33r2st),.current-curve.svelte-33r2st circle:where(.svelte-33r2st),.current-curve.svelte-33r2st rect:where(.svelte-33r2st),.current-curve.svelte-33r2st line:where(.svelte-33r2st){touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.current-curve.svelte-33r2st .current-curve__svg:where(.svelte-33r2st){border:3px solid var(--neutral-lightest);margin:0 auto;max-width:40vh;max-height:100%;display:block;background:repeating-linear-gradient(to bottom,var(--neutral-lightest),var(--neutral-lightest) 1px,transparent 1px,transparent 3.33%),repeating-linear-gradient(to right,var(--neutral-lightest),var(--neutral-lightest) 1px,transparent 1px,transparent 7.14%)}@media (min-width: 56rem){.current-curve.svelte-33r2st .current-curve__svg:where(.svelte-33r2st){max-width:18rem}}.current-curve.svelte-33r2st .current-curve__moving-circle:where(.svelte-33r2st){fill:var(--yellow)}.current-curve.svelte-33r2st .current-curve__moving-circle:where(.svelte-33r2st),.current-curve.svelte-33r2st .current-curve__moving-circle-wrapper:where(.svelte-33r2st){animation-name:svelte-33r2st-move;animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate-reverse;pointer-events:none}.current-curve.svelte-33r2st .current-curve__moving-circle-wrapper:where(.svelte-33r2st){animation-name:svelte-33r2st-move_up;animation-timing-function:cubic-bezier(var(--bezierCoordinates))}.current-curve.svelte-33r2st .current-curve__handle:where(.svelte-33r2st){fill:#7ba7bc;stroke:#34657f;stroke-width:1px}.current-curve.svelte-33r2st .current-curve__handle-tether:where(.svelte-33r2st){pointer-events:none;stroke-width:1px}.current-curve.svelte-33r2st .current-curve__frame:where(.svelte-33r2st){fill:none;stroke:var(--neutral-light);stroke-width:1px;pointer-events:none}.current-curve.svelte-33r2st .current-curve__curve:where(.svelte-33r2st){fill:none;stroke:var(--yellow);stroke-width:2px;pointer-events:none}.current-curve.svelte-33r2st .current-curve__title:where(.svelte-33r2st){text-align:center;width:100%;font-size:.4rem;font-family:var(--code-font);fill:var(--ink)}.current-curve.svelte-33r2st .current-curve__coordinates:where(.svelte-33r2st){white-space:normal;font-size:.5rem;display:inline-block;margin:0 auto}@media (min-width: 34rem){.current-curve.svelte-33r2st .current-curve__coordinates:where(.svelte-33r2st){font-size:.7rem}}@media (min-width: 66rem){.current-curve.svelte-33r2st .current-curve__coordinates:where(.svelte-33r2st){font-size:.8rem}}.current-curve.svelte-33r2st .current-curve__copy-btn:where(.svelte-33r2st){width:2.5rem;height:2.5rem;margin:0 auto;border:0;display:flex;justify-content:center;align-items:center;border-radius:4px}code.svelte-33r2st{padding:.5em;display:block;margin-top:1rem}@media (max-width: 34rem){code.svelte-33r2st{font-size:.625rem}}.intro.svelte-33r2st{justify-self:start;margin-bottom:var(--dotted-half-note)}.intro.svelte-33r2st p:where(.svelte-33r2st){max-width:28em}.intro.intro-desktop.svelte-33r2st{display:none}@media (min-width: 66rem){.intro.intro-desktop.svelte-33r2st{display:block}}.intro.intro-mobile.svelte-33r2st{grid-column:span 2}@media (min-width: 66rem){.intro.intro-mobile.svelte-33r2st{display:none}}.is-frame.svelte-33r2st .intro:where(.svelte-33r2st){display:none!important}svg.svelte-33r2st{fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.5}.curve-selection.svelte-33r2st{display:grid;grid-template-columns:1fr;gap:1rem;justify-content:center;justify-items:center}@media (min-width: 42rem){.curve-selection.svelte-33r2st{grid-template-columns:repeat(3,1fr);justify-items:start}}@media (min-width: 82rem){.curve-selection.svelte-33r2st{grid-template-columns:repeat(6,1fr)}}.curve-selection.svelte-33r2st h3:where(.svelte-33r2st){font-size:.8rem;grid-column:1/-1;text-align:center;margin-bottom:0;margin-top:var(--quarter-note);display:block}.curve-selection.svelte-33r2st h3:where(.svelte-33r2st):first-child{margin-top:0}@media (min-width: 56rem){.curve-selection.svelte-33r2st h3:where(.svelte-33r2st){font-size:1rem}}.curve-selection.svelte-33r2st input:where(.svelte-33r2st):checked+label:where(.svelte-33r2st),.curve-selection.svelte-33r2st input:where(.svelte-33r2st):focus+label:where(.svelte-33r2st){box-shadow:0 0 0 3px var(--accent-color)}.curve-selection.svelte-33r2st label:where(.svelte-33r2st){display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;transition:box-shadow .2s;border-radius:0 0 4px 4px}.curve-selection.svelte-33r2st label:where(.svelte-33r2st) .curve-selection__title:where(.svelte-33r2st){width:100%;text-align:center;line-height:1;margin-top:0;font-size:.615rem;border-radius:0 0 4px 4px;display:block}.curve-selection.svelte-33r2st .circ:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--blue-lighter);border-color:var(--blue-lighter);color:var(--neutral-black)}.curve-selection.svelte-33r2st .sine:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--yellow);border-color:var(--yellow);color:var(--neutral-black)}.curve-selection.svelte-33r2st .quad:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--blue-dark);border-color:var(--blue-dark);color:var(--neutral-white)}.curve-selection.svelte-33r2st .cubi:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--blue-light);border-color:var(--blue-light);color:var(--neutral-black)}.curve-selection.svelte-33r2st .quin:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--orange);border-color:var(--orange);color:var(--neutral-white)}.curve-selection.svelte-33r2st .back:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--red);border-color:var(--red);color:var(--neutral-white)}.curve-selection.svelte-33r2st .expo:where(.svelte-33r2st) code:where(.svelte-33r2st){background:var(--neutral-dark);border-color:var(--neutral-dark);color:var(--neutral-white)}.curve-selection__option-group.svelte-33r2st{position:relative;max-width:6.5rem;width:100%;min-width:5.5rem}@media (min-width: 66rem){.curve-selection__option-group.svelte-33r2st{max-width:unset}}.curve-selection__illustration.svelte-33r2st{border:1px solid var(--neutral-lighter);border-bottom:0;background:repeating-linear-gradient(to bottom,var(--neutral-lightest),var(--neutral-lightest) 1px,transparent 1px,transparent 7.142%),repeating-linear-gradient(to right,var(--neutral-lightest),var(--neutral-lightest) 1px,transparent 1px,transparent 7.142%);background-position:-1px -1px}.curve-selection__frame.svelte-33r2st{fill:none;stroke:var(--neutral-light);stroke-width:.025px;pointer-events:none}.curve-selection__curve.svelte-33r2st{fill:none;stroke:#ffd100;stroke-width:.05px;pointer-events:none}.transparent.svelte-33r2st{opacity:.4}@keyframes svelte-33r2st-move{0%,20%{transform:translate(0)}80%,to{transform:translate(71.45%)}}@keyframes svelte-33r2st-move_up{0%,20%{transform:translateY(0)}80%,to{transform:translateY(-33.33%)}}