.loader{animation:drawLine 4s linear infinite;border-bottom:3px solid #ff3d00;box-sizing:border-box;height:200px;margin:0 auto;position:relative;width:200px}.loader:before{animation:pencilRot 4s linear infinite;background-image:linear-gradient(#ff3d00 6px,transparent 0),linear-gradient(45deg,#00000005 49%,#fff 51%),linear-gradient(315deg,#00000005 49%,#fff 51%),linear-gradient(180deg,#000 10%,#ff3d00 0,#ff3d00 90%,#000 0);background-position:bottom,left 88px,right 88px,0 0;background-repeat:no-repeat;background-size:3px 3px,8px 8px,8px 8px,16px 88px;border-radius:20px 20px 50px 50px;bottom:-6px;content:"";height:100px;left:calc(100% + 14px);position:absolute;transform:rotate(25deg);width:16px}@keyframes drawLine{0%,to{width:0}45%,55%{width:200px}}@keyframes pencilRot{0%,45%{bottom:-6px;left:calc(100% + 14px);transform:rotate(25deg)}55%,to{bottom:-12px;left:calc(100% + 16px);transform:rotate(220deg)}}