.ill{display:block;width:100%;background:color-mix(in srgb,var(--color-ground) 92%,var(--color-rule));aspect-ratio:16 / 9}.ill-about{aspect-ratio:800 / 330}.ill svg{display:block;width:100%;height:100%}.ill .ill-grid{stroke:var(--color-rule)}.ill .ill-paper,.ill .ill-paper-fill{fill:var(--color-ground)}.ill .ill-paper-stroke{stroke:var(--color-ground)}.ill .ill-ink-stroke{stroke:var(--color-ink)}.ill .ill-ink-fill{fill:var(--color-ink)}.ill .ill-rule-stroke{stroke:var(--color-rule)}.ill .ill-rule-fill{fill:var(--color-rule)}.ill .ill-accent-fill{fill:var(--color-accent)}.ill .ill-accent-stroke{stroke:var(--color-accent)}.ill .ill-wave,.ill .ill-ring-wave{stroke:currentColor;color:var(--color-accent)}.ill .ill-amber-fill{fill:var(--color-heat-amber)}.ill .ill-click{opacity:0}@media (prefers-reduced-motion: no-preference){.ill .ill-line{transform:scaleX(0);transform-origin:left center}.ill .ill-pop{opacity:0;transform:translateY(6px)}.ill .ill-tick{stroke-dasharray:24;stroke-dashoffset:24}.ill .ill-row{opacity:.35}.ill .ill-query{transform:scaleX(0);transform-origin:left center}.ill .ill-star{transform:scale(0);transform-box:fill-box;transform-origin:center}.ill .ill-pin{transform:translateY(-140px);opacity:0}.ill .ill-ring,.ill .ill-wave{opacity:0}.ill .ill-cursor{opacity:0;transform:translate(300px,240px)}.ill.is-playing .ill-line{animation:ill-type .42s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d, 0ms)}.ill.is-playing .ill-pop{animation:ill-pop .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d, 0ms)}.ill.is-playing .ill-row{animation:ill-row .4s ease-out forwards;animation-delay:var(--d, 0ms)}.ill.is-playing .ill-tick{animation:ill-draw .38s cubic-bezier(.16,1,.3,1) forwards,ill-recheck 9s ease-in-out infinite;animation-delay:calc(var(--d, 0ms) + .12s),calc(3.4s + var(--d, 0ms) + var(--ill-offset, 0s))}.ill.is-playing .ill-query{animation:ill-type .9s steps(12) forwards .2s}.ill.is-playing .ill-caret{animation:ill-caret-move .9s steps(12) forwards .2s,ill-caret-blink 1s steps(2) infinite 1.1s}.ill.is-playing .ill-star{animation:ill-star .42s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d, 0ms)}.ill.is-playing .ill-pin{animation:ill-drop .7s cubic-bezier(.34,1.4,.64,1) forwards 1.5s}.ill.is-playing .ill-ring{animation:ill-ring 2.4s ease-out infinite;animation-delay:calc(2.2s + var(--d, 0s) + var(--ill-offset, 0s))}.ill.is-playing .ill-wave{animation:ill-steam 2.8s ease-in-out infinite;animation-delay:calc(1.6s + var(--d, 0s) + var(--ill-offset, 0s))}.ill.is-playing .ill-cursor{animation:ill-cursor 1.1s cubic-bezier(.16,1,.3,1) forwards .3s}.ill.is-playing .ill-hand-m{animation:ill-sweep 1.6s cubic-bezier(.16,1,.3,1) forwards .4s,ill-round 30s linear infinite 2s;transform-origin:0 0}.ill.is-playing .ill-hand-h{animation:ill-sweep-short 1.6s cubic-bezier(.16,1,.3,1) forwards .4s;transform-origin:0 0}.ill .ill-press{transform-box:fill-box;transform-origin:center}.ill.is-playing .ill-press{animation:ill-press 3.2s ease-in-out infinite;animation-delay:calc(2.2s + var(--p, 0s) + var(--ill-offset, 0s))}.ill.is-playing .ill-click{animation:ill-click 2.8s ease-out infinite;animation-delay:calc(1.8s + var(--d, 0s) + var(--ill-offset, 0s));transform-box:fill-box;transform-origin:center}.ill.is-playing .ill-twinkle{animation:ill-star .42s cubic-bezier(.34,1.56,.64,1) forwards,ill-twinkle 4.5s ease-in-out infinite;animation-delay:var(--d, 0ms),calc(2.6s + var(--d, 0ms) + var(--ill-offset, 0s))}.ill .ill-phone{transform-box:fill-box;transform-origin:center}.ill .ill-ring-wave{opacity:0}.ill .ill-answer{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center}.ill.is-playing .ill-phone{animation:ill-shake .6s ease-in-out 3;animation-delay:.7s}.ill.is-playing .ill-ring-wave{animation:ill-blink .6s ease-in-out 3;animation-delay:calc(.7s + var(--d, 0ms))}.ill.is-playing .ill-answer{animation:ill-answer .42s cubic-bezier(.34,1.56,.64,1) forwards 2.6s}}@keyframes ill-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(4deg)}}@keyframes ill-answer{to{opacity:1;transform:scale(1)}}@keyframes ill-type{to{transform:scaleX(1)}}@keyframes ill-pop{to{opacity:1;transform:translateY(0)}}@keyframes ill-row{to{opacity:1}}@keyframes ill-draw{to{stroke-dashoffset:0}}@keyframes ill-caret-blink{50%{opacity:0}}@keyframes ill-caret-move{0%{transform:translate(0)}to{transform:translate(200px)}}@keyframes ill-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes ill-star{to{transform:scale(1)}}@keyframes ill-drop{to{transform:translateY(0);opacity:1}}@keyframes ill-ring{0%{opacity:.7;transform:scale(.6);transform-origin:90px 162px}to{opacity:0;transform:scale(3.2);transform-origin:90px 162px}}@keyframes ill-steam{0%{opacity:0;transform:translateY(10px)}30%{opacity:.9}to{opacity:0;transform:translateY(-26px)}}@keyframes ill-cursor{0%{opacity:0;transform:translate(300px,240px)}20%{opacity:1}to{opacity:1;transform:translate(70px,226px)}}@keyframes ill-sweep{0%{transform:rotate(-120deg)}to{transform:rotate(0)}}@keyframes ill-sweep-short{0%{transform:rotate(-40deg)}to{transform:rotate(0)}}@keyframes ill-round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ill-recheck{0%,78%,to{stroke-dashoffset:0}84%{stroke-dashoffset:24}}@keyframes ill-press{0%,62%,to{transform:scale(1)}70%{transform:scale(.94)}80%{transform:scale(1.03)}}@keyframes ill-click{0%{opacity:0;transform:scale(.35)}12%{opacity:.8}55%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes ill-twinkle{0%,82%,to{transform:scale(1)}88%{transform:scale(1.22)}}