.pf-guide-fig.svelte-1h4fp06{margin:1.5rem 0}.pf-guide-fig.svelte-1h4fp06 figcaption:where(.svelte-1h4fp06){color:var(--color-muted);text-align:center;max-width:56ch;margin-top:.4rem;margin-left:auto;margin-right:auto;font-size:.85rem}.pf-guide-svg.svelte-1h4fp06{background:color-mix(in srgb, var(--color-surface-2,#f8fafc) 80%, transparent);border-radius:var(--radius-card,12px);width:100%;max-width:640px;height:auto;margin:0 auto;padding:.5rem;display:block}.pf-svg-seg.svelte-1h4fp06{transform-box:fill-box;animation-duration:2.4s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:1;animation-fill-mode:forwards}.pf-seg-static.svelte-1h4fp06{animation-name:svelte-1h4fp06-pf-seg-static}@keyframes svelte-1h4fp06-pf-seg-static{0%{y:250px;height:0}to{y:223.6px;height:26.4px}}.pf-seg-fric.svelte-1h4fp06{animation-name:svelte-1h4fp06-pf-seg-fric;animation-delay:.5s}@keyframes svelte-1h4fp06-pf-seg-fric{0%{y:223.6px;height:0}to{y:208.6px;height:15px}}.pf-seg-press.svelte-1h4fp06{animation-name:svelte-1h4fp06-pf-seg-press;animation-delay:1s}@keyframes svelte-1h4fp06-pf-seg-press{0%{y:208.6px;height:0}to{y:106.6px;height:102px}}.pf-seg-vel.svelte-1h4fp06{animation-name:svelte-1h4fp06-pf-seg-vel;animation-delay:1.5s}@keyframes svelte-1h4fp06-pf-seg-vel{0%{y:106.6px;height:0}to{y:104.6px;height:2px}}.pf-svg-key.svelte-1h4fp06{opacity:0;animation:.5s ease-out forwards svelte-1h4fp06-pf-key-fade}.pf-key-static.svelte-1h4fp06{animation-delay:.5s}.pf-key-fric.svelte-1h4fp06{animation-delay:1s}.pf-key-press.svelte-1h4fp06{animation-delay:1.5s}.pf-key-vel.svelte-1h4fp06{animation-delay:2s}.pf-svg-total.svelte-1h4fp06{opacity:0;animation:.6s ease-out 2.2s forwards svelte-1h4fp06-pf-key-fade}@keyframes svelte-1h4fp06-pf-key-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pf-drop.svelte-1h4fp06{animation:3s linear infinite svelte-1h4fp06-pf-drop-flow}.pf-drop-2.svelte-1h4fp06{animation-delay:1s}.pf-drop-3.svelte-1h4fp06{animation-delay:2s}@keyframes svelte-1h4fp06-pf-drop-flow{0%{opacity:0;transform:translate(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(294px)}}.pf-svg-curve.svelte-1h4fp06{stroke-dasharray:460;stroke-dashoffset:460px;animation:2s ease-out .2s forwards svelte-1h4fp06-pf-curve-draw}@keyframes svelte-1h4fp06-pf-curve-draw{to{stroke-dashoffset:0}}.pf-svg-fricfill.svelte-1h4fp06{opacity:0;animation:1s ease-out 1.6s forwards svelte-1h4fp06-pf-fill-fade}@keyframes svelte-1h4fp06-pf-fill-fade{to{opacity:.14}}.pf-svg-duty.svelte-1h4fp06,.pf-svg-duty-t.svelte-1h4fp06{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) 2.1s forwards svelte-1h4fp06-pf-duty-pop}@keyframes svelte-1h4fp06-pf-duty-pop{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pf-svg-seg.svelte-1h4fp06,.pf-svg-key.svelte-1h4fp06,.pf-svg-total.svelte-1h4fp06,.pf-drop.svelte-1h4fp06,.pf-svg-curve.svelte-1h4fp06,.pf-svg-fricfill.svelte-1h4fp06,.pf-svg-duty.svelte-1h4fp06,.pf-svg-duty-t.svelte-1h4fp06{animation:none}.pf-seg-static.svelte-1h4fp06{y:223.6px;height:26.4px}.pf-seg-fric.svelte-1h4fp06{y:208.6px;height:15px}.pf-seg-press.svelte-1h4fp06{y:106.6px;height:102px}.pf-seg-vel.svelte-1h4fp06{y:104.6px;height:2px}.pf-svg-key.svelte-1h4fp06,.pf-svg-total.svelte-1h4fp06{opacity:1}.pf-svg-curve.svelte-1h4fp06{stroke-dashoffset:0}.pf-svg-fricfill.svelte-1h4fp06{opacity:.14}.pf-svg-duty.svelte-1h4fp06,.pf-svg-duty-t.svelte-1h4fp06{opacity:1}.pf-drop.svelte-1h4fp06{opacity:0}}