.box-loader{--color-pencil-body-light:#ffdd8a;--color-pencil-body-dark:#c98a12;--color-pencil-eraser:#e08573;--color-pencil-eraser-light:#f0a99a;--color-pencil-ferrule:#cbd0d6;--color-pencil-ferrule-dark:#98a0aa;--color-pencil-ferrule-mid:#b4bbc4;--color-pencil-wood:#e2b877;--color-pencil-wood-dark:#bf9048;display:flex;flex-direction:column;align-items:center;gap:.9rem}.box-loader__pencil.pencil{display:block;color:var(--color-primary);overflow:visible}.pencil__body1,.pencil__body2,.pencil__body3,.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.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0deg) translate(49px)}}@keyframes pencilEraserSkew{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 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(2turn)}}@keyframes 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)}}.box-loader__label{font-family:var(--font-dm-sans),ui-sans-serif,system-ui,sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__point,.pencil__rotate{animation:none}.pencil__eraser-skew{animation:none;transform:skewX(0)}.pencil__body1{transform:rotate(-90deg);stroke-dashoffset:150.8}.pencil__body2{transform:rotate(-90deg);stroke-dashoffset:174.36}.pencil__body3{transform:rotate(-90deg);stroke-dashoffset:127.23}.pencil__stroke{animation:none;stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}}