.ControlDemo_frame__KAsDf{overflow:hidden;width:100%;border-radius:13px}.ControlDemo_svg__I2NYi{display:block;width:100%;height:auto}.ControlDemo_paused__OPSzu *,.ControlDemo_paused__OPSzu :after,.ControlDemo_paused__OPSzu :before{animation-play-state:paused!important}.ControlDemo_inkStroke__1KhiL,.ControlDemo_markerStroke__o__Ax,.ControlDemo_pencilStroke__EKlMz,.ControlDemo_pencilTexture__9j1CM{fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:ControlDemo_drawStroke__P0syy 2.8s cubic-bezier(.22,1,.36,1) infinite}.ControlDemo_inkStroke__1KhiL{stroke:#211d16;stroke-width:4}.ControlDemo_markerStroke__o__Ax{stroke:#4a78b8;stroke-width:14;opacity:.58}.ControlDemo_pencilStroke__EKlMz{stroke:#544e42;stroke-width:3}.ControlDemo_pencilTexture__9j1CM{stroke:#8b8374;stroke-width:7;stroke-dasharray:2 3;opacity:.35}.ControlDemo_penHand__Tq6FZ{animation:ControlDemo_penPass__vl_dG 2.8s cubic-bezier(.22,1,.36,1) infinite}.ControlDemo_neighborStroke__ap_Zj,.ControlDemo_pixelGap__1Jybk,.ControlDemo_pixelLine__w_rql,.ControlDemo_strokeErase__f3QkK,.ControlDemo_strokeGhost__Z_50e,.ControlDemo_strokeHighlight__7SZWS{fill:none;stroke:#211d16;stroke-width:7;stroke-linecap:round}.ControlDemo_neighborStroke__ap_Zj{stroke-width:4;opacity:.34}.ControlDemo_strokeGhost__Z_50e{stroke-width:3;stroke-dasharray:3 5;opacity:0}.ControlDemo_strokeErase__f3QkK{animation:ControlDemo_eraseWhole___ZXEs 3s ease-in-out infinite}.ControlDemo_strokeHighlight__7SZWS{stroke:#d9442b;opacity:0;animation:ControlDemo_targetWholeStroke__uoKgo 3s ease-in-out infinite}.ControlDemo_strokeContact__oD55Z{opacity:0;transform-origin:119px 57px;animation:ControlDemo_strokeContact__oD55Z 3s ease-in-out infinite}.ControlDemo_pixelGap__1Jybk{stroke:#f5f0e4;stroke-dasharray:25 75;animation:ControlDemo_erasePixels__wxeiO 2.8s ease-in-out infinite}.ControlDemo_eraserHand__Tmicl{animation:ControlDemo_eraserPass__o9PWi 2.8s ease-in-out infinite}.ControlDemo_strokeEraserTap__LAKaw{animation:ControlDemo_strokeEraserTap__LAKaw 3s ease-in-out infinite}.ControlDemo_blendBands__wXsuN{animation:ControlDemo_revealBlend__z1e1o 3.2s ease-in-out infinite}.ControlDemo_blenderHand__cGOHd{animation:ControlDemo_blendPass__nSBq_ 3.2s ease-in-out infinite}.ControlDemo_selection__0evOK{fill:rgba(74,120,184,.08);stroke:#4a78b8;stroke-width:2.5;stroke-dasharray:7 5;stroke-dashoffset:100;animation:ControlDemo_selectDraw__Udqxi 2.8s ease-in-out infinite}.ControlDemo_cursor__nV2J9{animation:ControlDemo_cursorPass__gXQOu 2.8s ease-in-out infinite}.ControlDemo_fillColor__pzmxm{animation:ControlDemo_fillArea__2tixR 2.7s ease-in-out infinite}.ControlDemo_bucket___ih1K{animation:ControlDemo_bucketTip__hMm_X 2.7s ease-in-out infinite;transform-origin:120px 30px}.ControlDemo_sample__9drPo{animation:ControlDemo_sampledColor__W4Xhi 2.8s ease-in-out infinite;transform-origin:174px 58px}.ControlDemo_dropper__BRr6H{animation:ControlDemo_dropperMove__w1Bsr 2.8s ease-in-out infinite}.ControlDemo_layerBack__BV7vS{animation:ControlDemo_layerBack__BV7vS 3s ease-in-out infinite}.ControlDemo_layerFront___Xshe{animation:ControlDemo_layerFront___Xshe 3s ease-in-out infinite}.ControlDemo_layerArrow__3nS31{stroke-dasharray:100;stroke-dashoffset:100;animation:ControlDemo_arrowDraw__DCpnG 3s ease-in-out infinite}.ControlDemo_smoothStroke__h_nCX{stroke-dasharray:100;stroke-dashoffset:100;animation:ControlDemo_smoothDraw__Op4qL 2.8s ease-in-out infinite}@keyframes ControlDemo_drawStroke__P0syy{0%,12%{stroke-dashoffset:100;opacity:0}20%{opacity:1}68%,86%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes ControlDemo_penPass__vl_dG{0%,12%{opacity:0;transform:translate(32px,72px) rotate(-27deg)}20%{opacity:1}68%{opacity:1;transform:translate(204px,36px) rotate(-27deg)}86%,to{opacity:0;transform:translate(204px,36px) rotate(-27deg)}}@keyframes ControlDemo_eraseWhole___ZXEs{0%,42%{opacity:1}48%,82%{opacity:0}to{opacity:1}}@keyframes ControlDemo_targetWholeStroke__uoKgo{0%,25%{opacity:0}32%,43%{opacity:.8}49%,to{opacity:0}}@keyframes ControlDemo_strokeContact__oD55Z{0%,35%{opacity:0;transform:scale(.55)}42%{opacity:.9;transform:scale(1)}52%,to{opacity:0;transform:scale(1.45)}}@keyframes ControlDemo_strokeEraserTap__LAKaw{0%,16%{opacity:0;transform:translate(119px,38px) rotate(-12deg)}24%,31%{opacity:1;transform:translate(119px,38px) rotate(-12deg)}39%,48%{opacity:1;transform:translate(119px,51px) rotate(-12deg)}58%,to{opacity:0;transform:translate(119px,38px) rotate(-12deg)}}@keyframes ControlDemo_erasePixels__wxeiO{0%,25%{opacity:0;stroke-dashoffset:0}65%,88%{opacity:1;stroke-dashoffset:-39}to{opacity:0;stroke-dashoffset:-39}}@keyframes ControlDemo_eraserPass__o9PWi{0%,15%{opacity:0;transform:translate(43px,65px) rotate(-18deg)}24%{opacity:1}68%{opacity:1;transform:translate(194px,40px) rotate(-18deg)}84%,to{opacity:0;transform:translate(194px,40px) rotate(-18deg)}}@keyframes ControlDemo_revealBlend__z1e1o{0%,24%{opacity:0}58%,86%{opacity:.9}to{opacity:0}}@keyframes ControlDemo_blendPass__nSBq_{0%,12%{opacity:0;transform:translate(65px,58px) rotate(-18deg)}20%{opacity:1}36%{transform:translate(168px,58px) rotate(-18deg)}52%{transform:translate(82px,58px) rotate(-18deg)}68%{opacity:1;transform:translate(168px,58px) rotate(-18deg)}84%,to{opacity:0;transform:translate(168px,58px) rotate(-18deg)}}@keyframes ControlDemo_selectDraw__Udqxi{0%,15%{stroke-dashoffset:100;opacity:0}22%{opacity:1}65%,88%{stroke-dashoffset:0;opacity:1}to{opacity:0;stroke-dashoffset:0}}@keyframes ControlDemo_cursorPass__gXQOu{0%,15%{opacity:0;transform:translate(48px,29px)}22%{opacity:1}65%{opacity:1;transform:translate(190px,85px)}88%,to{opacity:0;transform:translate(190px,85px)}}@keyframes ControlDemo_fillArea__2tixR{0%,35%{opacity:0}46%,86%{opacity:.72}to{opacity:0}}@keyframes ControlDemo_bucketTip__hMm_X{0%,12%{opacity:0;transform:translate(103px,17px) rotate(0)}24%{opacity:1}42%,68%{opacity:1;transform:translate(103px,17px) rotate(-28deg)}86%,to{opacity:0;transform:translate(103px,17px) rotate(-28deg)}}@keyframes ControlDemo_sampledColor__W4Xhi{0%,45%{opacity:0;transform:scale(.35)}58%,88%{opacity:.78;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes ControlDemo_dropperMove__w1Bsr{0%,12%{opacity:0;transform:translate(53px,45px)}22%,42%{opacity:1;transform:translate(53px,45px)}62%,82%{opacity:1;transform:translate(163px,45px)}to{opacity:0;transform:translate(163px,45px)}}@keyframes ControlDemo_layerBack__BV7vS{0%,22%{transform:translate(0)}52%,82%{transform:translate(24px,-20px)}to{transform:translate(0)}}@keyframes ControlDemo_layerFront___Xshe{0%,22%{transform:translate(0)}52%,82%{transform:translate(-24px,20px)}to{transform:translate(0)}}@keyframes ControlDemo_arrowDraw__DCpnG{0%,22%{opacity:0;stroke-dashoffset:100}32%{opacity:1}60%,82%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes ControlDemo_smoothDraw__Op4qL{0%,14%{opacity:0;stroke-dashoffset:100}22%{opacity:1}66%,88%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ControlDemo_frame__KAsDf *{animation:none!important}.ControlDemo_inkStroke__1KhiL,.ControlDemo_layerArrow__3nS31,.ControlDemo_markerStroke__o__Ax,.ControlDemo_pencilStroke__EKlMz,.ControlDemo_pencilTexture__9j1CM,.ControlDemo_selection__0evOK,.ControlDemo_smoothStroke__h_nCX{opacity:1;stroke-dashoffset:0}.ControlDemo_strokeErase__f3QkK{opacity:0}.ControlDemo_strokeGhost__Z_50e{opacity:.2}.ControlDemo_pixelGap__1Jybk{stroke-dasharray:25 75;stroke-dashoffset:-39}.ControlDemo_blendBands__wXsuN{opacity:.9}.ControlDemo_blenderHand__cGOHd,.ControlDemo_bucket___ih1K,.ControlDemo_cursor__nV2J9,.ControlDemo_dropper__BRr6H,.ControlDemo_eraserHand__Tmicl,.ControlDemo_penHand__Tq6FZ,.ControlDemo_strokeContact__oD55Z,.ControlDemo_strokeEraserTap__LAKaw{opacity:0}.ControlDemo_fillColor__pzmxm,.ControlDemo_sample__9drPo{opacity:.78}.ControlDemo_layerBack__BV7vS{transform:translate(24px,-20px)}.ControlDemo_layerFront___Xshe{transform:translate(-24px,20px)}}