.pencil{width:11rem;height:11rem;display:block}.pencil__body1,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg)translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg)translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px)rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86px;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8px;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg)translate(49px)}50%{transform:rotate(0)translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skew(0)}35%,65%{transform:skew(-4deg)}37.5%,62.5%{transform:skew(8deg)}40%,45%,50%,55%,60%{transform:skew(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skew(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg)translate(49px,-30px)}50%{transform:rotate(-225deg)translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px)rotate(0)}to{transform:translate(100px,100px)rotate(720deg)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82px;transform:translate(100px,100px)rotate(-113deg)}50%{stroke-dashoffset:164.93px;transform:translate(100px,100px)rotate(-113deg)}75%,to{stroke-dashoffset:439.82px;transform:translate(100px,100px)rotate(112deg)}}