.ControlDemo-module__KEJmYW__frame{border-radius:13px;width:100%;overflow:hidden}.ControlDemo-module__KEJmYW__svg{width:100%;height:auto;display:block}.ControlDemo-module__KEJmYW__paused *,.ControlDemo-module__KEJmYW__paused :before,.ControlDemo-module__KEJmYW__paused :after{animation-play-state:paused!important}.ControlDemo-module__KEJmYW__inkStroke,.ControlDemo-module__KEJmYW__markerStroke,.ControlDemo-module__KEJmYW__pencilStroke,.ControlDemo-module__KEJmYW__pencilTexture{fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:2.8s cubic-bezier(.22,1,.36,1) infinite ControlDemo-module__KEJmYW__drawStroke}.ControlDemo-module__KEJmYW__inkStroke{stroke:#211d16;stroke-width:4px}.ControlDemo-module__KEJmYW__markerStroke{stroke:#4a78b8;stroke-width:14px;opacity:.58}.ControlDemo-module__KEJmYW__pencilStroke{stroke:#544e42;stroke-width:3px}.ControlDemo-module__KEJmYW__pencilTexture{stroke:#8b8374;stroke-width:7px;stroke-dasharray:2 3;opacity:.35}.ControlDemo-module__KEJmYW__penHand{animation:2.8s cubic-bezier(.22,1,.36,1) infinite ControlDemo-module__KEJmYW__penPass}.ControlDemo-module__KEJmYW__strokeErase,.ControlDemo-module__KEJmYW__strokeHighlight,.ControlDemo-module__KEJmYW__strokeGhost,.ControlDemo-module__KEJmYW__neighborStroke,.ControlDemo-module__KEJmYW__pixelLine,.ControlDemo-module__KEJmYW__pixelGap{fill:none;stroke:#211d16;stroke-width:7px;stroke-linecap:round}.ControlDemo-module__KEJmYW__neighborStroke{stroke-width:4px;opacity:.34}.ControlDemo-module__KEJmYW__strokeGhost{stroke-width:3px;stroke-dasharray:3 5;opacity:0}.ControlDemo-module__KEJmYW__strokeErase{animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__eraseWhole}.ControlDemo-module__KEJmYW__strokeHighlight{stroke:#d9442b;opacity:0;animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__targetWholeStroke}.ControlDemo-module__KEJmYW__strokeContact{opacity:0;transform-origin:119px 57px;animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__strokeContact}.ControlDemo-module__KEJmYW__pixelGap{stroke:#f5f0e4;stroke-dasharray:25 75;animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__erasePixels}.ControlDemo-module__KEJmYW__eraserHand{animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__eraserPass}.ControlDemo-module__KEJmYW__strokeEraserTap{animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__strokeEraserTap}.ControlDemo-module__KEJmYW__blendBands{animation:3.2s ease-in-out infinite ControlDemo-module__KEJmYW__revealBlend}.ControlDemo-module__KEJmYW__blenderHand{animation:3.2s ease-in-out infinite ControlDemo-module__KEJmYW__blendPass}.ControlDemo-module__KEJmYW__selection{fill:#4a78b814;stroke:#4a78b8;stroke-width:2.5px;stroke-dasharray:7 5;stroke-dashoffset:100px;animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__selectDraw}.ControlDemo-module__KEJmYW__cursor{animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__cursorPass}.ControlDemo-module__KEJmYW__fillColor{animation:2.7s ease-in-out infinite ControlDemo-module__KEJmYW__fillArea}.ControlDemo-module__KEJmYW__bucket{transform-origin:120px 30px;animation:2.7s ease-in-out infinite ControlDemo-module__KEJmYW__bucketTip}.ControlDemo-module__KEJmYW__sample{transform-origin:174px 58px;animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__sampledColor}.ControlDemo-module__KEJmYW__dropper{animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__dropperMove}.ControlDemo-module__KEJmYW__layerBack{animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__layerBack}.ControlDemo-module__KEJmYW__layerFront{animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__layerFront}.ControlDemo-module__KEJmYW__layerArrow{stroke-dasharray:100;stroke-dashoffset:100px;animation:3s ease-in-out infinite ControlDemo-module__KEJmYW__arrowDraw}.ControlDemo-module__KEJmYW__smoothStroke{stroke-dasharray:100;stroke-dashoffset:100px;animation:2.8s ease-in-out infinite ControlDemo-module__KEJmYW__smoothDraw}@keyframes ControlDemo-module__KEJmYW__drawStroke{0%,12%{stroke-dashoffset:100px;opacity:0}20%{opacity:1}68%,86%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes ControlDemo-module__KEJmYW__penPass{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-module__KEJmYW__eraseWhole{0%,42%{opacity:1}48%,82%{opacity:0}to{opacity:1}}@keyframes ControlDemo-module__KEJmYW__targetWholeStroke{0%,25%{opacity:0}32%,43%{opacity:.8}49%,to{opacity:0}}@keyframes ControlDemo-module__KEJmYW__strokeContact{0%,35%{opacity:0;transform:scale(.55)}42%{opacity:.9;transform:scale(1)}52%,to{opacity:0;transform:scale(1.45)}}@keyframes ControlDemo-module__KEJmYW__strokeEraserTap{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-module__KEJmYW__erasePixels{0%,25%{opacity:0;stroke-dashoffset:0}65%,88%{opacity:1;stroke-dashoffset:-39px}to{opacity:0;stroke-dashoffset:-39px}}@keyframes ControlDemo-module__KEJmYW__eraserPass{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-module__KEJmYW__revealBlend{0%,24%{opacity:0}58%,86%{opacity:.9}to{opacity:0}}@keyframes ControlDemo-module__KEJmYW__blendPass{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-module__KEJmYW__selectDraw{0%,15%{stroke-dashoffset:100px;opacity:0}22%{opacity:1}65%,88%{stroke-dashoffset:0;opacity:1}to{opacity:0;stroke-dashoffset:0}}@keyframes ControlDemo-module__KEJmYW__cursorPass{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-module__KEJmYW__fillArea{0%,35%{opacity:0}46%,86%{opacity:.72}to{opacity:0}}@keyframes ControlDemo-module__KEJmYW__bucketTip{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-module__KEJmYW__sampledColor{0%,45%{opacity:0;transform:scale(.35)}58%,88%{opacity:.78;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes ControlDemo-module__KEJmYW__dropperMove{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-module__KEJmYW__layerBack{0%,22%{transform:translate(0)}52%,82%{transform:translate(24px,-20px)}to{transform:translate(0)}}@keyframes ControlDemo-module__KEJmYW__layerFront{0%,22%{transform:translate(0)}52%,82%{transform:translate(-24px,20px)}to{transform:translate(0)}}@keyframes ControlDemo-module__KEJmYW__arrowDraw{0%,22%{opacity:0;stroke-dashoffset:100px}32%{opacity:1}60%,82%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes ControlDemo-module__KEJmYW__smoothDraw{0%,14%{opacity:0;stroke-dashoffset:100px}22%{opacity:1}66%,88%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ControlDemo-module__KEJmYW__frame *{animation:none!important}.ControlDemo-module__KEJmYW__inkStroke,.ControlDemo-module__KEJmYW__markerStroke,.ControlDemo-module__KEJmYW__pencilStroke,.ControlDemo-module__KEJmYW__pencilTexture,.ControlDemo-module__KEJmYW__selection,.ControlDemo-module__KEJmYW__layerArrow,.ControlDemo-module__KEJmYW__smoothStroke{opacity:1;stroke-dashoffset:0}.ControlDemo-module__KEJmYW__strokeErase{opacity:0}.ControlDemo-module__KEJmYW__strokeGhost{opacity:.2}.ControlDemo-module__KEJmYW__pixelGap{stroke-dasharray:25 75;stroke-dashoffset:-39px}.ControlDemo-module__KEJmYW__blendBands{opacity:.9}.ControlDemo-module__KEJmYW__penHand,.ControlDemo-module__KEJmYW__eraserHand,.ControlDemo-module__KEJmYW__strokeEraserTap,.ControlDemo-module__KEJmYW__strokeContact,.ControlDemo-module__KEJmYW__blenderHand,.ControlDemo-module__KEJmYW__cursor,.ControlDemo-module__KEJmYW__bucket,.ControlDemo-module__KEJmYW__dropper{opacity:0}.ControlDemo-module__KEJmYW__fillColor,.ControlDemo-module__KEJmYW__sample{opacity:.78}.ControlDemo-module__KEJmYW__layerBack{transform:translate(24px,-20px)}.ControlDemo-module__KEJmYW__layerFront{transform:translate(-24px,20px)}}