.ink-root{--ink:oklch(89% 0.012 78);--ink-glow-max:0.85;display:block;width:100%;height:auto}.ink-on-paper .ink-root,.ink-root.ink-on-paper{--ink:oklch(28% 0.02 55);--ink-glow-max:0.7}.ink-root .ink-draw{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.ink-root .ink-trace{fill:var(--ink)}.ink-root .ink-trace-amber{fill:#f59e0b}.ink-root[data-ink=pending]{opacity:0}.ink-root[data-ink=drawn]{mask-image:linear-gradient(105deg,#000 45%,transparent 62%);mask-size:300% 100%;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(105deg,#000 45%,transparent 62%);-webkit-mask-size:300% 100%;-webkit-mask-repeat:no-repeat;animation:ink-wipe-in var(--ink-wipe-dur,1.5s) cubic-bezier(.65,0,.35,1) calc(0ms - var(--ink-freeze-t, 0ms)) both}@keyframes ink-wipe-in{0%{mask-position:100% 0;-webkit-mask-position:100% 0;opacity:1}to{mask-position:0 0;-webkit-mask-position:0 0;opacity:1}}.ink-root .ink-sway{transform-box:fill-box;transform-origin:center}.ink-root[data-ink=drawn] .ink-sway{animation:ink-sway 9s ease-in-out calc(2s - var(--ink-freeze-t, 0ms)) infinite}@keyframes ink-sway{0%,to{transform:scale(1)}50%{transform:scale(1.007)}}.ink-root[data-ink=drawn] .ink-draw,.ink-root[data-ink=pending] .ink-draw{stroke-dasharray:1 2;stroke-dashoffset:1;opacity:0}.ink-root[data-ink=drawn] .ink-draw{animation:ink-draw var(--ink-draw-dur,1.1s) cubic-bezier(.65,0,.35,1) calc(var(--ink-delay, 0ms) - var(--ink-freeze-t, 0ms)) forwards}@keyframes ink-draw{0%{stroke-dashoffset:1;opacity:0}3%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.ink-root[data-ink=drawn] .ink-fill,.ink-root[data-ink=pending] .ink-fill{opacity:0}.ink-root[data-ink=drawn] .ink-fill{animation:ink-fill-in .7s ease-out calc(var(--ink-delay, 0ms) - var(--ink-freeze-t, 0ms)) forwards}@keyframes ink-fill-in{to{opacity:1}}.ink-root .ink-glow{opacity:0}.ink-root:not([data-ink]) .ink-glow{opacity:var(--ink-glow-max)}.ink-root[data-ink=drawn] .ink-glow{animation:ink-glow-in .9s ease-out calc(var(--ink-glow-delay, 1.2s) - var(--ink-freeze-t, 0ms)) forwards,ink-breathe 5.2s ease-in-out calc(var(--ink-glow-delay, 1.2s) + .9s - var(--ink-freeze-t, 0ms)) infinite}@keyframes ink-glow-in{to{opacity:var(--ink-glow-max)}}@keyframes ink-breathe{0%,to{opacity:var(--ink-glow-max)}50%{opacity:calc(var(--ink-glow-max) * .55)}}.ink-root[data-ink=pending] .ink-live{animation-play-state:paused}.ink-freeze,.ink-freeze .ink-draw,.ink-freeze .ink-fill,.ink-freeze .ink-glow,.ink-freeze .ink-live,.ink-freeze .ink-sway{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.ink-root[data-ink]{mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important}.ink-root .ink-sway,.ink-root[data-ink]{animation:none!important}.ink-root .ink-draw,.ink-root[data-ink] .ink-draw{animation:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}.ink-root .ink-fill,.ink-root[data-ink] .ink-fill{animation:none;opacity:1}.ink-root .ink-glow,.ink-root[data-ink] .ink-glow{animation:none;opacity:var(--ink-glow-max)}.ink-root .ink-live{animation:none!important}}.ink-root.ink-static{mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important}.ink-root.ink-static,.ink-static .ink-sway{animation:none!important}.ink-static .ink-draw{stroke-dasharray:none!important;stroke-dashoffset:0!important}.ink-static .ink-draw,.ink-static .ink-fill{animation:none!important;opacity:1!important}.ink-static .ink-glow{opacity:var(--ink-glow-max)!important}.ink-static .ink-glow,.ink-static .ink-live{animation:none!important}