.draw-animation{position:relative;display:inline-block}.draw-animation__svg{position:absolute;pointer-events:none;overflow:visible}.draw-animation--underline .draw-animation__svg{bottom:-8px;left:-5%;width:110%;height:20px}.draw-animation--circle .draw-animation__svg{top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:auto;aspect-ratio:1;min-width:40px;min-height:40px}.draw-animation--arrow .draw-animation__svg{top:100%;left:50%;transform:translate(-50%,10px) rotate(-20deg);width:100px;height:50px}.draw-animation--box .draw-animation__svg{top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%}.draw-animation--diagram .draw-animation__svg{bottom:-10px;left:-5%;width:110%;height:auto}.draw-animation--path .draw-animation__svg{top:0;left:0;width:100%;height:100%}.draw-animation--active .draw-animation__svg path{animation:drawPath var(--draw-duration,1.5s) ease-out var(--draw-delay,0s) forwards}@keyframes drawPath{to{stroke-dashoffset:0}}.draw-animation__svg path{stroke-linecap:round;stroke-linejoin:round;fill:none}.draw-animation--circle:hover,.draw-animation--underline:hover{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 21 L21 3' stroke='%23FFE45C' stroke-width='3' fill='none'/%3E%3Ccircle cx='3' cy='21' r='2' fill='%23FFE45C'/%3E%3C/svg%3E") 3 21,auto}