JavaScript
[SCSS, JS] 벡터 라인아트 애니메이션 효과 만들기
꼬드리
2022. 11. 16. 18:08
우선 이 효과를 위해서는 svg 파일로 준비된 라인아트가 있어야 한다.
무료 이미지 찾아보려고 노력을 많이 했는데 구하기가 쉽지 않다...
AI를 배워서 만드는 게 가장... 이상적이지 않을까?
일단 샘플로 사용된 코드(비상업 무료).
<svg id="PRINT" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 535.38 852.82">
<defs>
<style>
.cls-1 {
fill: #f3efec;
}
.cls-2 {
fill: #fff;
}
.cls-3 {
fill: #808f8c;
}
.cls-4 {
fill: #deccc1;
}
.cls-5 {
fill: none;
stroke: #2f2f2d;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 2.42px;
}
</style>
</defs>
<title>man</title>
<path
class="cls-1"
d="M378.07,335.13c-20.64,36.18-8.88,87.3,25.49,110.83-6.34,3.33-12.91,6.85-17.12,12.64s-5.23,14.59-.33,19.81a16.65,16.65,0,0,0,8.48,4.45c11.84,2.8,24-2.05,36-3.55s27.16,2.72,29.84,14.58c1.68,7.43-2.39,15.05-7.77,20.43-16.24,16.22-43.22,17-64.35,8.06s-37.76-25.76-53.81-42.16a163,163,0,0,1-33.46,98.21c-3.71,4.83-7.75,9.56-9.95,15.23-2.58,6.68-2.38,14.06-2.49,21.23-.87,58-25.69,115.25-67.42,155.53,49.7,7.76,79.13,59.15,122.13,85.26,47.57,28.88,109.14,24.29,161.15,4.48A381.82,381.82,0,0,1,491.18,759c.06-17.83,1.44-36,8.17-52.51s19.52-31.29,36.48-36.78c16.3-5.27,34.45-1.59,50.78-6.75,30.32-9.6,43.82-47,38.75-78.44-1.76-10.86-5.18-21.84-3.12-32.64,2.28-11.95,11.15-23.1,8.57-35-1.54-7.1-6.88-15.09-2.28-20.72,2.49-3.06,6.85-3.62,10.45-5.25,16-7.22,12.24-32.15.3-45.06s-29.21-21.31-37-37.08c-8-16.29-3.59-35.54-2.15-53.63s-2.66-39.88-19.3-47.11c-8.84-3.83-18.94-2.41-28.54-1.5C492.49,312.2,418,265.11,378.07,335.13Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-1"
d="M643.54,418.8c3.2,2.94,6.64,6.2,10.08,10a25.28,25.28,0,0,0-2-1.86c-.63-.54-1.25-1.05-1.87-1.53-1.22-.94-2.4-1.71-3.67-2.6a80.28,80.28,0,0,1-8.64-6.47l3,1.17Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-1"
d="M338.49,872.79c-.58-.5-1.32-1.09-2.27-1.8s-2.13-1.58-3.55-2.66c1.1-.33,2.66,0,5.57,1,1.45.52,3.21,1.26,5.44,2.11s4.89,1.92,8.09,3.15c1.37.68,3,1.43,4.73,2.24s3.7,1.53,5.69,2.31,4.06,1.49,6.11,2.14,4.06,1.32,6,1.83c3.8,1.12,7.13,1.92,9.19,2.6s2.88,1,1.66,1.27c-1-.17-2-.33-3.05-.55.09.36,1,1,2.64,1.75a47.49,47.49,0,0,0,6.69,2.47,79.53,79.53,0,0,0,21,3.23c1.74-.48-.59-1.34-1.46-2.24s-.28-1.75,7-2.43c9.13-.1,19.12-.5,28.62-1.32s18.52-1.85,25.8-2.68c2.13-1,4.25-2,6.33-3.11l3.12-1.6c.52-.27,1-.54,1.55-.82l.79-.42,1.11-.52c4.37-1.11,8-2.22,11.38-3.12l9-2.62,7.86-2.23,3.82-1.08,1.93-.54a7.29,7.29,0,0,0,.93-.3l.62-.46c-.61-3.6-1.35-7.52-2.35-12.5l4.92,13.88-.24.26c.15-.08.29-.16.37-.19-.52-4.27.41-4.25.32-7.57a54.39,54.39,0,0,0-1.28-8.7c-.47-2.24-1-4.93-1.76-8.22L519.56,840c-.21-1-.44-2-.67-3.05s-.43-2.06-.65-3.16c-2.12-6.57-3.21-10.58-4.3-15.14s-2.13-9.69-3.62-18.69c.08-11-.89-25.92-1-41.42a191.08,191.08,0,0,1,.94-22.21A78.25,78.25,0,0,1,514.35,718q.1-1,.27-2.1c.11-.71.28-1.42.44-2.16s.38-1.45.6-2.19a19.41,19.41,0,0,1,.76-2.22,40.22,40.22,0,0,1,4.79-8.93A39.18,39.18,0,0,1,537,687.12c.76-.27,1.49-.62,2.24-.87s1.46-.53,2.26-.7,1.53-.44,2.38-.58l1.24-.26c.41-.08.87-.13,1.3-.21,3.47-.56,7.32-.88,11.25-1.21s8-.7,11.72-1.34a47.58,47.58,0,0,0,10.15-2.72,64.16,64.16,0,0,0,18-4.82A56.37,56.37,0,0,0,624.18,650,64.9,64.9,0,0,0,630,635.26a112.33,112.33,0,0,0,3.08-16.6c1.43-4.5,2.1-7.21,2.63-8.43s.79-1,.91.34c0,.66.06,1.58,0,2.71s-.15,2.46-.3,4a86.67,86.67,0,0,1-1.84,10.22,97,97,0,0,1-3.44,10.92c-1.29,3.46-2.77,6.55-3.86,8.92-.58,1.17-1.05,2.18-1.38,3a5.31,5.31,0,0,0-.53,1.58c0,.53.9,0,2.74-2.15A85.57,85.57,0,0,0,638,629a100.25,100.25,0,0,0,2.93-11,107.28,107.28,0,0,0,1.62-11.31,98.87,98.87,0,0,0-.72-23.09c-.57-3.87-1.29-7.23-1.94-10.4s-1.21-6-1.59-8.6a38.33,38.33,0,0,1-.48-6.81,20.08,20.08,0,0,1,.94-5.62c.65-2.2,1.68-4.86,2.91-8a102.2,102.2,0,0,0,3.78-11l.43-1.63.37-1.81a38.75,38.75,0,0,0,.6-3.92A40.07,40.07,0,0,0,647,518a41.55,41.55,0,0,0-1.52-7.66c-.38-1.33-.73-2.28-1-3.12l-.84-2.37c-.49-1.38-.83-2.48-1-3.1a1.72,1.72,0,0,1-.08-.36s0-.05,0-.08v0s0,0,0,0l-.39.07c-.55.08-1.1.14-1.67.18l-.84,0h-.43l-.31,0a11.32,11.32,0,0,1-2.26-.05,5.71,5.71,0,0,1-1.41-.2,2.34,2.34,0,0,1-.66-.18s.05,0,0,0a2.5,2.5,0,0,1,.58.4l.06.06-.67-.55h0l0,0,.09.08.26.26.17.19.07.09.14.16c.19.22.33.42.51.67a10.75,10.75,0,0,1,.67,1c.07.14.26.41.4.64s.29.49.43.73l.19.37.1.19.14.25c.2.35.38.7.56,1.06s.35.7.52,1.06c0,.1,0,0,0,0a.29.29,0,0,1,.09-.19l0-.06,0,0v0h0l.08,0a4.06,4.06,0,0,0,.37-.17l.24-.13c.64-.32,1.17-.61,1.61-.87a7.12,7.12,0,0,0,1.71-1.26c.58-.64.22-.9-.33-1.07-1.12-.33-2.93-.33-.22-1.91.94-.63,2.58-1.45,4.91-3.08.58-.41,1.18-.89,1.85-1.39s1.34-1.13,2-1.83a27.93,27.93,0,0,0,4.23-5.27c-1.4,2.74-2.21,4-2,4.47s1.17,0,2.61-1.23a21.27,21.27,0,0,0,4.73-6.18,29.67,29.67,0,0,0,3.1-9.92,31.4,31.4,0,0,1-1,4.41,10.77,10.77,0,0,1-.71,1.91c-.32.6-.25,0-.09-1.14.07-.57.16-1.27.26-2s.13-1.54.18-2.29a13.15,13.15,0,0,0-.16-3.29,36.22,36.22,0,0,1-2.76,10.52c-.94.63-1.34.32-1.33-.66a17.32,17.32,0,0,1,.25-2c.16-.82.34-1.82.54-3a50,50,0,0,0-.61-20,49.39,49.39,0,0,0-10.41-21.1c-.71-.84-1.28-1.41-1.9-2.07s-1.21-1.28-1.83-1.84c-1.22-1.15-2.42-2.27-3.59-3.22a52.28,52.28,0,0,0-6.51-4.72c-2.62-3.26-.8-1.79,2,.56s6.68,5.83,7.83,5.79c.67-1-.18-3.63-3.67-8a95.79,95.79,0,0,0-7-7.6L629,413.49c-.83-.8-1.54-1.58-2.38-2.41l-1.14-1.25c-.39-.41-.81-.84-1.15-1.26l-1.22-1.1L622,406.39l-.54-.53-.46-.53-.92-1.05-.77-1-.39-.52-.32-.52-.64-1c-.19-.35-.35-.72-.53-1.07a22.27,22.27,0,0,1-1.66-4.7,34.39,34.39,0,0,1-.77-5.55,73.73,73.73,0,0,1,.56-13.09c.55-4.74,1.37-9.79,2.12-15.28.2-1.34.37-2.8.55-4.21.09-.67.16-1.52.24-2.31l.22-2.41c.09-1.61.19-3.23.23-4.87s.07-3.28,0-5a79,79,0,0,0-3.41-21.3,58.75,58.75,0,0,0-5.13-11.63,52.62,52.62,0,0,0-3.94-5.85c-.75-1-1.61-1.9-2.45-2.84l-1.28-1.39c-.47-.45-1-.88-1.44-1.32-1-.87-2-1.75-3-2.57s-2.19-1.54-3.32-2.29a29.34,29.34,0,0,0-3.54-2,40.48,40.48,0,0,0-3.71-1.74,47.15,47.15,0,0,0-7.72-2.37,58,58,0,0,0-7.46-1c1.67,1.15-3.09.84-8.65,1.13-2.78.12-5.75.34-8.44.59l-6.79.65a7.78,7.78,0,0,0,2.15-.79c.39-.26.39-.48.07-.66a13.82,13.82,0,0,0-4.36-.93L531,284.56c-5.62,0-9,.87-13.4,1.31-1.08.11-2.22.21-3.46.26s-2.63,0-4.15,0-3.21-.22-5.12-.46-4-.57-6.44-1l6.17,2.83,6.11,2.78a129.73,129.73,0,0,0,20.36,1.92c2.12,0,4.32.1,6.42,0l3.15-.11c1,0,2-.15,3-.22s2-.13,2.88-.26l2.67-.36c1.63-.2,3.53-.52,5.19-.78a20.49,20.49,0,0,0,5.74.62c2.68.05,6.16,0,10.42.27a56.05,56.05,0,0,1,6.94.88,42.57,42.57,0,0,1,7.78,2.19,40.38,40.38,0,0,1,3.92,1.78l1.93,1c.62.38,1.22.78,1.83,1.18a41.19,41.19,0,0,1,6.7,5.39,45,45,0,0,1,8.73,12.37,48.17,48.17,0,0,1,3.75,10.56,21.32,21.32,0,0,1,.65,6.43c-.16,1.29-.62,1.64-1.46.87-.09-.83-.15-1.65-.27-2.48l-.39-2.5c-.22-1.67-.69-3.37-1.06-5.07a47.32,47.32,0,0,0-5.8-13.06,39.08,39.08,0,0,0-9.76-10.17c-1-.64-1.94-1.26-2.92-1.85a10.15,10.15,0,0,0-1.49-.8l-1.52-.71a31.72,31.72,0,0,0-6.12-2.16A40.22,40.22,0,0,0,570.5,294c-7.09.3-13,1.9-18.73,3.19a85.89,85.89,0,0,1-18.19,2.19,124.91,124.91,0,0,1-24.72-5.88c-6.4-2.17-11.84-4.36-19.37-6.71a115.67,115.67,0,0,0-20.38-3c-2.53-.11-4.77-.12-7.06,0l-3.45.1-3.72.17c-8.73,0-15.43,0-21.31.12l-4.28.18-2.06.07-2,.18-4,.35c-1.33.17-2.66.41-4,.64-3.24,1-2.42,1-1.61,1,.4,0,.8,0,.7.15a1.84,1.84,0,0,1-.6.3c-.36.14-.91.32-1.71.64l-3.23,1c-1.09.34-2.2.64-3.26,1.09L404.24,291l-1.6.65c-.53.21-1,.49-1.54.74l-3,1.52a26.43,26.43,0,0,0-2.78,1.57c-1.73,1.13-3.33,2.22-4.72,3.26-.16,1.17,1.65.67,4.68-.81.77-.36,1.59-.83,2.52-1.27l3.05-1.39,1.67-.78a15.78,15.78,0,0,1,1.77-.78l3.85-1.52a87.47,87.47,0,0,1,17.65-4.6c.76-.12,1.53-.27,2.29-.35l2.26-.23c1.49-.13,3-.34,4.42-.38,2.88-.11,5.64-.23,8.14-.11-1.3.17-2.34.3-3.29.5l-2.73.58c-.92.19-1.89.33-3.08.51s-2.61.42-4.4.64c-1.53.22-2.61.48-3.38.58a6.68,6.68,0,0,1-1.56.08c-.62-.07-.61-.33-1.13-.39-.52.13-1,.24-1.55.38l-1.54.47-3.08.94c-1,.29-2,.71-3,1.1l-3,1.19c.05.53.86,1-.28,2.11a15.65,15.65,0,0,1-3.38,2.45c-.45.27-1,.56-1.51.86l-1.76,1.13L402.1,301a28.36,28.36,0,0,0-2.42,1.55l-4.63,2c-1.5.74-3,1.55-4.49,2.36a46.13,46.13,0,0,0-4.44,4.07c-.69.69-1.37,1.35-2,2L382.39,315c-1.09,1.37-2.19,2.63-3.07,3.91s-1.65,2.52-2.37,3.66a38.83,38.83,0,0,0-3.1,5.94,16.16,16.16,0,0,0-1.19,3.53c-.12,1.39.81.94,3.24-2,.6-.73,1.29-1.62,2.06-2.66a19.42,19.42,0,0,1,1.3-1.65l1.51-1.86c1.08-1.3,2.17-2.83,3.62-4.35.7-.78,1.44-1.6,2.2-2.46.39-.42.76-.88,1.19-1.3l1.33-1.29c.33-1.33.68-2.67,1.06-4A69,69,0,0,1,426,295.68c1.63.23,1.34.66,0,1.2-.64.29-1.55.54-2.59.93s-2.21.82-3.44,1.26a34.18,34.18,0,0,0-3.65,1.51,29.84,29.84,0,0,0-3.25,1.61c-1.87,1.14-3.11,2.09-3,2.6-.91,1.11.23,1.19,2.55.67.58-.13,1.24-.31,2-.51s1.54-.34,2.39-.55l2.72-.66c1-.21,2-.36,3-.57,2.07-.46,4.35-.69,6.64-1,1.13-.2,2.32-.2,3.48-.31s2.31-.23,3.48-.22c2.31-.05,4.55-.16,6.65-.07l3,.06,2.7.16c3.48-.33,4.72-.52,4.43-.81a4.08,4.08,0,0,0-1.5-.45c-.81-.13-1.91-.26-3.2-.37l-2.07-.18c-.73,0-1.49-.05-2.27-.07-1.57,0-3.24-.12-4.88,0s-3.29.08-4.82.25l-4.18.41a105,105,0,0,1,20.11-4.82c5.72-.07,14,1.5,13.57,2.49,3.08.93,2.71,1.91,3,2.78s1.18,1.57,6.77,2.16c8,1.31,12.17,1.87,14.33,1.88s2.3-.45,2.28-1c0-1.07-.73-2.32,12.81-.22-1.72-1.23-5.81-2.68-11.23-4.23s-12.15-3.2-19.22-4.61-14.47-2.56-21.12-3.2-12.55-.71-16.44-.85c-2.15.21-4.3.57-6.45.85-2.14.44-4.28.83-6.41,1.35-1.47-.07-.92-.51.44-1s3.57-.94,5.32-1.32a16.46,16.46,0,0,0,2.7-.5c-.18,0-.79,0-2,.11s-2.95.39-5.47.75a82.41,82.41,0,0,1,26.68-2.92A161.62,161.62,0,0,1,477.35,292c8.81,1.9,17.17,4.13,24.74,6.12s14.35,3.8,19.91,5.05c0,.59,1.56,1.37,3.56,2.12s4.48,1.59,6.35,2.29,3.15,1.43,2.7,2.07a3.87,3.87,0,0,1-2.12.9,33.92,33.92,0,0,1-5.59.68c2.6.36,4.92.61,7.12,1s4.35.59,6.61.88c1.14.11,2.32.18,3.56.25s2.55.16,4,.1,2.9-.11,4.52-.21,3.2-.33,4.94-.54a62,62,0,0,1,12.47-1.54,27.32,27.32,0,0,1,5.19.52,17,17,0,0,1,4.46,1.49l1,.5.51.24.46.32c.61.42,1.23.81,1.81,1.25s1.09,1,1.62,1.45,1,1.08,1.44,1.6a26.57,26.57,0,0,1,4.24,7.43,42.59,42.59,0,0,1,2.25,8.49,66.47,66.47,0,0,1,.85,9.22,95.11,95.11,0,0,1-.23,10c-.3,3.7-.63,7.6-1,11.76,1-4.5,1.16,2.4,1.76,3.55-1.66,11.94-2.3,17.38-3.21,19.44s-2.14.75-3.21-.05c-.54-.4-1-.65-1.46-.2s-.8,1.56-.87,4c0,.62,0,1.3,0,2.09s.11,1.68.19,2.66.26,2.08.46,3.28c.1.61.22,1.24.33,1.89l.52,2.08c.19.72.37,1.47.61,2.24l.83,2.42a53.69,53.69,0,0,0,2.27,5.3,55.8,55.8,0,0,0,7.8,11.39A49.34,49.34,0,0,0,609.64,435c2.34,1.36,3.23,1.31,2.22-.36a99.36,99.36,0,0,1-9.21-11L601.44,422l-1.21-1.8c-.85-1.19-1.63-2.55-2.48-3.93-.44-.67-.82-1.43-1.23-2.19s-.86-1.51-1.23-2.33c-.76-1.63-1.62-3.33-2.3-5.18.29,0-.14-1.53-.45-3.59-.18-1-.42-2.19-.53-3.35s-.31-2.35-.32-3.41-.06-2,0-2.73a2.67,2.67,0,0,1,.31-1.33c.29-.28.7.83,1.69,4.18a47.6,47.6,0,0,0,2.88,11.24,43,43,0,0,0,5.13,9.05,63.07,63.07,0,0,0,12.5,12.1c4.23,3.21,8.4,6,12.52,9.09,2.07,1.54,4.1,3.19,6.13,5,1,.92,2,1.85,3,2.86a41.61,41.61,0,0,1,2.79,3.17,36.52,36.52,0,0,1,5.51,5.41c2.11,3.95,5.51,11.24,5.33,19.71a20.24,20.24,0,0,1-3.77,11.79,15.89,15.89,0,0,1-9.26,5.84l-.61.16c-.91.28-1.78.55-2.59.83a18.79,18.79,0,0,0-2.32,1,9.32,9.32,0,0,0-3.35,2.74,10.28,10.28,0,0,0-2,5.16c-.1.59-.14,1-.2,1.3s-.13.45-.22.48-.41-.38-.64-1.22a9.59,9.59,0,0,1-.1-3.82,10.56,10.56,0,0,1,.78-2.59,12.83,12.83,0,0,1,1.62-2.55,16.51,16.51,0,0,1,4.57-3.57l2.91-1.69c1.33-.77,2.06-1.52,2-1.84a18.28,18.28,0,0,1-2.56.94c-.86.26-1.73.51-2.55.79l-.16.06-.25.09-.51.2c-.35.15-.68.28-1.05.46a17.24,17.24,0,0,0-2.22,1.24,13.88,13.88,0,0,0-4.1,4.12,9.24,9.24,0,0,0-.74,1.31,13.07,13.07,0,0,0-.63,1.38,14.57,14.57,0,0,0-.73,2.85,17.32,17.32,0,0,0-.21,2.72c0,.84.07,1.69.17,2.45s.22,1.52.38,2.2.31,1.36.48,2c.68,2.57,1.47,4.75,2,6.73.22.45.38.8.55,1.2s.31.77.46,1.16.23.8.34,1.2a6.37,6.37,0,0,1,.26,1.21,15.77,15.77,0,0,1,0,4.85,21.93,21.93,0,0,1-.51,2.48c-.2.83-.5,1.7-.77,2.55-.6,1.71-1.29,3.41-2.06,5.14-1.52,3.46-3.26,6.92-4.69,10.78a46.3,46.3,0,0,0-2.81,12.24c-.71,8.21.4,15.65,1.52,22.39.29,1.64.58,3.28.87,5s.53,3.14.8,4.73c.51,3.2,1,6.5,1.47,10-.32-1-.71-1.9-1.07-2.83-.42-3.91-1.08-5.47-1.53-5.52s-.79,1.4-1.17,3.62-.74,5.22-1.28,8.29-1.14,6.19-1.65,8.76a68.88,68.88,0,0,1-1.17,8.2c0,3.43-1.1,8.39-3.83,13.65a41.77,41.77,0,0,1-12.8,14.75,38.67,38.67,0,0,1-9.47,4.79,54,54,0,0,1-11,2.36c-7.85.93-16.47.9-24.61,2a58.93,58.93,0,0,1-7,.31c-.45-.06-.47-.2,0-.4a15.08,15.08,0,0,1,3-.71A76.65,76.65,0,0,0,536,659c-1.63.4-3.27.73-4.89,1.27l-2.44.77-2.38.92A64.68,64.68,0,0,0,509,672.27c-2.77,5.42-7.33,10.55-12.2,17.47a81.65,81.65,0,0,0-7,11.85,68.91,68.91,0,0,0-5.11,14.76,101.84,101.84,0,0,0-.51,17.77c.26,5.25.54,11.08,1,20.56-1.73,21.69-.19,39.42,2.25,56.1,1.23,8.35,2.72,16.46,4.33,24.75.65,3.32,1.3,6.67,2,10.11.58,3,1.14,6.06,1.64,9l.05.35v.09s-.06,0-.09,0l-.2,0-.84.22-1.69.44c-1.14.3-2.3.54-3.46.8-.31,1-1.71,2.14-3.52,3.35s-4,2.38-5.72,3.4c-2,1.14-3.43,2-3,2.6.22.28.88.47,2.12.55a44.1,44.1,0,0,0,5.46-.22l-3.85.89c-1.3.31-2.61.56-3.91.83-2.59.56-5.2,1-7.78,1.46q-7.76,1.26-15.41,2c-5.11.44-10.17.75-15.21.84s-10,0-15-.3A171.41,171.41,0,0,1,366,859c-1.39-.24-2.79-.6-4.2-.94l-2.11-.51-2-.55a32.89,32.89,0,0,1-5.72.21c-1.14,0-2.36-.09-3.63-.18l-3.89-.38c-5.31-.57-11-1.5-15.07-1.72s-6.78.44-6.13,3.19c.34,1.36,1.56,3.22,3.93,5.7a52.41,52.41,0,0,0,4.58,4.12c.95.74,2,1.54,3.09,2.36S337.16,871.92,338.49,872.79Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-1"
d="M410.43,281.51a101.53,101.53,0,0,1,23.05-4.91c-1.06-.23-2.17-.36-3.27-.54a19.57,19.57,0,0,0-9,1.43l-1.87.71c-.68.29-1.41.6-2.26.93s-1.78.68-2.88,1.05c-.55.19-1.14.35-1.77.59Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-2"
d="M315.62,602a23,23,0,0,1,1.85-3.59c.93-1.56,2.18-3.44,3.51-5.58s2.5-4.17,3.58-6.06,1.91-3.71,2.65-5.26c1.47-3.11,2.18-5.4,2.11-6.18s-1-.12-3.13,2.52c-.89,1.41-1.86,2.75-2.75,4.11s-1.77,2.7-2.72,4L318,589.73c-.9,1.29-1.8,2.47-2.57,3.54a55,55,0,0,0-3.52,5.25,9.14,9.14,0,0,0-1.18,2.84,26.11,26.11,0,0,0-.39,3c-.12,1.44-.18,3.35-.22,5.71,0,1.29-.05,2.59-.07,3.91s-.14,3-.23,4.54c-.23,3.08-.44,6.25-.86,9.49.67,0,1.32-2,1.92-5.17.3-1.61.59-3.52.88-5.62s.49-4.38.71-6.28.43-3.62.7-4.92a10.16,10.16,0,0,1,.86-2.68,2,2,0,0,1,.37-.51l.31-.16C314.94,602.51,315.26,602.23,315.62,602Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-1"
d="M636.45,471.87a10.68,10.68,0,0,1-1.74,5.44,8.45,8.45,0,0,1-2,2.06,10.45,10.45,0,0,1-2.59,1.29l-1,.37-.49.18-1,.43.83-.14.2,0c.13,0,0,0,0,.06l.16,0,.68.15,1.43.29c.45.08.9.14,1.37.19a8.92,8.92,0,0,0,3.51-1.92,6,6,0,0,0,1.41-1.87c.46-1,.25-1.51,0-1.85a2.86,2.86,0,0,1-.77-1.23A14.79,14.79,0,0,1,636.45,471.87Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-2"
d="M331.39,506.07c-.63-.11-1.05-1.67-1.45-1.74-.19,0-.39.3-.59,1.37s-.55,2.86-.93,5.76a159,159,0,0,1-2.33,17.66,13.07,13.07,0,0,1,.53-2c.16-.48.33-1,.52-1.6s.38-1.23.58-1.91c.43-1.35.9-2.84,1.38-4.37s.87-3.14,1.28-4.66.75-3,1-4.29.49-2.43.61-3.28C332.24,505.26,332.07,504.68,331.39,506.07Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-2"
d="M360.05,496.06q-1.16-3.6-1.95-6.94c-2.06-1.3-3.87-2.2-5.79-3.43a24.64,24.64,0,0,1-5.84-5.26,89.52,89.52,0,0,1,5.51,7.46A38,38,0,0,0,360.05,496.06Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-2"
d="M303.41,563.31a67.53,67.53,0,0,0,10-16.19,73.6,73.6,0,0,0,4-12.59c.43-1.92.86-3.79,1.29-5.72s.93-3.88,1.53-6a143,143,0,0,1,5.25-14.91c.41-2.28.62-4.4.83-6.35.1-1,.21-1.89.27-2.78s.09-1.73.13-2.54a61.1,61.1,0,0,0,0-7.78,19.86,19.86,0,0,0-.67-4.43c-.29-1-.61-1.51-1-1.69-1.41-.71-3.12,4.12-5.06,8-.08,1.69-.17,3-.15,3.94a7.46,7.46,0,0,0,.3,2.18,4.45,4.45,0,0,0,1.49,2,5.79,5.79,0,0,1,1.43,3.57c.31,2.12.3,5.5-.6,11.09-.49,1.7-.92,3.45-1.49,5.18s-1.13,3.48-1.71,5.18-1.28,3.36-1.9,5-1.36,3.12-2,4.56-1.33,2.77-2,4-1.3,2.28-1.89,3.21a11,11,0,0,1-3.11,3.42c-.91,2-1.89,3.76-2.62,5.31s-1.44,2.83-2,3.93c-1.13,2.22-1.8,3.7-2.18,4.63-.73,1.88,0,1.73,1,1.13s2.41-1.62,2.93-1.42c.25.1.35.53.05,1.48A32.17,32.17,0,0,1,303.41,563.31Z"
transform="translate(-161.16 -41.05)"
/>
<path class="cls-2" d="M358.77,482.58c-1.9-1.56-3.71-3.21-5.48-4.91a45.58,45.58,0,0,0,2.38,5.77A6.54,6.54,0,0,0,358.77,482.58Z" transform="translate(-161.16 -41.05)" />
<path class="cls-2" d="M293.93,557.28c-.95,2-2,4-3,6s-2.15,3.86-3.31,5.83a146.45,146.45,0,0,0,13.35-20l-3.45,4.19Z" transform="translate(-161.16 -41.05)" />
<path
class="cls-2"
d="M300.62,526.18c-.56,1.58-1.13,3.17-1.79,4.71s-1.23,3.13-2,4.64c-.58,1.79-1,3.5-1.41,4.87a16.7,16.7,0,0,0-.69,3.18c-.06,1.38.71,1.09,2.88-2.12.7-1.44,1.15-2.74,1.58-3.82a29.46,29.46,0,0,0,.93-2.82,14.52,14.52,0,0,0,.51-3.54C300.69,529.58,300.22,528.72,300.62,526.18Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-1"
d="M260.14,785.36c-1.1-1-2.26-2-3.42-3s-2.44-2-3.6-2.92-2.21-1.69-3.29-2.53-2.19-1.53-3.25-2.28a54.93,54.93,0,0,0-12.49-6.44l-1.52-.52-.18-.07a1.51,1.51,0,0,1,.22-.19l.5-.4,1-.8,3.84-3.09,1.85-1.49,1.74-1.52,3.37-2.93c1.11-.93,2.11-1.92,3.11-2.86l2.91-2.74c.24-.23.48-.45.69-.68l.33-.34.27-.24c.67-.79,1.35-1.57,2-2.36,1.4-1.65,2.84-3.28,4.21-5A217,217,0,0,0,287,696.08c.17-.64.35-1.29.53-1.94l.45-2c.3-1.32.61-2.65.92-4,.61-2.67,1.3-5.35,1.78-8.15s1.1-5.59,1.66-8.49.94-5.89,1.43-8.95l.68-2.06.6-2.08,1.17-4.16,1.18-4.19c.39-1.39.66-2.81,1-4.22.63-2.83,1.33-5.66,1.9-8.52l1.52-8.62c.24-2.16.26-4.37.36-6.59s.15-4.45.23-6.7c0-4.5-.05-8.38.23-11.51a30.7,30.7,0,0,1,.61-4.1,16.48,16.48,0,0,1,1.17-3.29,61.3,61.3,0,0,1,5.52-8.66c1.22-1.68,2.45-3.58,3.62-5.35.58-.9,1.18-1.79,1.73-2.69l1.6-2.71c1-1.78,2.07-3.54,2.95-5.33s1.83-3.48,2.58-5.21a97,97,0,0,0,6.53-18.66c3-5.58,3.65-5.34,6.39-11.11,1.47-6.15,4.18-15.22,5.83-24.55s2.34-18.79,1.5-25c.31-2.84.61-5.17.92-7l-15.45,6.29c1.29,1.75,2.24,3.19,3,4.48l.56.95.77,1.16,1.46,2.24c1,1.46,1.9,2.94,3.06,4.63s2.56,3.53,4.43,5.83c4.59,3.88,9.29,7.73,14.08,11.34s9.65,6.82,14.56,9.77a109,109,0,0,0,29.75,12.49A76,76,0,0,0,415,541.59a67.43,67.43,0,0,0,14.71-.88,59.22,59.22,0,0,0,13.41-4,51.87,51.87,0,0,0,11.24-6.86,27.75,27.75,0,0,0,5.31-2.51q1.29-.86,2.58-1.83c.42-.34.88-.64,1.27-1l1.2-1.17c.78-.8,1.62-1.59,2.36-2.5A29.72,29.72,0,0,0,469.2,518a34.26,34.26,0,0,0,3.5-6.7,31.39,31.39,0,0,0,2-7.68,25.2,25.2,0,0,0-.23-7.78,21.58,21.58,0,0,0-2.26-6.37,18.77,18.77,0,0,0-3.09-4,11.09,11.09,0,0,0-3-2.09c-.68-.34-.95-.23-.63.12a4.86,4.86,0,0,0-.55.29l-.5.48-.48.67c-.16.23-.33.56-.49.83-.67,1.2-1.35,2.72-2.19,4.41a52.37,52.37,0,0,1-3,5.46,34.91,34.91,0,0,1-4.31,5.36,19.76,19.76,0,0,1-5.13,3.82,8.4,8.4,0,0,1-1.28.52l-.63.22c-.2.05-.4.1-.59.13a2.9,2.9,0,0,1-2.05-.27c-1.17-.69-1.52-2.52-1.18-6.82,0-.54.07-1.08.11-1.61l.09-1.92.05-.95c0-.32,0-.73,0-1.08,0-.74,0-1.47,0-2.19s-.12-1.6-.17-2.39l-.1-1.2a8.22,8.22,0,0,0-.15-1.23c-.17-.86-.33-1.71-.49-2.56l-.25-1.27-.39-1.32c-.43-1.15-.8-2.29-1.26-3.42l-1.6-3.33-.39-.82-.05-.11s0,0-.07,0l-.23,0-.47,0-1.86-.18-3.72-.36-14.75-1.44-14.54-1.41-3.6-.35-1.79-.18h-.12v-.05a4.42,4.42,0,0,1-.14-.95c0-.35,0-.71,0-1a2,2,0,0,0,0-.25c0-.07.13-.24.18-.36l.22-.38.81-.79c2.15-2.05,4.38-3.73,6-5.18a39,39,0,0,0,3.76-3.47c.34.09-.27.84-1.07,1.8a15.3,15.3,0,0,0-2.1,2.82c-.3.73.05,1,2.17.27s6.11-2.65,13-6.07c1.81-1.14,4.37-2.66,6.68-4s4.36-2.61,5.31-3.25c-.5-.52-.78-.75-.9-.76a2.39,2.39,0,0,0-.25-.32l-.65-.48-1.75-1.33-2.34-1.78-2.93-2.28c-4.21-3.27-9.94-7.78-15.54-12.4l-2.08-1.74a16.64,16.64,0,0,1-2-1.8l-3.51-3.73c-.58-.62-1.06-1.26-1.6-1.94l-.92-1.23c-.51-.63-1-1.3-1.4-1.92-1.83-2.49-3.32-4.79-4.56-6.2-1.89-2.4-2.73-3.06-2.87-2.21.59,1.78,1,3.26,1.3,4.4a10.13,10.13,0,0,1,.35,2.68c-.09,1.25-.88,1.51-2.28.92-2.71-1.21-7.87-6-12.6-13.77a76.9,76.9,0,0,1-6.43-13.46A85.38,85.38,0,0,1,365.18,373a89,89,0,0,1-1.08-16,98.44,98.44,0,0,1,1.23-13.42,86.17,86.17,0,0,1,4.77-13.07,79.24,79.24,0,0,0-10.44,24.71,89.15,89.15,0,0,0-1.77,30.4c.46-3.4,1.36,3.16,2.72,8.29.35,1.29.68,2.49,1,3.45a11.37,11.37,0,0,0,.79,1.93c.18.29.28.17.26-.53s-.19-2-.38-4c-.68-3.17-1.45-6.28-1.83-9.5a93.82,93.82,0,0,1,.43-11.38,89,89,0,0,1,1.75-11.16,130.2,130.2,0,0,0-.12,18.12,97.44,97.44,0,0,0,4,21.78,79.45,79.45,0,0,0,8.58,19.08,53.44,53.44,0,0,0,4.92,6.74A31.09,31.09,0,0,0,382.3,431c.2.19.35.32.49.44l.44.36a7.37,7.37,0,0,0,.88.65c2.78,3.85,5.11,6.67,7,8.79.91,1.08,1.73,2,2.4,2.77.36.38.68.75,1,1.09l.42.51-1,.38c-4.89,1.78-8.89,3-12.5,5.13a17.88,17.88,0,0,0-2,2.13,9.71,9.71,0,0,0-.59.79c-.28.42-.54.76-.83,1.24L377,456.7l-.75,1.51a29,29,0,0,0-2.12,6.45c-.11.57-.22,1.17-.3,1.71l-.15,1.51a10.23,10.23,0,0,0,0,1.55,7.35,7.35,0,0,0,2.48,5.32,10.47,10.47,0,0,0,5.29,2.15c3.77.61,7.48-.17,11-1a54.59,54.59,0,0,1,11-1.83,32.87,32.87,0,0,1,12.44,2.42c.68.26,1.33.58,2,.87l2,1a9.64,9.64,0,0,1,4.06,6,7.47,7.47,0,0,1-1.15,5.41,10.26,10.26,0,0,1-3.65,3.36,15,15,0,0,1-4.5,1.62,26.67,26.67,0,0,1-4.69.39,37.22,37.22,0,0,1-4.64-.4c-1.49-.19-3-.55-4.47-.87s-2.87-.69-4.27-1.08c-.49,1.52-2.15,2.56-4.19,3.21a22.62,22.62,0,0,1-6.75.85c-4.5,0-8-.66-7.92,1.39a44.16,44.16,0,0,1-10-7.24,43.44,43.44,0,0,1-6-7,36.62,36.62,0,0,1-5.07-10.53c-1.16-1.92-1.6-2.5-2.28-2.85a3.33,3.33,0,0,0-.52-.21l-.28-.08h-.08l-.25-.19-.49-.38-4.32-3.21-39.7-29.5,6.32,43.09c.27,1.84.66,4.06.86,6.91-.22,2.29-.32,4.28-.62,6s-.5,3.1-.73,4.28a18.65,18.65,0,0,1-1.48,4.49c-.86,1.54-1.52.63-2.19-.09s-1.33-1.28-2.2.85a32.8,32.8,0,0,0-1.71,5.46c-.4,1.33-.83,2.91-1.3,4.76s-1.12,4-1.82,6.39c-2.45,7.18-5.28,15.51-7.67,22.09s-4.13,11.48-3.28,12c-.69.91-1.39,1.84-2.07,2.78s-1.43,1.87-2.17,2.82c-1.39,1.94-2.95,3.8-4.42,5.76s-3.35,4.16-5.47,7.07a65,65,0,0,0-6.52,10.76,49.93,49.93,0,0,0-2.62,6.82,55.32,55.32,0,0,0-1.55,6.48c-.37,2-.62,4-.79,5.72s-.29,3.4-.38,4.91c-.18,3-.29,5.52-.47,7.58s-.52,3.82-.86,5.49c.29,1.82.6,3.69.72,5.59s.14,3.83.14,5.79c0,1,0,2,0,3s-.14,2-.23,3c-.19,2-.41,4-.67,6.08s-.73,4.09-1.12,6.15c-.21,1-.43,2.07-.64,3.11l-.34,1.56-.42,1.55q-.87,3.09-1.74,6.23l-.44,1.57-.53,1.55-1.07,3.11-1.06,3.12-.53,1.57-.61,1.54q-1.2,3.09-2.42,6.2l-.59,1.55-.67,1.53L252,686.28c-.88,2-1.64,4.13-2.62,6.14s-1.82,4.06-2.68,6.11c-.41,1-.9,2-1.37,3l-1.36,3c-1.7,4.12-3.64,8.08-5.23,12.23-1.26,2.06-2.64,4-3.91,6l-1.9,2.94c-.66,1-1.35,1.88-2,2.82s-1.31,1.87-2,2.79c-.3.46-2.15,3.08-3.42,4.6L217,746.05c-1.42,1.66-2.79,3.31-4.23,5s-3,3.25-4.57,4.87l-8.91,9.56-8.41,9-4.11,4.42a4,4,0,0,0-.46.52l-.26.44-.52.88-1,1.74,3.65.59,3.87.65,7.73,1.31,7.8,1.37,7.66,1.4,7.38,1.39,3.61.69.9.17.8.23,1.58.45,3.16.9,1.57.45a9.22,9.22,0,0,1,1.51.5l5.55,2.38a27.23,27.23,0,0,1,2.74,1.31l1.38.68c.93.44,1.85.93,2.77,1.44,1.86,1,3.71,2.09,5.59,3.19q5.61,3.47,11.33,7.7c5.2.68,7.79-.83,7.26-4.87a21.78,21.78,0,0,0-3.27-7.86A64,64,0,0,0,260.14,785.36Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-3"
d="M574.39,307.85c40.18-6.55,80-28.59,97.61-65.32,7.38-15.44,10.49-32.58,11.88-49.63,2.38-29.08-.61-60.11-17.44-83.93C656.7,95.19,642.89,84.68,628,76.79A157.27,157.27,0,0,0,510.72,65.12c-38.59,11.55-72.23,39-91.09,74.56-52.08-49.49-143.81-46.74-194.76,3.91s-55.29,140-11.67,197c-20.69,5-32.17,27.38-36.14,48.28-9.78,51.58,12,107.86,53.9,139.45,16.2,12.21,37.78,27.29,32.28,46.81-3.69,13.07-19.3,25.72-11.52,36.85,4.56,6.52,14.27,6.32,21.94,4.23A77.5,77.5,0,0,0,317.9,498.69a71.68,71.68,0,0,0,23.5-33.41c-1.17,41.68,48.12,71.13,84.05,51.4a57.84,57.84,0,0,0,28.79-40.74c-16.42,12.41-40.73,14.41-57.78,2.89s-24-36.72-13.4-54.36c3.92-6.53,9.76-11.72,13.82-18.16s6.08-15.19,1.8-21.49c-2.49-3.66-6.62-5.79-10-8.63-11.91-9.95-13.66-28.79-6.54-42.57s21.34-22.81,36.24-27.13C468.49,291.92,522.48,316.31,574.39,307.85Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-3"
d="M527.13,290.58c-17-1.08-33.66-2.78-48.5-2.89-17.12-2.35-33.55-2.77-49-.15-1.94.37-3.85.68-5.75,1.11s-3.77.84-5.62,1.38l-2.77.79-1.37.4-1.41.47c-1.9.61-3.76,1.33-5.6,2.05a85,85,0,0,0-10.6,5.26,72.67,72.67,0,0,0-9.75,6.82,68.71,68.71,0,0,0-8.63,8.52,62.78,62.78,0,0,0-7,10.31c-.48.94-1,1.86-1.42,2.83l-1.29,3a50.16,50.16,0,0,0-2,6.25,51.85,51.85,0,0,0-1.56,12.91,53,53,0,0,0,1.77,13.22,44.49,44.49,0,0,0,5.72,13,42.52,42.52,0,0,0,4.65,5.91,31.93,31.93,0,0,0,2.78,2.67,32.89,32.89,0,0,0,2.87,2.34c.9.66,1.73,1.23,2.47,1.75l1.6,1.13a6.09,6.09,0,0,1,1.38,1.26,5.28,5.28,0,0,1,.7,4.69,2.5,2.5,0,0,0-.09.25,3.49,3.49,0,0,1-.16.49,9.19,9.19,0,0,1-.4,1,15,15,0,0,1-1.05,2l-.31.5-.39.57c-.25.39-.57.8-.86,1.2-.64.82-1.31,1.67-2.09,2.58-2.88,3.62-6.76,7.72-10.23,13.27-.44.67-.83,1.43-1.23,2.18s-.77,1.49-1.16,2.24a17.18,17.18,0,0,0-1,2.28c-.3.77-.6,1.54-.89,2.31a47.5,47.5,0,0,0-2.28,9.4,53,53,0,0,0,.7,18.22,57.47,57.47,0,0,0,6.15,16.28,54.28,54.28,0,0,0,10.8,13.39l1.61,1.44c.56.45,1.15.88,1.73,1.32a37.44,37.44,0,0,0,3.55,2.45c1.22.71,2.4,1.5,3.66,2.11s2.51,1.24,3.78,1.82l3.89,1.48c1.3.47,2.63.8,3.94,1.19s2.66.61,4,.9l1,.2.5.1.25,0h.08l.66.07a20,20,0,0,0,5-.06,21.45,21.45,0,0,0,6.65-2.07,17.09,17.09,0,0,0,1.51-.84c.25-.14.47-.32.71-.48l.35-.25c.1-.05.31-.27.21,0a22.23,22.23,0,0,1-1,3.5,20.68,20.68,0,0,1-9.77,10.77,3.27,3.27,0,0,1-1.32,2.57,10.22,10.22,0,0,1-.82.68,8.78,8.78,0,0,1-1.33.72,17.15,17.15,0,0,1-2.09.82,21.17,21.17,0,0,1-2.29.73c-6.35,1.8-15.05,1.84-24-1.24a52.05,52.05,0,0,1-24.37-17.39,47.56,47.56,0,0,1-7.33-13.74A44.76,44.76,0,0,1,351,465.55l2.31-63.45-21,60.14a65.81,65.81,0,0,1-8.53,16.38q-1.31,1.83-2.7,3.54l-.7.85-.35.43-.58.62-1.16,1.26-.57.62c-.21.21-.47.44-.7.66-1,.88-1.86,1.78-2.84,2.63l-2.89,2.54-5.62,4.82c0,.14.14.31.24.47l.31.49.63,1,1.24,1.91c.82,1.26,1.64,2.49,2.42,3.75,1.56,2.51,3.2,4.91,4.45,7.27.28.56.57,1.11.85,1.66l.59,1.08,1,2c.71,1.33,1.28,2.67,1.86,4l.48,1.32c.14.45.27.89.4,1.34l.8,2.6.64,2.56c.21.84.44,1.66.58,2.48.31,1.64.68,3.21.87,4.73.12.76.23,1.5.35,2.22s.15,1.44.23,2.13c.61,5.51.7,9.84.83,12.47s.54,3.63,1.23,2.42a17.5,17.5,0,0,0,1.23-3.53,49.45,49.45,0,0,0,1.08-7.3,65.24,65.24,0,0,1-1.76,14.32c-.11.49-.22,1-.33,1.45s-.27.93-.4,1.37c-.27.9-.53,1.75-.77,2.57-.57,1.62-1.16,3.08-1.68,4.43a59.82,59.82,0,0,1-6.71,11.56l-1.67,2.16-.84,1.09-.92,1.08L311,586c-.71.78-1.45,1.61-2.23,2.52-1.62,1.77-3.48,3.77-5.86,6-.57.59-1.22,1.15-1.89,1.74l-2.08,1.87c-1.53,1.21-3.11,2.62-5,3.93,1.5-1.49,2.82-3.15,4.16-4.73.65-.81,1.26-1.66,1.88-2.48l.91-1.24.85-1.29a72.14,72.14,0,0,1-15.55,9.91l-2.24,1-1.12.52-1.16.46-2.34.94c-.8.31-1.61.56-2.42.85s-1.62.61-2.47.83l-1.44.44a27.58,27.58,0,0,1-3.1.74,15.39,15.39,0,0,1-5.84,1.16,8.86,8.86,0,0,1-6-2.23,8.4,8.4,0,0,1-.43-5.57,18.57,18.57,0,0,1,2.07-4.8c.83-1.45,1.7-2.78,2.54-4.1,1.31-2.09,2.69-4.35,3.95-6.71a43,43,0,0,0,3.32-7.84,29.47,29.47,0,0,0,1.23-9,28.75,28.75,0,0,0-1.6-8.79,36,36,0,0,0-3.72-7.57,60.53,60.53,0,0,0-10.33-11.81c-3.8-3.45-7.85-6.59-12-9.73s-8.67-6.23-12.7-9.71l-3.16-2.63c-1-.9-2-1.94-3-2.93a75.54,75.54,0,0,1-6-6.39l1.71,2.14c.54.64,1.08,1.19,1.54,1.71.94,1,1.69,1.89,2.27,2.56,1.16,1.36,1.64,2,1.62,2.2-.06.33-2.16-1.37-4.92-3.69-1.43-1.12-2.84-2.57-4.28-4s-2.87-2.76-4.13-3.9c-2.35-2.44-4-4-3.93-2.93-1-1.66-2.9-4.31-4.74-7.54-1-1.58-2-3.25-3-4.9l-2.62-5c-.81-1.58-1.62-3-2.17-4.27s-1-2.31-1.21-3c-.5-1.39-.31-1.43,1,.73L193.54,476l-.85-1.73-.43-.86-.37-.89q-1.48-3.54-3-7c-.54-1.14-.89-2.35-1.34-3.52s-.87-2.35-1.3-3.52-.91-2.32-1.25-3.5-.72-2.36-1.07-3.53L182.85,448c-.17-.58-.38-1.15-.52-1.74l-.42-1.75q-.84-3.51-1.67-6.93c-.45-2.3-.81-4.59-1.21-6.85-.19-1.13-.42-2.24-.56-3.36s-.22-2.24-.33-3.35c-.2-2.21-.49-4.39-.59-6.54s-.08-4.27-.12-6.35c0-1-.06-2.07,0-3.08s.14-2,.21-3c.14-2,.3-3.93.48-5.82s.63-3.7,1-5.48.65-3.51,1.13-5.13.95-3.18,1.54-4.65c.29-.74.56-1.47.88-2.16s.65-1.37,1-2a77.25,77.25,0,0,1,4.61-14.23,44.91,44.91,0,0,1,10-14.2l1.58-1.35.39-.33.44-.37a9.4,9.4,0,0,1,1.07-.71l2.12-1.3c.36-.21.68-.45,1.07-.63l1.17-.54c.78-.37,1.55-.73,2.33-1.08s1.61-.62,2.42-.94l2.45-.89,2.48-.68.83-.51c.22-.19.77-.27.3-.7l-1.43-2.12c-.95-1.42-1.93-2.82-2.87-4.29-1.79-2.95-3.83-6-5.36-9L206,323.57c-.42-.77-.87-1.56-1.15-2.21l-1.94-4.1c-.68-1.35-1.21-2.79-1.84-4.2s-1.24-2.82-1.77-4.29l-2.67-2.5a110.11,110.11,0,0,1-5-13.12c-.42-1.23-.72-2.53-1.09-3.83s-.74-2.61-1-3.95-.58-2.7-.88-4.06c-.14-.68-.3-1.35-.42-2l-.34-2a110.7,110.7,0,0,1-1.34-28.77,192.59,192.59,0,0,1,3.43-32.82c.23-1.42.55-2.82.88-4.23s.63-2.83,1-4.25.74-2.81,1.12-4.23c.19-.7.36-1.42.57-2.12l.65-2.11A159.47,159.47,0,0,1,200.14,182a140,140,0,0,1,18.19-30.78c1.78-2.38,3.75-4.58,5.68-6.79.93-1.14,2-2.14,3-3.2s2-2.13,3.07-3.1c2.14-1.95,4.19-4,6.43-5.74,1.09-.91,2.18-1.83,3.28-2.71l3.37-2.5c9.42-5.81,15.88-8.69,20.34-11,2.27-1.07,4.05-2,5.58-2.87s2.85-1.52,4.11-2.26l1.9-1.12,2.06-1.09c1.46-.73,3.1-1.64,5.24-2.48a75.26,75.26,0,0,1,8.05-2.8,104.48,104.48,0,0,1,12.4-2.83l5.05-.52,5.43-.41c1.87-.18,3.79-.18,5.74-.29,1,0,2-.1,3-.12h3A162.12,162.12,0,0,1,349.86,101a127.28,127.28,0,0,1,22.39,5.36,74,74,0,0,1,15.13,6.83,98.54,98.54,0,0,0-21-6.84c-1.5-.3-2.93-.6-4.33-.84l-4.1-.57c-2.66-.41-5.26-.52-7.83-.76s-5.18-.25-7.9-.42l-4.2-.09c-1.44,0-2.93-.11-4.48-.08l-4.87,0-5.34.1c-1.87,0-3.83.14-5.9.19s-4.25.23-6.56.38c3.55,0,1.43.46-3.17,1.18a181,181,0,0,0-18,3.9c-1.59.4-3.11.94-4.56,1.38s-2.82.87-4,1.36c-2.44.93-4.37,1.66-5.39,2.21-2,1.14-.65.87,7.17-1a139.24,139.24,0,0,1,70.37-5.24,132.86,132.86,0,0,1,18,4.57c3,.88,5.86,2.09,8.77,3.16l4.28,1.86c.71.31,1.43.6,2.13.94l2.08,1c1.38.7,2.8,1.35,4.15,2.1l4.05,2.28c1.37.73,2.63,1.62,3.95,2.43s2.59,1.58,3.92,2.59l4,2.84c1.31,1,2.57,2.05,3.85,3.07l1.91,1.54c.63.52,1.22,1.08,1.84,1.61l3.62,3.23c3.56-6,7.09-12.58,11.13-18l1.41-2,1.49-2q1.5-1.95,3-3.9c1-1.24,2.08-2.49,3.12-3.72s2.05-2.49,3.16-3.64a180.52,180.52,0,0,1,27.25-24.65c-.23.76.7.68,2.51,0,.91-.37,2-.9,3.36-1.58l4.64-2.25a196.64,196.64,0,0,1,28.39-11.69,160.65,160.65,0,0,1,65.63-6.42l1.64,1.32c1.5.19,3,.55,4.4.81l4.27.85,4.16,1c1.38.34,2.77.63,4.12,1,2.71.82,5.48,1.48,8.21,2.46l4.17,1.37c1.4.48,2.79,1.05,4.23,1.58,2.9,1,5.79,2.31,8.87,3.61l1.16.48,1.15.56,2.35,1.12c1.59.76,3.24,1.5,4.88,2.38A133,133,0,0,1,649.8,93.44a94.17,94.17,0,0,1,12.08,12.13,73.13,73.13,0,0,1,5,6.86l1.18,1.77,1.08,1.83c.68,1.24,1.46,2.42,2.07,3.7a92.22,92.22,0,0,1,6.4,15.57,106.9,106.9,0,0,1,3.72,16.2c.46,2.72.73,5.45,1,8.15s.45,5.42.49,8.11a156.31,156.31,0,0,1-.25,15.94A164.62,164.62,0,0,1,678,213.62a145.32,145.32,0,0,1-6.6,20.48,85.49,85.49,0,0,1-4.67,9.75c-1.59,3.23-3.64,6.21-5.54,9.26a123.86,123.86,0,0,1-13.73,16.44c-1.25,1.25-2.58,2.4-3.85,3.61l-1.93,1.78-2,1.66c-1.35,1.09-2.65,2.22-4,3.27l-4.1,3c-1.34,1-2.75,1.93-4.13,2.85s-2.74,1.85-4.13,2.69l-4.15,2.45c-.68.41-1.35.82-2,1.21l-2.07,1.09-4,2.15c-1.34.68-2.7,1.28-4,1.92s-2.61,1.26-3.9,1.82l-3.82,1.6a224.92,224.92,0,0,1-24.72,8.49,141.92,141.92,0,0,0,26.06-5.52,132.17,132.17,0,0,0,24.17-10.15,130.37,130.37,0,0,0,21.26-14.37A112.67,112.67,0,0,0,663.27,261l1.82-2.47a30.33,30.33,0,0,0,1.75-2.5l3.23-5.14c1-1.73,1.9-3.54,2.85-5.29.46-.89,1-1.75,1.37-2.65l1.24-2.7a137.85,137.85,0,0,0,7.35-21.87c1.83-7.28,3.17-14.48,4.35-21.5s2.17-13.9,3-20.67a277.24,277.24,0,0,1-2.58,30.15c-1.13,7.95-2.35,14.27-3.75,20.23a130.67,130.67,0,0,1-5.5,17.92,105.49,105.49,0,0,1-11.9,21.82l3.5-4.11c.57-.7,1.19-1.36,1.72-2.09l1.6-2.19c1.06-1.47,2.16-2.93,3.18-4.44l2.86-4.67a85.16,85.16,0,0,1-4,8l-2.22,3.89c-.74,1.3-1.63,2.49-2.45,3.74,3.32-3.25,1.72.05-.46,4.09-.52,1-1.19,2-1.78,3s-1.15,1.85-1.59,2.62c-.87,1.54-1.27,2.54-.53,2.26a114.1,114.1,0,0,0,18.88-27.86,132.46,132.46,0,0,0,10-31.44,84.53,84.53,0,0,1-5,15.68c-1.14,2.38-1.51,2.33-1.47.94s.5-4.12.89-7.12.75-6.26.87-8.75c1.19-5.28,2.07-10.56,2.79-15.83s1.21-10.5,1.57-15.81c-.51,3.7-1.36,10.36-2.06,13.22-.32,1.43-.57,1.92-.62.61s.11-4.39.24-10.13a162.29,162.29,0,0,0,.28-21.37c-.35-7.63-1.15-15.44-2-22.64a157.52,157.52,0,0,1,5.77,25.34c-.87-9.87-2-19.18-3.65-28.23a129.43,129.43,0,0,0-7.53-26.42c-.93-2.12-1.78-4.29-2.89-6.36l-1.61-3.14c-.55-1-1.19-2-1.79-3.06a79.54,79.54,0,0,0-8.4-11.73,89.82,89.82,0,0,0-22.84-19C645,70.08,642,67,638.87,64a171.37,171.37,0,0,0-35.82-14.58c1.52,0,3,.09,4.52.18-.92-.31-1.84-.63-2.77-.92l-2.8-.8c-1.88-.52-3.74-1.08-5.62-1.56-3.79-.87-7.56-1.83-11.4-2.46-1.91-.32-3.81-.75-5.74-1l-5.78-.78c-1.93-.28-3.88-.37-5.81-.56s-3.88-.36-5.82-.41a132.05,132.05,0,0,0-15.24.58c-2,.25-3.69.49-5.2.73s-2.82.46-3.95.76a41.3,41.3,0,0,0-8.54,2.93c-2.36.42-4.72.79-7,1.27l-6.79,1.56c-4.39,1.2-8.6,2.33-12.37,3.67-7.6,2.48-13.61,5.09-17.3,6.37l4.9-2.72c1.66-.86,3.35-1.67,5-2.5l2.53-1.24c.85-.4,1.73-.75,2.59-1.13l5.21-2.23a172.45,172.45,0,0,0-19.78,6.72c6.68-2.58,2.79-.55-3.23,2.49L478,61l-2.4,1.36c-.79.45-1.53,1-2.26,1.41A61.85,61.85,0,0,0,467,68c-2.44,1.54-4.74,2.87-6.76,4.26l-5.55,3.83-4.49,3.41c-1.37,1-2.61,2-3.68,2.91-2.18,1.83-4,3.29-5.46,4.6l-3.81,3.43c-2.3,2-4,3.73-6.68,6.13-1.34,1.18-2.75,2.67-4.52,4.46-.88.9-1.86,1.88-2.91,3l-3.33,3.76c-.67,1-1.37,1.88-2,2.85s-1.3,2-2,2.94a3.33,3.33,0,0,1-.1.4,3,3,0,0,1-.35.65l-.3-.33-.14-.15-.06-.08,0,0v0l-.08-.06-1.19-.9-2.51-1.62-2.49-1.57c-1.59-1-3.13-1.8-4.49-2.53s-2.57-1.3-3.6-1.77c-2.1-.84-3.48-1.18-4-.91-3-1.71-6.24-3.12-9.42-4.62-1.6-.7-3.23-1.34-4.86-2l-2.45-1-2.48-.88a150.63,150.63,0,0,0-20.38-5.73l-5.21-1c-1.75-.31-3.5-.53-5.25-.8l-2.63-.37L341.2,88c-1.76-.17-3.52-.37-5.29-.5a178.23,178.23,0,0,0-21.18-.18,162.9,162.9,0,0,0-78.13,24.82,156.6,156.6,0,0,0-17.68,15.52,143.87,143.87,0,0,0-15.66,15.7l-3.21,4c-.52.66-1.05,1.31-1.55,2s-1,1.34-1.44,2q-1.42,2-2.81,4l-2.55,4a143.57,143.57,0,0,0-14.83,32c-.44,1.36-.87,2.72-1.31,4.09l-1.14,4.15c-.81,2.76-1.4,5.59-2,8.45-.35,1.43-.6,2.88-.86,4.34l-.81,4.41c-.21,1.5-.42,3-.63,4.53s-.45,3.05-.58,4.62-.31,3.14-.47,4.74-.21,3.22-.32,4.86c-.25,3.29-.25,6.68-.33,10.16A205.25,205.25,0,0,0,169.61,268L168.39,263a176.27,176.27,0,0,0,8.22,33.82,133.45,133.45,0,0,0,11.82,30.34c.58,1.07,1.16,2.12,1.72,3.17.31.5.54.83.81,1.25s.53.8.79,1.2l.1.15.06.07.13.16.25.31c.35.43.7.87,1.1,1.3l.61.68.15.17.08.09s0,0-.06,0l-.33.14a9.62,9.62,0,0,0-2.63,1.6l-.34.28a1.71,1.71,0,0,1,.2-.18c.08-.06,0,0-.08.08l-.2.16-.78.68a40.49,40.49,0,0,0-3.06,2.79c-1,1-2,2-2.9,3l-2.72,3.24c-6.94,9-12.33,19.83-16.24,33.23-.53,1.89-.9,3.78-1.33,5.62l-.89,5.32c-.27,1.74-.55,3.46-.82,5.14s-.29,3.36-.43,5-.25,3.25-.37,4.83c0,.4-.05.79-.08,1.18s0,.78,0,1.17v2.31c0,1.53,0,3,0,4.5s0,2.91.14,4.32c.22,2.82.46,5.54.7,8.15.08,1.31.37,2.57.55,3.82s.41,2.46.62,3.66.41,2.37.62,3.52.53,2.25.79,3.34q.82,3.27,1.64,6.27c.14.5.26,1,.42,1.49s.33,1,.49,1.43l1,2.77c.65,1.82,1.28,3.55,1.91,5.21,1.4,3.28,2.85,6.25,4.19,9,.63,1.39,1.47,2.64,2.17,3.88s1.47,2.4,2.16,3.55,1.36,2.25,2.12,3.27l2.22,3c7,12.2,15.69,25.43,26.16,37,1.23,1.51,2.64,2.85,4,4.22l4.07,4.09c.66.7,1.4,1.3,2.11,1.93l2.14,1.86,4.24,3.67c5.46,4.4,10.45,8.33,14.63,12-3.94-2.83-8.16-5.52-12.54-8.3a172.33,172.33,0,0,1,13.73,12.82c5.68,5,8.63,9.14,10,12.28a12.59,12.59,0,0,1,1,4.11,11.09,11.09,0,0,1-.4,3.69,26.09,26.09,0,0,1-2.15,5c-.56,1.06-1.21,2.21-2,3.48l-3.16,5.38a61.85,61.85,0,0,0-4,8,33.65,33.65,0,0,0-2.25,9.09,26.81,26.81,0,0,0,.06,4.9,21.28,21.28,0,0,0,1.2,5.05,22.13,22.13,0,0,0,6.55,9.3,25.87,25.87,0,0,0,14,6.14,39.93,39.93,0,0,0,7.31.22,49.67,49.67,0,0,0,7-1c.55-.11,1.1-.26,1.64-.41s1.08-.29,1.64-.47l3-.93c1.44-.46,2.76-1,4.05-1.53s2.5-1.05,3.64-1.61,2.26-1,3.26-1.63a60.49,60.49,0,0,0,16-12.28c.8-.92,1.52-1.8,2.2-2.64.34-.42.68-.83,1-1.24l.88-1.27c.58-.83,1.14-1.65,1.7-2.47s1.06-1.71,1.61-2.58c2.2-3.51,4.63-7.51,7.91-13.62a80.78,80.78,0,0,0,7.77-13.61,85.54,85.54,0,0,0,5-15,87.14,87.14,0,0,0,2-15.8,83.81,83.81,0,0,0-.91-16l-.45,1.53a102.79,102.79,0,0,0-7.08-17.47l-.45-.84-.34-.58-.61-1.07c-.38-.71-.85-1.37-1.25-2.06s-.83-1.39-1.3-2.06l-.68-1-.35-.54-.17-.26-.09-.14s0-.05,0-.07l.06-.05c1.19-1,2.48-2.07,3.83-3.36a64.28,64.28,0,0,0,5.14-5.55,76.28,76.28,0,0,0,6.87-9.75,74.78,74.78,0,0,0,6.48-14L336,465.12a55,55,0,0,0,2.27,17.78c.25.8.5,1.62.76,2.44s.62,1.63.93,2.46c.61,1.68,1.45,3.3,2.24,5a64.53,64.53,0,0,0,6.35,9.91c-.22-1.56-.46-3.05-.58-4.57a51.23,51.23,0,0,0,12.7,14.79,55.55,55.55,0,0,0,15,8.4l2,.75c.69.25,1.4.44,2.11.66s1.42.44,2.15.63l2.23.53c1.49.4,3.06.6,4.65.9.8.14,1.62.21,2.45.32s1.66.22,2.52.25a67.24,67.24,0,0,0,11.06-.07,59.48,59.48,0,0,0,12.61-2.59,60.52,60.52,0,0,0,16.06-8,61.46,61.46,0,0,0,22.7-30.84q1.11-3.31,2-6.81c.3-1.15.51-2.36.77-3.53l.09-.45a1,1,0,0,0,0-.21l-.12.09-.5.36-1,.72a20.11,20.11,0,0,1-8.36,3.49,11.29,11.29,0,0,1-4.32-.34l-1.09-.26c-.18,0-.35-.17-.52-.28l-.52-.36q-.53-.36-1.05-.69l-.53-.33-.27-.16c-.08-.06-.16-.17-.25-.25l-9.45,5.07-.27.14-.18.06-.38.14-.74.26-1.46.53-2.86,1-.7.24-.34.12-.27,0-1.07.11-2.09.2-1,.1a4.61,4.61,0,0,1-1,0l-1.84-.05-1.51-.2-.75-.1-.58-.14-2.29-.55a22.86,22.86,0,0,1-2.22-.68c-.72-.25-1.47-.43-2.16-.73a43.6,43.6,0,0,1-4.05-1.8l-1.93-1-1.81-1.14a33.65,33.65,0,0,1-3.38-2.41,14,14,0,0,1-1.54-1.33l-1.5-1.36c-.89-1-1.82-1.95-2.66-3l-1.2-1.56a14.64,14.64,0,0,1-1.13-1.58,43,43,0,0,1-7.35-27.72,34.8,34.8,0,0,1,4-13.19c2.26-4.11,5.32-7.88,8.2-11.85a65,65,0,0,0,4.06-6.21,30.35,30.35,0,0,0,2.8-7,21,21,0,0,0,.64-7.5,13.72,13.72,0,0,0-.88-3.72,14.63,14.63,0,0,0-.8-1.76,17.44,17.44,0,0,0-1.07-1.62,18.54,18.54,0,0,0-3-3c-1.09-.88-2.27-1.71-3.51-2.59a35.44,35.44,0,0,1-3.66-2.85c-.58-.54-1.17-1.08-1.75-1.64l-1.58-1.83a34.24,34.24,0,0,1-5.17-10.6,40.81,40.81,0,0,1-1.6-10.64,43.52,43.52,0,0,1,.89-9.68,40.14,40.14,0,0,1,2.71-8.21,36.81,36.81,0,0,1,7.71-11,21.8,21.8,0,0,1,3.66-2.87,8.91,8.91,0,0,1,3-1.16l-2.19,1.85-2.08,2a52.52,52.52,0,0,1,11.24-4.2c-.09-1-.16-2-.22-3a81.09,81.09,0,0,1,14.16-5.93,109.8,109.8,0,0,1,16.38-3.54c11.16-1.45,22.19-1.05,30.25.76,14.77-1,29.92-.54,45-.3-11-.89-23.1-2.83-35.35-4.07l1.18.84a228.4,228.4,0,0,0-26.07-.46c-5.11.24-10.25.69-14.94,1.31s-8.93,1.37-12.24,2a114.79,114.79,0,0,1,15.81-3.91c-4.68.43-7.21.77-8.33.74s-.81-.3.26-.71a66.3,66.3,0,0,1,10-2.51c9.56-.65,16-.48,20.85-.48s8,0,10.89-.08a152.16,152.16,0,0,1,24.83.86c6.39,1.12,18.47,2.92,13.89,3.13,8.37.77,23.46,3,36.67,3.35,13.23.51,24.4-1.22,24.89-2.64,1.41-.08,1.95,0,3.24-.1-3.08-1.89-9.14-3.28-17.16-5.26S538.53,293.85,527.13,290.58Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-4"
d="M508.34,464.47c6.87,7.75,18.61,11,28.28,7.27a31.51,31.51,0,0,0,7.67-4.41,28.55,28.55,0,0,0,8.24-9.13c4.94-9.27,1.79-21.56-6-28.64-8.74-8-25.21-12.18-35.32-4.82C498.81,433.79,498.43,453.29,508.34,464.47Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-4"
d="M513.52,456.51c-.36-.32-.8-.59-1.19-.88a8,8,0,0,0-1.26-.81c-.06-2.36-1.11-3.63-2.12-5.26a7.2,7.2,0,0,1-1.46-5.95c.05-.55.09-1.08.11-1.59s.13-1,.19-1.49c0-.24,0-.48.08-.72l.15-.69c.1-.46.21-.91.31-1.36a9.54,9.54,0,0,1,2.94-4.74,2.32,2.32,0,0,1-.45-1.29,2.29,2.29,0,0,1,.42-1.18,4,4,0,0,1,1-1.1c.44-.31.92-.62,1.41-.92,2-1.08,4.22-1.35,5.47-3a5.39,5.39,0,0,0,1.3-.84,2.72,2.72,0,0,0,.82-.85c.32-.57.16-1.11-.85-1.33a6,6,0,0,1,1.92,0,4.35,4.35,0,0,1,1,.45,3.16,3.16,0,0,0,2.47.28c-.35.43-.68.86-1,1.3a6.48,6.48,0,0,0,2.94,1.05,19.09,19.09,0,0,1,1.53-1.15,6.69,6.69,0,0,0,4.16,1.17,15.27,15.27,0,0,1,2.14.27,6,6,0,0,1,2.2,1.14c-.86-1-.55-1,.05-1s1.43.25,1.56-.31a7.42,7.42,0,0,0,1.06,1.31c.38.45.6.79.17.76a10.83,10.83,0,0,0,2,1.17c.68.32,1.38.58,2,.92,1.25.61,2.18,1.44,2,2.75l1.21.46A3.18,3.18,0,0,1,549,434a3.61,3.61,0,0,1,.64,1.19c.15.42.27.86.38,1.28s.19.89.34,1.32l.79-.12a5.35,5.35,0,0,1,1.17,2,4.17,4.17,0,0,1,.11,2.27,30.39,30.39,0,0,0,1.48,5,24,24,0,0,1,1.23,5.58c-.77,1.64-.55,2.18-.23,2.79a4.2,4.2,0,0,1,.48,1.06,3.19,3.19,0,0,1-.11,1.9c-.66.92-1.25,2.3-2,3.48s-1.56,2.17-2.39,2.3a5,5,0,0,0,1.08-3.13,5.43,5.43,0,0,1,1-3.05c-.56.34-.18-.85,0-1.87s.12-1.86-.76-.9a7.18,7.18,0,0,1-.31,2.05,9,9,0,0,1-.79,2,18.28,18.28,0,0,1-2.6,3.63c-2,2.23-4.32,4.07-6,6.21-.43-1-1.88-.32-3.51.53l-2.51,1.32c-.82.39-1.56.75-2.07,1l-.28-.51c-.93.08-1.71.18-2.63.31l-.71.15c-.25,0-.51.09-.79.16-.55.13-1.18.3-1.92.45-3.51.22-7.24-.37-9.53-2.56a18.85,18.85,0,0,0-5.68-3.22c-1-.37-1.94-.76-2.84-1a18.54,18.54,0,0,0-2.25-.69c1.25,2.78,3.79,4.4,6.08,5.62s4.46,2.2,6.17,4.43c-.49-.22-.92-.4-1.31-.56s-.73-.32-1-.43a12.35,12.35,0,0,0-1.66-.47,14.93,14.93,0,0,0-1.63-.19c-.59-.09-1.28-.18-2.16-.37l1.26,1.48-1.53-.36c.16.5-.27.65-.79.75s-1.08.12-1.18.51c.83.54,1.71,1,2.56,1.45s1.76.85,2.67,1.22c-2.61-1.86-.34-1.74.71-2.13.86.41,1.69.88,2.58,1.22-.55-.51-2-1.41,0-1.16a10.79,10.79,0,0,0,1.78.51,5,5,0,0,1,1.86.68c-.82.36-1.69.72-2.57,1a5.9,5.9,0,0,1,2.52.32,17.27,17.27,0,0,1,2.27.9,12,12,0,0,0,2.38.74,5.49,5.49,0,0,0,2.63-.26c.39.53.81,1.05,1.25,1.56a34.91,34.91,0,0,0,3.64-.59l-.31.63c.75-.06,1.49-.24,2.24-.37a21.92,21.92,0,0,0,2.23-.54,4.36,4.36,0,0,0,2-1.46,3,3,0,0,0,.39-1.16c1.59-.78,2.88-1.8,3.65-1.85-.4.63-.82,1.25-1.27,1.86.61-.2,1.21-.42,1.8-.64-1.26.36,1-1.32,1.16-1.9,1.73-1,2.27-1.42,2.74-1.64s.83-.28,2.08-.74a19.59,19.59,0,0,1,2.88-2.76c.89-.8,1.47-1.5,1-2a22,22,0,0,0,5.18-6.16,27.76,27.76,0,0,0,2.87-7.8c-.15-.8-.3-1.59-.47-2.36a14.84,14.84,0,0,0,.55-3.95c0-.59,0-1.17-.09-1.72s-.18-1.08-.29-1.61c-.19-1.07-.58-2.08-.9-3.21s-.8-2.32-1.36-3.68l.52.32-1-1.35-1.1-1.25a9.89,9.89,0,0,0-2.6-4.56,24.06,24.06,0,0,1-3.46-4.67,12.63,12.63,0,0,0-2.55-2.5,7.2,7.2,0,0,0-2.33-1.2,6.44,6.44,0,0,0-2-.3,7.36,7.36,0,0,0-1.8.32,9.52,9.52,0,0,1-3.37-1.71,21.36,21.36,0,0,0-3.08-2c.51,0,1-.06,1.52,0-.45-.46-.94-.87-1.43-1.29-.76-.19-1.33-.38-1.82-.54l-1.38-.42a13.69,13.69,0,0,0-4-.55,8.13,8.13,0,0,0-3.13-.39,3.4,3.4,0,0,0-1.7.75,10.84,10.84,0,0,0-1,1.13,3.84,3.84,0,0,1-1.26,1l-1.28-.38c-.44-.11-.88-.19-1.32-.28l-1.36-.26c-.46-.07-.93-.1-1.4-.14l.2.34a13.52,13.52,0,0,1-1.53,1.34,3.77,3.77,0,0,1-1.33.66l-.92.26c-.35.12-.75.27-1.23.46a10.52,10.52,0,0,0-1.63.74c-.59.36-1.3.76-2.05,1.3l.92.71A3.36,3.36,0,0,0,508,425a13,13,0,0,1-1.87,2.92,8.27,8.27,0,0,1-1.12,1.12l-.83.73a10.12,10.12,0,0,0-.81.9,7.75,7.75,0,0,0-1.37,2.1,4.68,4.68,0,0,0-.4,2.25,8,8,0,0,0-1.13,3.3,10.56,10.56,0,0,0,.24,3c.24.94.48,1.83.69,2.73a9.86,9.86,0,0,1,.39,2.87,5,5,0,0,0,.35,3.12c.3.78.42,1.32-.45,1.76l-.1-.46c-.54.43-1.09.89-1.61,1.35l1.31-.18a16.23,16.23,0,0,0,.36,2.69,4.28,4.28,0,0,1-.11,2.8c.58.44,1.28.82,1.89,1.2s1.23.73,1.9,1a6.1,6.1,0,0,1-1.22-2.5l-.29.24a14.47,14.47,0,0,1-.89-1.89,9.39,9.39,0,0,1-.38-1.13,3.27,3.27,0,0,1,0-1,12,12,0,0,0,.78,1.09c-.13-1.48.77-.49,1.12-.22.41,2.85,1.33,1.67,2.49,3.38,0,.5.39,1.32-.12,1.24.46.44.84,1.54,1.42,2.34s1.17,1.42,1.7,1c0,.12,0,.19,0,.31a19.2,19.2,0,0,0,1.92-3.14C512.42,458.8,512.92,457.67,513.52,456.51Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-3"
d="M529.88,344.5c14.72-2.73,29.79-2.9,44.77-3.05a134.76,134.76,0,0,0-36.57,14c-5.89,3.3-11.56,7.07-17.86,9.48s-31.44,9.8-24.57-4.6C500.73,349.68,519.58,346.42,529.88,344.5Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-3"
d="M524.16,336.49a16.43,16.43,0,0,0-3.89,2.14A13.44,13.44,0,0,0,512,341.2c-.59.36-1.17.75-1.77,1.14s-1.17.73-1.9,1.15-1.52.81-2.35,1.18l-1.62.76c-.59.27-1.2.53-1.85.78a28.56,28.56,0,0,0-9.06,7.51,30.91,30.91,0,0,0-4.64,8.91c1,.37,1.25,1.3,1.43,2.63.08.33.12.69.18,1.07s.15.78.3,1.19a7.1,7.1,0,0,0,1.19,2.36,8.42,8.42,0,0,0,4,2.87,8.23,8.23,0,0,0,5.13.05,9.46,9.46,0,0,0,4.47-1.42c.86-.63.9-1.19-.07-1.4a6.17,6.17,0,0,1,3.46.13c.65.2,1.35.36,3.34-.47a22.74,22.74,0,0,1-1.48,1.73c.7,0,1.47.1,2.34.09a9.5,9.5,0,0,0,1.37-.14,6,6,0,0,0,1.35-.4,5.3,5.3,0,0,0,.7-.91l.59-.89a7.47,7.47,0,0,0,5-1.64,14.46,14.46,0,0,1,4.87-2.6c-3,.37.79-1.29,0-2.14.83.19,3.21-.82,2.64,0,3.37-1.4,5-5.15,7.7-4.43l.81-1.18c1.51-1.82,3.57-1.73,5.49-2.39l-.09-.8a7.1,7.1,0,0,1,4.62-1.84c3.35-1.1,6.76-4.33,10-6.42,3.72-.48,1.49-2,4.53-3.55,2.16-.21,5.44-2.23,7-1.52-2.84.88-2.65,3-5.71,3.46,1.31.29-4.7,2.33-1.78,2.45,3.54-2.49,8.37-3.39,12.6-4.59l-.11-.9a21.08,21.08,0,0,0-5.17.89c.38-2.09-6.76-1.13-9.13-.77l-.17-.55a15.74,15.74,0,0,0-6.82.54c-3.89.34-7.68,1-11.09.12a13.3,13.3,0,0,0-7.38.92,15.73,15.73,0,0,0-4.88,3c3,.36,5.79-.35,8.42-.8s5.1-.59,7.4.92c-4.07-.23-4.29.58-7.21,2l1.69.49-1.25.58c.75.63-.88,1.47-.59,2.19,1.55-.2,3.11-.39,4.67-.55-2.58-.38-1-1.36-.35-2.22l2.48.05c-.6-.31-2.15-.48-.39-1.09,1,.06,2.29-.48,3.43,0l-1.84,1.73c2.92-1.48,5.38,1.45,8.32.07l1,1.61,2.85-.23-.31.59,3.43.13c1.85-.31,2.12-1.07,2.43-1.65,1.44-.09,2.83-.36,3.42,0l-1.66,1,1.55.29c-1.06-.31,1.28-.63,1.66-1,3.49.19,2.47.06,4.67.88a5.66,5.66,0,0,1,.93-.18l-1.94-16.7c-2.07.68-4.43.5-4.26,1.64A51.94,51.94,0,0,0,555.61,338l-1.45,1.4c-5,.9-6.62,2.9-11.17,5.25l.2-.53c-.69.72-1.39,1.43-2.07,2.16-3.79,1-4.24,3.45-8.6,4.65-4.32,1.87-5.26,4-5.68,6.27-1.48,1.79-4.41,1.94-6.1,2.57l.83-1.06h-1.65c-2.25,1.26-2.44.76-5.57,2.48a8.29,8.29,0,0,0-.83.15,2.85,2.85,0,0,0-.41.09,1,1,0,0,0-.48.28,3.86,3.86,0,0,0-.63,1,6.53,6.53,0,0,1-1.68,2.66,4.57,4.57,0,0,1-2.14-1.42l-.25.43c-1.71,1.29-2.47,1.56-3.16,1.55a8.17,8.17,0,0,1-1.32-.24c-.28-.09-.62-.17-1-.3a6.14,6.14,0,0,1-1.39-.64c-.61.44-1.22.88-1.81,1.34.32-1.16-.24-1.53-1-2s-1.5-1.07-1-2.34c.09-.61,1.49-2,2.66-3a13.38,13.38,0,0,0,1.51-1.51,1.48,1.48,0,0,0,.43-1.34c.57-.34,1.08-.57,1.45-.85s.68-.56,1-.81a15.34,15.34,0,0,0,1.36-1.74c.23-.31.46-.64.74-1a10.53,10.53,0,0,1,.95-.93,7.88,7.88,0,0,1,2.69-1.52,7.43,7.43,0,0,0,3.21-1.13c.8-.4,1.39-.6,1.89.22l-.45.16,1.45,1.48-.24-1.3c1.66,0,3.79-1,5.44.14,1-1,2.08-2.1,3.15-3.12a8.52,8.52,0,0,1-2.92.54l.18.34c-.95.24-3.18,1.05-4.39.86l1.2-.76c-1.59.09-.48-.84-.09-1.14,3.22-.12,2.09-1.16,4.41-1.95.56.05,1.61,0,1.31.45,1.35-.53,5.18-.25,5.06-1.56.13,0,.19.08.31.12A14.52,14.52,0,0,0,524.16,336.49Z"
transform="translate(-161.16 -41.05)"
/>
<path
class="cls-5"
d="M532.17,398.55c12.55,4.61,25.86,4.6,39,3.26,5.52-.57,11.24-1.4,15.84-4.5a87.29,87.29,0,0,1-14.42-28.65c-1.49-5.16-3-9.7-.69-14.74a23.13,23.13,0,0,1,9.43-10.47c-31.37-6.92-59.73,28.12-91.55,23.74-3.57-2.93.7-8.41,4.72-10.67a140.64,140.64,0,0,1,93.18-15.61c3.15.57,6.42,1.32,8.87,3.38,4.64,3.92,4.69,10.9,4.87,17a110.19,110.19,0,0,0,41.22,82c8.14,6.44,17.59,12.15,22,21.51s.18,23.64-10.17,24.37c-4.48.32-8.7-2-13.12-2.78s-10.12.77-10.95,5.19c-.42,2.22.56,4.42,1.3,6.55a33.49,33.49,0,0,1-7.59,33.69c5.53,5.65,11.48,12.44,10.58,20.29-.71,6.14-5.48,11-7.86,16.65-8.58,20.47,14.92,45,4.59,64.68-3.08,5.84-8.68,9.91-14.39,13.22-30.6,17.77-68,19.34-103.18,15.21-18.31-2.15-36.87-5.95-54.16-12.41-17.75-6.64-34.17-16.07-47.62-29.4-14-13.83-24-31.1-33.17-48.47-12.1-22.84-23.35-47.3-23.21-73.15,11.3,17.84,33.42,28.18,54.35,25.4s39.6-18.52,45.86-38.69c-10.2,18.53-37.1,23.31-55.57,13s-28.53-31.92-29.71-53c-.27-4.85-.1-9.9,2-14.27,6.26-12.86,27.46-16.74,27.61-31,.13-11.83-14.22-17.11-23.66-24.22-17.65-13.31-19.17-43.08-3-58.11,16.95-15.71,43.4-12.93,65.46-19.81,32.77-10.22,55.62-45.66,51.41-79.73-1.27-10.31-4.9-20.6-11.91-28.27s-17.74-12.34-28-10.47c-6.73,1.23-12.71,5.08-17.89,9.56C422,198,413.68,211.35,414,225.6c.25,11.24,5.79,21.75,12.72,30.6,30.6,39.1,96.44,49.17,142.2,39.26,27-5.85,52.76-20.78,67.77-44,16.06-24.85,18.35-56.33,14.78-85.7a75.75,75.75,0,0,1-22.87,38.76C630.47,182,632,158,621.31,138c-4.46-8.3-10.87-15.42-17.83-21.78C569.15,84.9,519.16,71.66,473.82,81.9S389,125.56,371.48,168.61c-2.69,6.6-4.92,13.73-3.83,20.78.66,4.28,4.86,9.18,8.5,6.83,1.45-.93,2.09-2.69,2.49-4.36,2.5-10.31-.68-21.45-6.85-30.08s-15.1-14.95-24.55-19.76C259,97.14,177.33,194.94,187.68,279.15c4.2,34.09,19.17,67.62,45.23,90,20.62,17.71,51,27.63,75.31,15.38,6.62-3.34,12.66-8.44,15.54-15.28,4.29-10.2.64-22.34-6.21-31C307,324.86,289.78,318,272.8,316.75s-33.93,2.43-50.37,6.88C213.32,326.1,204,329,196.78,335c-9.72,8.19-14.18,21-16.92,33.39-10.75,48.56.64,104.09,37.76,137.2,10.72,9.55,23.16,17,34,26.46s20.19,21.72,21.84,36-6.79,30.29-20.84,33.24a37.28,37.28,0,0,0,23.78,18.21c13.95,3.32,19.43-2.26,30.45-11.45a43.69,43.69,0,0,0,15.08-38.39c-2.65-1.89-5.49,2.16-6.18,5.33-3.91,17.9-5.33,36.24-8.35,54.3a312.09,312.09,0,0,1-76.43,157.5c48.63,17.94,85.48,60.93,135.18,75.69,43.23,12.84,89.65,2.45,134.67,5.22-38.67-68.62-78-139.06-90.69-216.8A1022.62,1022.62,0,0,0,498.3,804.6c-4.16-35.8-5.55-74.53,8.07-108.58,4.46-11.14,11.26-21.64,21-28.62"
transform="translate(-161.16 -41.05)"
/>
</svg>벡터 이미지는 라인의 좌표를 다 따는 거라서 생각보다 길다... 하여튼...
이제 창을 띄우고, 각 class 들이 어떤 구획을 담당하는지 지워보며 파악한다. 위 코드에서는 cls-5가 선을 담당하고 있고 나머지는 뒷부분의 채색인 것 같다.
구역을 파악했으니 이제 css로 이동해서 조금씩 만져주면 된다.
svg {
width: 600px;
.cls-5 {
stroke-width: 6px;
stroke-dasharray: 1000;
}
}stroke로도 여러 설정이 있는데, width는 벡터선의 굵기를 지정해준다. stroke-dasharray와 stroke-dashoffset 은 페어 같은 개념.
음. 벡터 라인은 점선으로 만들어지기 때문에 점 - 공간 개념으로 이해하면 된다...
부가적으로 설명하려니 어렵네...
하여튼 stroke-dasharray에 대충 1000정도 넣고 웹에 들어가서 보면 라인이 뚝 끊겨서 나타난 걸 볼 수 있다. f12로 창 열어서 cls-5부분 클릭, stroke-dasharray의 숫자를 쭉 올려주며 선이 끊김없이 원본처럼 나타나는 길이를 찾는다. (ctrl+위 방향키 하면 10씩 올라감. 100올라가는 shift써도 됨.)
이 그림에서는 대략 4860에서 원본과 같은 모습을 취하는 걸 알아냈다.
숫자를 복사해서 css로 넘어간다.
stroke-dasharray와 stroke-dashoffset 둘 모두에 4860으로 넣어준다. 이러면 선이 완전히 사라질 텐데, 당황할 것 없다.
이제 stroke-dashoffset의 수치가 0으로 줄어들면 자연스럽게 선이 그려지는 것처럼 보이리라고 예상할 수 있다.
여기서 잠깐,
선 아닌 채색 부분들도 서서히 나타나도록 효과를 넣을 것이기에, 각 클래스마다 다 opacity0을 줘서 숨겨준다.
svg {
width: 600px;
.cls-5 {
stroke-width: 6px;
stroke-dasharray: 4860;
stroke-dashoffset: 4860;
}
.cls-1 {
opacity: 0;
}
.cls-2 {
opacity: 0;
}
.cls-3 {
opacity: 0;
}
.cls-4 {
opacity: 0;
}
}
여기부터는 java script로 이동한다.
html 안에 <script>만들고... 이제 뭘 해야 할까?
바로바로 1) 선이 나오게 한다. 이를 위해선 cls-5의 stroke-dashoffset:0이 되어야 한다. 2) 채색 파트 클래스들이 opacity:1이 되게 한다.
이 두 개가 이어서 벌어지게 하려면 gsap의 타임라인 효과를 써야 함. gsap js는 미리 깔아뒀기 때문에 바로 적용했다.
const svgTL = gsap.timeline();
svgTL.to(".cls-5", { strokeDashoffset: 0, duration: 15 });const를 통해 svgTL이라는 타임라인(연이어 나타나게 하는 거)을 만들어준 뒤, gsap의 .to로 cls-5의 stroke-dashoffset을 0으로 가도록 만들어준다. 이때 java script는 -를 쓸 수 없기 때문에 대문자로 d를 바꾸고 조금 속도를 조절하려 duration은 15로 맞춰줬다. 이제 선이 나타나는 것을 볼 수 있다!
선에서 멈추지 않고 채색도 나타나게 하기 위해 TL 안에 이어붙인다.
<script>
const svgTL = gsap.timeline();
svgTL.to(".cls-5", { strokeDashoffset: 0, duration: 10 }).to(".cls-1", { opacity: 1 }).to(".cls-2", { opacity: 1 }).to(".cls-3", { opacity: 1 }).to(".cls-4", { opacity: 1 });
</script>최종적으로 이런 모양이면 완성!
개념은 안 어려운데 사실 벡터이미지 구하는게 제일 어려운듯..... ai 해서 그리고싶다...
- timeline() 안에 repeat: -1로 하면 무한반복 가능.
- .to말고 .from 쓰면 다른 효과도 가능.
- {strokeDashoffset: 0, duration:10, ease: "bounce" }같이 ease로 gsap의 효과도 줄 수 있음. 물론 잘 안 쓰겠지만...