.plot.svelte-uw5k1a{border-bottom:2px solid var(--md-sys-color-outline-variant);touch-action:pan-y;height:8rem;padding-top:1.5rem}@media (width>=1024px){.plot.svelte-uw5k1a{height:10rem}}.frame.svelte-uw5k1a{height:100%;position:relative}.curve.svelte-uw5k1a{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.band.svelte-uw5k1a{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);pointer-events:none;position:absolute;top:-1.5rem;bottom:0}.start.svelte-uw5k1a{border-left:2px dashed var(--md-sys-color-outline);pointer-events:none;position:absolute;top:-.25rem;bottom:0}.stem.svelte-uw5k1a{background:var(--md-sys-color-primary);width:2px;position:absolute;bottom:0;translate:-50%}.dot.svelte-uw5k1a{background:var(--md-sys-color-primary);width:10px;height:10px;box-shadow:0 0 0 2px var(--pixel-ink,#000);position:absolute;translate:-50% 50%}.you.svelte-uw5k1a{color:var(--md-sys-color-primary);white-space:nowrap;font-size:8px;line-height:1;position:absolute;translate:-50%}.tip.svelte-uw5k1a{z-index:1;white-space:nowrap;background:var(--md-sys-color-surface-container-highest);box-shadow:0 0 0 2px var(--pixel-ink,#000);pointer-events:none;gap:.375rem;padding:.125rem .375rem;display:flex;position:absolute;top:-1.5rem;translate:-50%}.axis.svelte-uw5k1a{height:1.25rem;margin-top:.375rem;display:block;position:relative}.animate.svelte-uw5k1a .curve:where(.svelte-uw5k1a){animation:.9s cubic-bezier(.4,0,.2,1) .2s both svelte-uw5k1a-reveal}.animate.svelte-uw5k1a .stem:where(.svelte-uw5k1a){transform-origin:bottom;animation:.3s cubic-bezier(.2,.8,.2,1) 1.1s both svelte-uw5k1a-grow}.animate.svelte-uw5k1a .dot:where(.svelte-uw5k1a){animation:.2s steps(2,end) 1.3s both svelte-uw5k1a-pop,.3s step-end 1.5s 4 svelte-uw5k1a-flash}.animate.svelte-uw5k1a .you:where(.svelte-uw5k1a){animation:.4s cubic-bezier(.2,.8,.2,1) 1.4s both svelte-uw5k1a-drop-tag}@keyframes svelte-uw5k1a-reveal{0%{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0)}}@keyframes svelte-uw5k1a-grow{0%{transform:scaleY(0)}}@keyframes svelte-uw5k1a-pop{0%{opacity:0}}@keyframes svelte-uw5k1a-flash{50%{background:var(--md-sys-color-on-surface)}}@keyframes svelte-uw5k1a-drop-tag{0%{opacity:0;translate:-50% -8px}}@media (prefers-reduced-motion:reduce){.animate.svelte-uw5k1a .curve:where(.svelte-uw5k1a),.animate.svelte-uw5k1a .stem:where(.svelte-uw5k1a),.animate.svelte-uw5k1a .dot:where(.svelte-uw5k1a),.animate.svelte-uw5k1a .you:where(.svelte-uw5k1a){animation:none}}
