.svelte-198x6g4{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue: 22;--bg: rgb(212, 241, 255);--fg: black;--trans-dur: .3s}.pencil.svelte-198x6g4{display:block;width:10em;height:10em}.pencil__body1.svelte-198x6g4,.pencil__body2.svelte-198x6g4,.pencil__body3.svelte-198x6g4,.pencil__eraser.svelte-198x6g4,.pencil__eraser-skew.svelte-198x6g4,.pencil__point.svelte-198x6g4,.pencil__rotate.svelte-198x6g4,.pencil__stroke.svelte-198x6g4{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1.svelte-198x6g4,.pencil__body2.svelte-198x6g4,.pencil__body3.svelte-198x6g4{transform:rotate(-90deg)}.pencil__body1.svelte-198x6g4{animation-name:svelte-198x6g4-pencilBody1}.pencil__body2.svelte-198x6g4{animation-name:svelte-198x6g4-pencilBody2}.pencil__body3.svelte-198x6g4{animation-name:svelte-198x6g4-pencilBody3}.pencil__eraser.svelte-198x6g4{animation-name:svelte-198x6g4-pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew.svelte-198x6g4{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point.svelte-198x6g4{animation-name:svelte-198x6g4-pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate.svelte-198x6g4{animation-name:svelte-198x6g4-pencilRotate}.pencil__stroke.svelte-198x6g4{animation-name:svelte-198x6g4-pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes svelte-198x6g4-pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes svelte-198x6g4-pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes svelte-198x6g4-pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes svelte-198x6g4-pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0) translate(49px)}}@keyframes svelte-198x6g4-pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes svelte-198x6g4-pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(720deg)}}@keyframes svelte-198x6g4-pencilStroke{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)}}