*{padding:0;margin:0;border:none}#app,body,html{width:100%;height:100%;overflow:hidden}#app{overflow-y:scroll;box-sizing:border-box}#app>h1{font-size:24px;padding:40px 15px 20px;color:#fa8c87}#app .image-painter{min-height:300px}#app .loading-text{font-size:12px;color:#6d7a80;text-align:center;margin:160px 0}.vue-image-painter .draw{animation-timing-function:linear;animation-fill-mode:both;animation-name:draw}.vue-image-painter .blur{animation-timing-function:linear;animation-fill-mode:both;animation-name:blur}@-moz-keyframes draw{0%{filter:brightness(10) contrast(10) grayscale(1);opacity:0}5%{filter:brightness(5) contrast(10) grayscale(1);opacity:.5}30%{filter:brightness(3) contrast(10) grayscale(1);opacity:1}50%{filter:brightness(2) contrast(2) grayscale(1)}75%{filter:brightness(1.5) contrast(1) grayscale(.4) saturate(.8)}to{filter:brightness(1.05) contrast(1) grayscale(0) saturate(1.05)}}@-webkit-keyframes draw{0%{filter:brightness(10) contrast(10) grayscale(1);opacity:0}5%{filter:brightness(5) contrast(10) grayscale(1);opacity:.5}30%{filter:brightness(3) contrast(10) grayscale(1);opacity:1}50%{filter:brightness(2) contrast(2) grayscale(1)}75%{filter:brightness(1.5) contrast(1) grayscale(.4) saturate(.8)}to{filter:brightness(1.05) contrast(1) grayscale(0) saturate(1.05)}}@-o-keyframes draw{0%{filter:brightness(10) contrast(10) grayscale(1);opacity:0}5%{filter:brightness(5) contrast(10) grayscale(1);opacity:.5}30%{filter:brightness(3) contrast(10) grayscale(1);opacity:1}50%{filter:brightness(2) contrast(2) grayscale(1)}75%{filter:brightness(1.5) contrast(1) grayscale(.4) saturate(.8)}to{filter:brightness(1.05) contrast(1) grayscale(0) saturate(1.05)}}@keyframes draw{0%{filter:brightness(10) contrast(10) grayscale(1);opacity:0}5%{filter:brightness(5) contrast(10) grayscale(1);opacity:.5}30%{filter:brightness(3) contrast(10) grayscale(1);opacity:1}50%{filter:brightness(2) contrast(2) grayscale(1)}75%{filter:brightness(1.5) contrast(1) grayscale(.4) saturate(.8)}to{filter:brightness(1.05) contrast(1) grayscale(0) saturate(1.05)}}@-moz-keyframes blur{0%{filter:blur(50px);opacity:0}10%{filter:blur(30px);opacity:.6}to{filter:blur(0);opacity:1}}@-webkit-keyframes blur{0%{filter:blur(50px);opacity:0}10%{filter:blur(30px);opacity:.6}to{filter:blur(0);opacity:1}}@-o-keyframes blur{0%{filter:blur(50px);opacity:0}10%{filter:blur(30px);opacity:.6}to{filter:blur(0);opacity:1}}@keyframes blur{0%{filter:blur(50px);opacity:0}10%{filter:blur(30px);opacity:.6}to{filter:blur(0);opacity:1}}.vue-image-painter{width:100%;overflow:hidden}.vue-image-painter_img{width:100%}