/* Module drawings (module-art.js). Same palette as the home page drawings. */
svg.ma{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:none;stroke-width:0;
 --m-paper:#fff;--m-line:#e6e6ec;--m-ink:#1d1d1f;--m-ink2:#3a3a3f;--m-mute:#c9c9d1;--m-p1:#7532d6;--m-y1:#ffc93c;--m-y2:#fff3cf;--m-g1:#2fbf71;--m-g2:#dcf5e7;
 --m-c1:#ff7a59;--m-c2:#ffe3d9;--m-c3:#e85a39;--m-b2:#e2ecff;--m-b3:#b9cffd;--m-k1:#e3a868;--m-k2:#c9894a;--m-k3:#f6dcb6;--m-shade:rgba(29,29,31,.07);--m-edge:rgba(29,29,31,.08);--m-bar:#f2f2f6}
[data-theme=dark] svg.ma{--m-paper:#2c2c2e;--m-line:#3a3a3e;--m-ink:#0b0b0c;--m-ink2:#8e8e93;--m-mute:#48484e;--m-p1:#8a5cf0;--m-y2:#3a3218;--m-g2:#173527;--m-c2:#40231b;--m-b2:#1a2742;--m-b3:#2f4a80;--m-k1:#b07a45;--m-k2:#8f5f33;--m-k3:#d6b48a;--m-shade:rgba(0,0,0,.3);--m-edge:rgba(255,255,255,.07);--m-bar:#38383c}
.ma .m-paper{fill:var(--m-paper)}.ma .m-edge{stroke:var(--m-edge);stroke-width:1.5}.ma .m-line{fill:var(--m-line)}.ma .m-ink{fill:var(--m-ink)}.ma .m-ink2{fill:var(--m-ink2)}.ma .m-mute{fill:var(--m-mute)}
.ma .m-p1{fill:var(--m-p1)}.ma .m-y1{fill:var(--m-y1)}.ma .m-y2{fill:var(--m-y2)}.ma .m-g1{fill:var(--m-g1)}.ma .m-g2{fill:var(--m-g2)}.ma .m-c1{fill:var(--m-c1)}.ma .m-c2{fill:var(--m-c2)}.ma .m-c3{fill:var(--m-c3)}
.ma .m-b2{fill:var(--m-b2)}.ma .m-b3{fill:var(--m-b3)}.ma .m-k1{fill:var(--m-k1)}.ma .m-k2{fill:var(--m-k2)}.ma .m-k3{fill:var(--m-k3)}.ma .m-shade{fill:var(--m-shade)}.ma .m-bar{fill:var(--m-bar)}
.ma .m-wo{fill:#fff;opacity:.9}.ma .m-glass{fill:var(--m-paper);fill-opacity:.35}.ma .m-cur{stroke:#fff;stroke-width:1.6;stroke-linejoin:round}
.ma .m-st{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ma .m-lines{stroke:var(--m-line);stroke-width:2}.ma .m-c1s{stroke:var(--m-c1);stroke-width:4}.ma .m-c3s{stroke:var(--m-c3);stroke-width:4.5}.ma .m-ink2s{stroke:var(--m-ink2);stroke-width:4}.ma .m-handle{stroke:var(--m-ink2);stroke-width:7}
.ma .m-route{stroke:var(--m-p1);stroke-width:2.5;stroke-dasharray:5 6}.ma .m-p1s{stroke:var(--m-p1);stroke-width:2.5}.ma .m-thin{stroke:var(--m-ink2);stroke-width:1.6}.ma .m-g1s{stroke:var(--m-g1);stroke-width:4.5}
.ma .m-wos{stroke:#fff;stroke-width:3}.ma .m-paperS{stroke:var(--m-paper);stroke-width:2.5}
.ma .ma-t{font:700 8.4px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;fill:#fff;text-anchor:middle;letter-spacing:.06em}
.ma .ma-tick{stroke-dasharray:1;stroke-dashoffset:0}.ma .ma-trend{stroke-dasharray:1;stroke-dashoffset:0;stroke-width:3}
.ma .ma-arm{transform-box:view-box;transform-origin:163px 81.5px;transform:rotate(30deg)}
/* Ground tints behind a drawing. */
.ma-ground{--mg:#e2ecff;background:var(--mg)}
.ma-ground[data-ground=y]{--mg:#fff3cf}.ma-ground[data-ground=g]{--mg:#dcf5e7}.ma-ground[data-ground=k]{--mg:#fbeedd}.ma-ground[data-ground=c]{--mg:#ffe3d9}.ma-ground[data-ground=p]{--mg:#efe8fc}
[data-theme=dark] .ma-ground{--mg:#1a2742}[data-theme=dark] .ma-ground[data-ground=y]{--mg:#2e2816}[data-theme=dark] .ma-ground[data-ground=g]{--mg:#16301f}[data-theme=dark] .ma-ground[data-ground=k]{--mg:#33261a}[data-theme=dark] .ma-ground[data-ground=c]{--mg:#3a2119}[data-theme=dark] .ma-ground[data-ground=p]{--mg:#2a2140}

/* One small action per drawing. Without .is-play every drawing rests in its final pose. */
@media (prefers-reduced-motion:no-preference){
 .ma.is-play [class*=ma-]{transform-box:view-box}
 .ma.is-play .ma-cursor{animation:ma-cursor 1.25s cubic-bezier(.3,.7,.2,1) both}
 .ma.is-play .ma-press{transform-origin:153px 103px;animation:ma-press .5s .95s cubic-bezier(.3,1.6,.5,1) both}
 .ma.is-play .ma-needle{transform-origin:120px 74px;animation:ma-needle 1.7s cubic-bezier(.25,.6,.3,1) both}
 .ma.is-play .ma-lens{animation:ma-lens 1.1s cubic-bezier(.22,.8,.25,1) both}
 .ma.is-play .ma-rise{transform-origin:120px 120px;animation:ma-rise .8s .75s cubic-bezier(.3,1.5,.5,1) both}
 .ma.is-play .ma-pop{transform-origin:center;transform-box:fill-box;animation:ma-pop .55s 1.15s cubic-bezier(.3,1.7,.5,1) both}
 .ma.is-play .ma-print{animation:ma-print 1.15s cubic-bezier(.4,.1,.3,1) both}
 .ma.is-play .ma-mark{transform-origin:88px 100px;animation:ma-mark .5s 1.15s cubic-bezier(.6,0,.3,1) both}
 .ma.is-play .ma-coin{transform-origin:196px 128px;animation:ma-drop .7s .45s cubic-bezier(.3,1.4,.5,1) both}
 .ma.is-play .ma-sign{transform-origin:147px 65px;animation:ma-sign 1.9s cubic-bezier(.3,.5,.3,1) both}
 .ma.is-play .ma-roll{animation:ma-roll .9s cubic-bezier(.25,.9,.3,1.05) both}
 .ma.is-play .ma-stamp{transform-origin:96px 105px;animation:ma-stamp .5s .85s cubic-bezier(.3,1.7,.5,1) both}
 .ma.is-play .ma-arm{transform-origin:163px 81.5px;animation:ma-arm .7s 1.3s cubic-bezier(.3,1.3,.5,1) both}
 .ma.is-play .ma-slide{animation:ma-slide .9s cubic-bezier(.25,.9,.3,1) both}
 .ma.is-play .ma-tick{animation:ma-tick .45s .85s ease-out both}
 .ma.is-play .ma-walk{animation:ma-walk .5s cubic-bezier(.3,1.5,.5,1) both}
 .ma.is-play .ma-w1{animation-delay:.15s}.ma.is-play .ma-w2{animation-delay:.4s}.ma.is-play .ma-w3{animation-delay:.65s}
 .ma.is-play .ma-bag{transform-origin:190px 120px;animation:ma-hop .7s .95s cubic-bezier(.3,.7,.4,1) both}
 .ma.is-play .ma-back{animation:ma-back 1.1s cubic-bezier(.3,.8,.3,1) both}
 .ma-return.is-play .ma-pop{animation-delay:1s}
 .ma.is-play .ma-bar{transform-box:fill-box;transform-origin:50% 100%;animation:ma-bar .7s cubic-bezier(.3,1.35,.5,1) both}
 .ma.is-play .ma-b2{animation-delay:.08s}.ma.is-play .ma-b3{animation-delay:.16s}.ma.is-play .ma-b4{animation-delay:.24s}.ma.is-play .ma-b5{animation-delay:.32s}
 .ma.is-play .ma-trend{animation:ma-tick .7s .55s ease-in-out both}
 .ma-chart.is-play .ma-pop{animation-delay:1.1s}
}
@keyframes ma-cursor{0%{transform:translate(34px,26px);opacity:0}25%{opacity:1}100%{transform:none}}
@keyframes ma-press{0%{transform:none}40%{transform:scale(.9)}100%{transform:none}}
@keyframes ma-needle{0%{transform:rotate(-70deg)}38%{transform:rotate(24deg)}58%{transform:rotate(-11deg)}74%{transform:rotate(5deg)}88%{transform:rotate(-1.5deg)}100%{transform:none}}
@keyframes ma-lens{0%{transform:translate(-118px,-8px)}55%{transform:translate(-50px,-14px)}100%{transform:none}}
@keyframes ma-rise{0%{transform:translateY(9px) scale(.97)}100%{transform:none}}
@keyframes ma-pop{0%{transform:scale(0);opacity:0}100%{transform:none;opacity:1}}
@keyframes ma-print{0%{transform:translateY(-92px)}30%{transform:translateY(-66px)}40%{transform:translateY(-62px)}70%{transform:translateY(-18px)}80%{transform:translateY(-14px)}100%{transform:none}}
@keyframes ma-mark{0%{transform:scaleX(0)}100%{transform:none}}
@keyframes ma-drop{0%{transform:translateY(-34px);opacity:0}55%{transform:translateY(0) scale(1.08,.9);opacity:1}100%{transform:none}}
@keyframes ma-sign{0%{transform:rotate(-24deg)}24%{transform:rotate(16deg)}44%{transform:rotate(-9deg)}62%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}100%{transform:none}}
@keyframes ma-roll{0%{transform:translateX(-48px)}100%{transform:none}}
@keyframes ma-stamp{0%{transform:scale(1.9);opacity:0}100%{transform:none;opacity:1}}
@keyframes ma-arm{0%{transform:none}100%{transform:rotate(30deg)}}
@keyframes ma-slide{0%{transform:translate(-26px,8px) rotate(-7deg)}100%{transform:none}}
@keyframes ma-tick{0%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes ma-walk{0%{transform:translateY(5px);opacity:0}100%{transform:none;opacity:1}}
@keyframes ma-hop{0%,100%{transform:none}30%{transform:translateY(-12px) scale(.96,1.05)}62%{transform:translateY(0) scale(1.07,.92)}80%{transform:scale(.98,1.02)}}
@keyframes ma-back{0%{transform:translate(118px,-46px) rotate(10deg);opacity:0}20%{opacity:1}55%{transform:translate(56px,-58px) rotate(-6deg)}100%{transform:none}}
@keyframes ma-bar{0%{transform:scaleY(0)}100%{transform:none}}
