svg{width:100px;display:block;margin:40px auto 0}.checker{position:fixed;width:100%;height:100%;text-align:center;z-index:9999;background-color:#fff;top:0;left:0;right:0;cursor:pointer;top:50%;transform:translateY(-50%);left:0;right:0}&.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}&.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}&.error{color:#d06079}100%{stroke-dashoffset:0}100%{stroke-dashoffset:0}100%{stroke-dashoffset:900}100%{stroke-dashoffset:900}