.easing-demo.svelte-gbd0lv{place-content:start center;place-items:start center;gap:0 var(--quarter-note);margin-top:var(--dotted-quarter-note);grid-template-columns:3fr 1fr;display:grid}@media(min-width:42rem){.easing-demo.svelte-gbd0lv{grid-template-columns:repeat(2,1fr)}}.current-curve.svelte-gbd0lv{width:100%;margin:0 auto var(--quarter-note) auto;gap:var(--quarter-note);top:var(--quarter-note);z-index:3;grid-template-rows:auto auto;grid-template-columns:100%;place-content:start center;display:grid;position:sticky}.current-curve.svelte-gbd0lv svg:where(.svelte-gbd0lv){touch-action:none;-webkit-user-select:none;user-select:none}.current-curve.svelte-gbd0lv path:where(.svelte-gbd0lv){touch-action:none;-webkit-user-select:none;user-select:none}.current-curve.svelte-gbd0lv circle:where(.svelte-gbd0lv){touch-action:none;-webkit-user-select:none;user-select:none}.current-curve.svelte-gbd0lv rect:where(.svelte-gbd0lv){touch-action:none;-webkit-user-select:none;user-select:none}.current-curve.svelte-gbd0lv line:where(.svelte-gbd0lv){touch-action:none;-webkit-user-select:none;user-select:none}.current-curve.svelte-gbd0lv .current-curve__svg:where(.svelte-gbd0lv){border:3px solid var(--neutral-lightest);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%);max-width:40vh;max-height:100%;margin:0 auto;display:block}@media(min-width:56rem){.current-curve.svelte-gbd0lv .current-curve__svg:where(.svelte-gbd0lv){max-width:18rem}}.current-curve.svelte-gbd0lv .current-curve__moving-circle:where(.svelte-gbd0lv){fill:var(--yellow)}.current-curve.svelte-gbd0lv .current-curve__moving-circle:where(.svelte-gbd0lv){pointer-events:none;animation-name:svelte-gbd0lv-move;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-fill-mode:forwards}.current-curve.svelte-gbd0lv .current-curve__moving-circle-wrapper:where(.svelte-gbd0lv){pointer-events:none;animation-name:svelte-gbd0lv-move;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-fill-mode:forwards}.current-curve.svelte-gbd0lv .current-curve__moving-circle-wrapper:where(.svelte-gbd0lv){animation-name:svelte-gbd0lv-move_up;animation-timing-function:cubic-bezier(var(--bezierCoordinates))}.current-curve.svelte-gbd0lv .current-curve__handle:where(.svelte-gbd0lv){fill:#7ba7bc;stroke:#34657f;stroke-width:1px}.current-curve.svelte-gbd0lv .current-curve__handle-tether:where(.svelte-gbd0lv){pointer-events:none;stroke-width:1px}.current-curve.svelte-gbd0lv .current-curve__frame:where(.svelte-gbd0lv){fill:none;stroke:var(--neutral-light);stroke-width:1px;pointer-events:none}.current-curve.svelte-gbd0lv .current-curve__curve:where(.svelte-gbd0lv){fill:none;stroke:var(--yellow);stroke-width:2px;pointer-events:none}.current-curve.svelte-gbd0lv .current-curve__title:where(.svelte-gbd0lv){text-align:center;width:100%;font-size:.4rem;font-family:var(--code-font);fill:var(--ink)}.current-curve.svelte-gbd0lv .current-curve__coordinates:where(.svelte-gbd0lv){white-space:normal;margin:0 auto;font-size:.5rem;display:inline-block}@media(min-width:34rem){.current-curve.svelte-gbd0lv .current-curve__coordinates:where(.svelte-gbd0lv){font-size:.7rem}}@media(min-width:66rem){.current-curve.svelte-gbd0lv .current-curve__coordinates:where(.svelte-gbd0lv){font-size:.8rem}}.current-curve.svelte-gbd0lv .current-curve__copy-btn:where(.svelte-gbd0lv){border:0;border-radius:4px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:0 auto;display:flex}code.svelte-gbd0lv{margin-top:1rem;padding:.5em;display:block}@media(max-width:34rem){code.svelte-gbd0lv{font-size:.625rem}}.intro.svelte-gbd0lv{margin-bottom:var(--dotted-half-note);justify-self:start}.intro.svelte-gbd0lv p:where(.svelte-gbd0lv){max-width:28em}.intro.svelte-gbd0lv.intro-desktop{display:none}@media(min-width:66rem){.intro.svelte-gbd0lv.intro-desktop{display:block}}.intro.svelte-gbd0lv.intro-mobile{grid-column:span 2}@media(min-width:66rem){.intro.svelte-gbd0lv.intro-mobile{display:none}}.is-frame:where(.svelte-gbd0lv) .intro.svelte-gbd0lv{display:none!important}svg.svelte-gbd0lv{fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.5}.curve-selection.svelte-gbd0lv{grid-template-columns:1fr;justify-content:center;justify-items:center;gap:1rem;display:grid}@media(min-width:42rem){.curve-selection.svelte-gbd0lv{grid-template-columns:repeat(3,1fr);justify-items:start}}@media(min-width:82rem){.curve-selection.svelte-gbd0lv{grid-template-columns:repeat(6,1fr)}}.curve-selection.svelte-gbd0lv h3:where(.svelte-gbd0lv){text-align:center;margin-bottom:0;margin-top:var(--quarter-note);grid-column:1/-1;font-size:.8rem;display:block}.curve-selection.svelte-gbd0lv h3:where(.svelte-gbd0lv):first-child{margin-top:0}@media(min-width:56rem){.curve-selection.svelte-gbd0lv h3:where(.svelte-gbd0lv){font-size:1rem}}.curve-selection.svelte-gbd0lv input:where(.svelte-gbd0lv):checked+label:where(.svelte-gbd0lv){box-shadow:0 0 0 3px var(--accent-color)}.curve-selection.svelte-gbd0lv input:where(.svelte-gbd0lv):focus+label:where(.svelte-gbd0lv){box-shadow:0 0 0 3px var(--accent-color)}.curve-selection.svelte-gbd0lv label:where(.svelte-gbd0lv){border-radius:0 0 4px 4px;grid-template-rows:1fr auto;grid-template-columns:100%;transition:box-shadow .2s;display:grid}.curve-selection.svelte-gbd0lv label:where(.svelte-gbd0lv) .curve-selection__title:where(.svelte-gbd0lv){text-align:center;border-radius:0 0 4px 4px;width:100%;margin-top:0;font-size:.615rem;line-height:1;display:block}.curve-selection.svelte-gbd0lv .circ:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--blue-lighter);border-color:var(--blue-lighter);color:var(--neutral-black)}.curve-selection.svelte-gbd0lv .sine:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--yellow);border-color:var(--yellow);color:var(--neutral-black)}.curve-selection.svelte-gbd0lv .quad:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--blue-dark);border-color:var(--blue-dark);color:var(--neutral-white)}.curve-selection.svelte-gbd0lv .cubi:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--blue-light);border-color:var(--blue-light);color:var(--neutral-black)}.curve-selection.svelte-gbd0lv .quin:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--orange);border-color:var(--orange);color:var(--neutral-white)}.curve-selection.svelte-gbd0lv .back:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--red);border-color:var(--red);color:var(--neutral-white)}.curve-selection.svelte-gbd0lv .expo:where(.svelte-gbd0lv) code:where(.svelte-gbd0lv){background:var(--neutral-dark);border-color:var(--neutral-dark);color:var(--neutral-white)}.curve-selection__option-group.svelte-gbd0lv{width:100%;min-width:5.5rem;max-width:6.5rem;position:relative}@media(min-width:66rem){.curve-selection__option-group.svelte-gbd0lv{max-width:unset}}.curve-selection__illustration.svelte-gbd0lv{border:1px solid var(--neutral-lighter);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;border-bottom:0}.curve-selection__frame.svelte-gbd0lv{fill:none;stroke:var(--neutral-light);stroke-width:.025px;pointer-events:none}.curve-selection__curve.svelte-gbd0lv{fill:none;stroke:#ffd100;stroke-width:.05px;pointer-events:none}.transparent.svelte-gbd0lv{opacity:.4}@keyframes svelte-gbd0lv-move{0%,20%{transform:translate(0)}80%,to{transform:translate(71.45%)}}@keyframes svelte-gbd0lv-move_up{0%,20%{transform:translateY(0)}80%,to{transform:translateY(-33.33%)}}