.sc-pencil{display:block;width:10em;height:10em;color:var(--primary)}.sc-pencil__body1,.sc-pencil__body2,.sc-pencil__body3,.sc-pencil__eraser,.sc-pencil__eraser-skew,.sc-pencil__point,.sc-pencil__rotate,.sc-pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.sc-pencil__body1,.sc-pencil__body2,.sc-pencil__body3{transform:rotate(-90deg)}.sc-pencil__body1{animation-name:sc-pencil-body1}.sc-pencil__body2{animation-name:sc-pencil-body2}.sc-pencil__body3{animation-name:sc-pencil-body3}.sc-pencil__eraser{animation-name:sc-pencil-eraser;transform:rotate(-90deg) translate(49px)}.sc-pencil__eraser-skew{animation-name:sc-pencil-eraser-skew;animation-timing-function:ease-in-out}.sc-pencil__point{animation-name:sc-pencil-point;transform:rotate(-90deg) translate(49px,-30px)}.sc-pencil__rotate{animation-name:sc-pencil-rotate}.sc-pencil__stroke{animation-name:sc-pencil-stroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes sc-pencil-body1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes sc-pencil-body2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes sc-pencil-body3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes sc-pencil-eraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0deg) translate(49px)}}@keyframes sc-pencil-eraser-skew{0%,32.5%,67.5%,to{transform:skewX(0)}35%,65%{transform:skewX(-4deg)}37.5%,62.5%{transform:skewX(8deg)}40%,45%,50%,55%,60%{transform:skewX(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skewX(15deg)}}@keyframes sc-pencil-point{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes sc-pencil-rotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(2turn)}}@keyframes sc-pencil-stroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}@media (prefers-reduced-motion:reduce){.sc-pencil__body1,.sc-pencil__body2,.sc-pencil__body3,.sc-pencil__eraser,.sc-pencil__eraser-skew,.sc-pencil__point,.sc-pencil__rotate,.sc-pencil__stroke{animation:none}}