blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-04-05 19:41:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(login): 修改登录样式，增加注册、重置密码

Browse Source
This commit is contained in:
chen.home 2023-03-16 23:36:26 +08:00
parent cd966ae137
commit 53351c5f8b
13 changed files with 955 additions and 203 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -70,6 +70,7 @@
"eslint-plugin-import": "^2.27.5",
"eslint-plugin-vue": "^9.9.0",
"husky": "^8.0.3",
"less": "^4.1.3",
"lint-staged": "^13.1.0",
"mockjs": "^1.1.0",
"naive-ui": "^2.34.3",

BIN
src/assets/img/login-bg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

1
src/assets/svg/login-bg.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 7.9 KiB

117
src/assets/svg/login-illus-lt.svg Normal file
View File

@ -0,0 +1,117 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1180 542" height="542px" width="1180px">
<title>星球</title>
<defs>
<polygon points="0 0.127105505 51.1936522 0.127105505 51.1936522 51.3215612 0 51.3215612" id="path-1"></polygon>
<polygon points="0.190480712 39.5168563 328.523905 171.128128 344.168534 132.098685 15.8351098 0.487412844" id="path-3"></polygon>
<linearGradient id="linearGradient-5" y2="59.4903643%" x2="97.7258114%" y1="40.5095939%" x1="2.27407711%">
<stop offset="0%" stop-color="#D4EEFF"></stop>
<stop offset="100%" stop-color="#D4EEFF"></stop>
</linearGradient>
<polygon points="0.291323442 32.348526 273.659157 141.927477 286.447976 110.023645 13.0794421 0.445394495" id="path-6"></polygon>
<linearGradient id="linearGradient-8" y2="59.4664183%" x2="97.7654495%" y1="40.5334168%" x1="2.23456789%">
<stop offset="0%" stop-color="#D4EEFF"></stop>
<stop offset="100%" stop-color="#D4EEFF"></stop>
</linearGradient>
<polygon points="0.373331549 0.535733945 222.76908 0.535733945 222.76908 222.934018 0.373331549 222.934018" id="path-9"></polygon>
<polygon points="0.601554896 63.6641009 5.01902671 124.933856 28.4516558 106.9423 22.3289614 0.0287125382" id="path-11"></polygon>
</defs>
<g fill-rule="evenodd" fill="none" stroke-width="1" stroke="none" id="Page-1">
<g transform="translate(-4812.000000, -3624.000000)" id="背景">
<g transform="translate(4812.000000, 3624.000000)" id="星球">
<g transform="translate(0.000000, 33.779251)" id="BG">
<path fill="#C3E4FF" id="Fill-1" d="M308.728127,25.9414281 C308.728127,40.0785015 297.267771,51.5390061 283.131581,51.5390061 C268.994691,51.5390061 257.534335,40.0785015 257.534335,25.9414281 C257.534335,11.8043547 268.994691,0.344550459 283.131581,0.344550459 C297.267771,0.344550459 308.728127,11.8043547 308.728127,25.9414281"></path>
<path fill="#C3E4FF" id="Fill-3" d="M1024.0949,295.34102 C1024.0949,309.478093 1012.63524,320.937898 998.497652,320.937898 C984.361462,320.937898 972.901106,309.478093 972.901106,295.34102 C972.901106,281.203946 984.361462,269.744142 998.497652,269.744142 C1012.63524,269.744142 1024.0949,281.203946 1024.0949,295.34102"></path>
<path fill="#D6EEFF" id="Fill-5" d="M1145.85423,25.9414281 C1145.85423,40.0785015 1134.39458,51.5390061 1120.25699,51.5390061 C1106.1208,51.5390061 1094.66044,40.0785015 1094.66044,25.9414281 C1094.66044,11.8043547 1106.1208,0.344550459 1120.25699,0.344550459 C1134.39458,0.344550459 1145.85423,11.8043547 1145.85423,25.9414281"></path>
<g transform="translate(0.000000, 233.902141)" id="Group-9">
<mask fill="white" id="mask-2">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-8"></g>
<path mask="url(#mask-2)" fill="#D6EEFF" id="Fill-7" d="M51.1936522,25.7239832 C51.1936522,39.8610566 39.7332961,51.3215612 25.5971062,51.3215612 C11.460216,51.3215612 -0.000140059347,39.8610566 -0.000140059347,25.7239832 C-0.000140059347,11.5869098 11.460216,0.127105505 25.5971062,0.127105505 C39.7332961,0.127105505 51.1936522,11.5869098 51.1936522,25.7239832"></path>
</g>
<path fill="#C3E4FF" id="Fill-10" d="M551.255803,446.524649 C551.255803,447.750184 551.171767,448.95471 551.003696,450.131224 C549.400017,461.532202 540.27515,470.524129 528.80429,471.931744 C527.774853,472.057098 526.724408,472.120826 525.659957,472.120826 C511.520966,472.120826 500.064112,460.663823 500.064112,446.524649 C500.064112,440.544037 502.108978,435.046637 505.540432,430.690735 C510.218414,424.766147 517.445477,420.956484 525.575922,420.928472 L525.659957,420.928472 C539.798948,420.928472 551.255803,432.385475 551.255803,446.524649"></path>
<path fill="#D6EEFF" id="Fill-12" d="M551.003486,450.131154 C549.399807,461.532132 540.27494,470.524059 528.80408,471.931674 C528.40491,470.454729 528.194821,468.89935 528.194821,467.295649 C528.194821,457.435343 536.19221,449.430848 546.059391,449.430848 C547.775818,449.430848 549.434821,449.675955 551.003486,450.131154"></path>
<path fill="#D6EEFF" id="Fill-14" d="M525.659747,422.328873 C525.659747,424.394775 525.127522,426.341625 524.196127,428.029362 C523.033634,430.123277 521.254881,431.832023 519.097967,432.896488 C517.522299,433.68083 515.743545,434.122023 513.86675,434.122023 C510.617373,434.122023 507.676127,432.805448 505.540222,430.690524 C510.218204,424.765937 517.445266,420.956274 525.575712,420.928261 C525.631735,421.38346 525.659747,421.852665 525.659747,422.328873"></path>
<path fill="#D6EEFF" id="Fill-16" d="M528.196642,432.552708 C528.196642,435.068906 526.156678,437.108897 523.639811,437.108897 C521.123645,437.108897 519.083681,435.068906 519.083681,432.552708 C519.083681,430.035809 521.123645,427.995818 523.639811,427.995818 C526.156678,427.995818 528.196642,430.035809 528.196642,432.552708"></path>
</g>
<g transform="translate(273.816024, 241.770076)" id="Group-21">
<mask fill="white" id="mask-4">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-20"></g>
<polygon points="0.190480712 39.5168563 328.523905 171.128128 344.168534 132.098685 15.8351098 0.487412844" mask="url(#mask-4)" fill="url(#linearGradient-5)" id="Fill-19"></polygon>
</g>
<g transform="translate(506.314540, 236.867936)" id="Group-24">
<mask fill="white" id="mask-7">
<use xlink:href="#path-6"></use>
</mask>
<g id="Clip-23"></g>
<polygon points="0.291323442 32.348526 273.659157 141.927477 286.447976 110.023645 13.0794421 0.445394495" mask="url(#mask-7)" fill="url(#linearGradient-8)" id="Fill-22"></polygon>
</g>
<g transform="translate(7.002967, 0.164572)" id="Group-122">
<path fill="#D6EEFF" id="Fill-25" d="M795.316709,369.072787 C791.785812,377.882634 781.781373,382.161503 772.97094,378.630561 C764.161207,375.098919 759.881694,365.09435 763.41329,356.284503 C766.944887,347.474656 776.949326,343.195087 785.759759,346.726729 C794.569492,350.258371 798.848305,360.26294 795.316709,369.072787"></path>
<path fill="#D6EEFF" id="Fill-27" d="M622.673745,401.041047 C618.353614,411.818754 606.114528,417.053539 595.336961,412.733353 C584.558694,408.413166 579.324677,396.173922 583.644807,385.396215 C587.964938,374.618509 600.203323,369.383723 610.981591,373.703909 C621.758457,378.024096 626.993875,390.263341 622.673745,401.041047"></path>
<path fill="#AAD5FF" id="Fill-29" d="M614.395397,397.722788 C611.907943,403.928898 604.860857,406.943014 598.654827,404.455528 C592.448798,401.968042 589.43472,394.920865 591.922174,388.714754 C594.409628,382.508644 601.456715,379.494528 607.663445,381.982014 C613.868774,384.469501 616.883551,391.516678 614.395397,397.722788"></path>
<path fill="#AAD5FF" id="Fill-31" d="M787.943074,366.117006 C786.04457,370.854575 780.66419,373.15578 775.926682,371.256551 C771.189175,369.358022 768.888,363.977572 770.787205,359.240003 C772.686409,354.502435 778.066089,352.20123 782.803596,354.100459 C787.541104,355.999688 789.842279,361.379438 787.943074,366.117006"></path>
<path fill="#D6EEFF" id="Fill-33" d="M278.193439,362.96395 C273.351587,362.96395 269.424323,374.876151 269.424323,389.567867 C269.424323,374.876151 265.49916,362.96395 260.655207,362.96395 C265.49916,362.96395 269.424323,351.051748 269.424323,336.360032 C269.424323,351.051748 273.351587,362.96395 278.193439,362.96395"></path>
<path fill="#C3E4FF" id="Fill-35" d="M120.024488,419.946573 C120.024488,423.438998 117.193188,426.271035 113.700808,426.271035 C110.207728,426.271035 107.376428,423.438998 107.376428,419.946573 C107.376428,416.454148 110.207728,413.622811 113.700808,413.622811 C117.193188,413.622811 120.024488,416.454148 120.024488,419.946573"></path>
<path fill="#C3E4FF" id="Fill-37" d="M405.879243,405.327689 C405.879243,408.820114 403.047943,411.652151 399.555563,411.652151 C396.062483,411.652151 393.231183,408.820114 393.231183,405.327689 C393.231183,401.835264 396.062483,399.003928 399.555563,399.003928 C403.047943,399.003928 405.879243,401.835264 405.879243,405.327689"></path>
<path fill="#AAD5FF" id="Fill-39" d="M348.999601,198.568911 C348.999601,204.477391 344.210272,209.266783 338.301868,209.266783 C332.394165,209.266783 327.604135,204.477391 327.604135,198.568911 C327.604135,192.660431 332.394165,187.87104 338.301868,187.87104 C344.210272,187.87104 348.999601,192.660431 348.999601,198.568911"></path>
<path fill="#D6EEFF" id="Fill-41" d="M430.213224,40.2132404 C430.213224,43.7056654 427.381924,46.5370018 423.889544,46.5370018 C420.396464,46.5370018 417.565164,43.7056654 417.565164,40.2132404 C417.565164,36.7208153 420.396464,33.8894789 423.889544,33.8894789 C427.381924,33.8894789 430.213224,36.7208153 430.213224,40.2132404"></path>
<path fill="#D6EEFF" id="Fill-43" d="M275.748212,103.825169 C275.748212,107.317594 272.916913,110.14893 269.424533,110.14893 C265.931453,110.14893 263.100153,107.317594 263.100153,103.825169 C263.100153,100.332743 265.931453,97.501407 269.424533,97.501407 C272.916913,97.501407 275.748212,100.332743 275.748212,103.825169"></path>
<path fill="#D6EEFF" id="Fill-45" d="M13.0292309,44.1644358 C13.0292309,47.6568609 10.1979312,50.4881972 6.70555134,50.4881972 C3.21247122,50.4881972 0.381171513,47.6568609 0.381171513,44.1644358 C0.381171513,40.6720107 3.21247122,37.839974 6.70555134,37.839974 C10.1979312,37.839974 13.0292309,40.6720107 13.0292309,44.1644358"></path>
<path fill="#D6EEFF" id="Fill-47" d="M1087.65775,25.192241 C1087.65775,28.6846661 1084.82645,31.5160024 1081.33407,31.5160024 C1077.84099,31.5160024 1075.00969,28.6846661 1075.00969,25.192241 C1075.00969,21.6998159 1077.84099,18.8684795 1081.33407,18.8684795 C1084.82645,18.8684795 1087.65775,21.6998159 1087.65775,25.192241"></path>
<path fill="#D6EEFF" id="Fill-49" d="M1162.63054,134.173201 C1162.63054,137.665626 1159.79924,140.496962 1156.30686,140.496962 C1152.81378,140.496962 1149.98248,137.665626 1149.98248,134.173201 C1149.98248,130.680776 1152.81378,127.849439 1156.30686,127.849439 C1159.79924,127.849439 1162.63054,130.680776 1162.63054,134.173201"></path>
<path fill="#D6EEFF" id="Fill-51" d="M834.748737,220.926034 C834.748737,224.418459 831.917437,227.249796 828.425058,227.249796 C824.931977,227.249796 822.100678,224.418459 822.100678,220.926034 C822.100678,217.433609 824.931977,214.602273 828.425058,214.602273 C831.917437,214.602273 834.748737,217.433609 834.748737,220.926034"></path>
<path fill="#D6EEFF" id="Fill-53" d="M855.110005,37.8401841 C855.110005,41.3333095 852.278705,44.1646459 848.786325,44.1646459 C845.293245,44.1646459 842.461945,41.3333095 842.461945,37.8401841 C842.461945,34.347759 845.293245,31.5164226 848.786325,31.5164226 C852.278705,31.5164226 855.110005,34.347759 855.110005,37.8401841"></path>
<path fill="#C3E4FF" id="Fill-55" d="M1125.90194,425.43613 C1125.90194,428.928555 1123.07064,431.760592 1119.57826,431.760592 C1116.08518,431.760592 1113.25388,428.928555 1113.25388,425.43613 C1113.25388,421.943705 1116.08518,419.112369 1119.57826,419.112369 C1123.07064,419.112369 1125.90194,421.943705 1125.90194,425.43613"></path>
<path fill="#E8F6FF" id="Fill-57" d="M535.441352,44.1644358 C529.644296,44.1644358 524.941803,58.4275642 524.941803,76.0178456 C524.941803,58.4275642 520.242112,44.1644358 514.442254,44.1644358 C520.242112,44.1644358 524.941803,29.9013073 524.941803,12.3103257 C524.941803,29.9013073 529.644296,44.1644358 535.441352,44.1644358"></path>
<path fill="#E8F6FF" id="Fill-59" d="M867.814508,431.760452 C860.799636,431.760452 855.109725,449.018088 855.109725,470.301782 C855.109725,449.018088 849.424015,431.760452 842.406342,431.760452 C849.424015,431.760452 855.109725,414.502115 855.109725,393.218421 C855.109725,414.502115 860.799636,431.760452 867.814508,431.760452"></path>
<path fill="#D6EEFF" id="Fill-61" d="M366.616826,505.736416 C360.168494,505.736416 354.937277,521.602544 354.937277,541.171189 C354.937277,521.602544 349.708862,505.736416 343.257728,505.736416 C349.708862,505.736416 354.937277,489.869587 354.937277,470.301642 C354.937277,489.869587 360.168494,505.736416 366.616826,505.736416"></path>
<path fill="#D6EEFF" id="Fill-63" d="M1156.30665,289.422946 C1150.80722,289.422946 1146.34703,302.952154 1146.34703,319.63834 C1146.34703,302.952154 1141.88894,289.422946 1136.38811,289.422946 C1141.88894,289.422946 1146.34703,275.893738 1146.34703,259.207551 C1146.34703,275.893738 1150.80722,289.422946 1156.30665,289.422946"></path>
<path fill="#D6EEFF" id="Fill-65" d="M660.997274,527.347433 C660.997274,530.335638 658.574947,532.757995 655.586781,532.757995 C652.600015,532.757995 650.177689,530.335638 650.177689,527.347433 C650.177689,524.359228 652.600015,521.93687 655.586781,521.93687 C658.574947,521.93687 660.997274,524.359228 660.997274,527.347433"></path>
<path fill="#D6EEFF" id="Fill-67" d="M589.832349,149.497923 C589.832349,153.729171 586.402296,157.159269 582.171103,157.159269 C577.939209,157.159269 574.508456,153.729171 574.508456,149.497923 C574.508456,145.266675 577.939209,141.835877 582.171103,141.835877 C586.402296,141.835877 589.832349,145.266675 589.832349,149.497923"></path>
<path fill="#C3E4FF" id="Fill-69" d="M469.85247,111.115142 C469.85247,113.724481 467.736874,115.839405 465.128268,115.839405 C462.518963,115.839405 460.404066,113.724481 460.404066,111.115142 C460.404066,108.505802 462.518963,106.390879 465.128268,106.390879 C467.736874,106.390879 469.85247,108.505802 469.85247,111.115142"></path>
<path fill="#D6EEFF" id="Fill-71" d="M668.23407,51.6629602 C668.23407,59.3187034 662.028741,65.5248135 654.372396,65.5248135 C646.716753,65.5248135 640.511423,59.3187034 640.511423,51.6629602 C640.511423,44.0072171 646.716753,37.801107 654.372396,37.801107 C662.028741,37.801107 668.23407,44.0072171 668.23407,51.6629602"></path>
<path fill="#AAD5FF" id="Fill-73" d="M1031.0534,532.757645 C1031.0534,536.612829 1027.92797,539.738994 1024.07284,539.738994 C1020.21701,539.738994 1017.09158,536.612829 1017.09158,532.757645 C1017.09158,528.901761 1020.21701,525.776297 1024.07284,525.776297 C1027.92797,525.776297 1031.0534,528.901761 1031.0534,532.757645"></path>
<path fill="#AAD5FF" id="Fill-75" d="M231.117251,517.547913 C231.117251,519.972372 229.151518,521.93743 226.727091,521.93743 C224.303364,521.93743 222.337631,519.972372 222.337631,517.547913 C222.337631,515.123455 224.303364,513.157696 226.727091,513.157696 C229.151518,513.157696 231.117251,515.123455 231.117251,517.547913"></path>
<path fill="#AAD5FF" id="Fill-77" d="M703.025302,242.667308 C703.025302,245.091767 701.060269,247.057525 698.635842,247.057525 C696.212115,247.057525 694.246382,245.091767 694.246382,242.667308 C694.246382,240.24285 696.212115,238.277791 698.635842,238.277791 C701.060269,238.277791 703.025302,240.24285 703.025302,242.667308"></path>
<path fill="#D6EEFF" id="Fill-79" d="M511.036291,289.422946 C511.036291,291.847404 509.071258,293.812462 506.646831,293.812462 C504.222404,293.812462 502.257371,291.847404 502.257371,289.422946 C502.257371,286.998487 504.222404,285.033429 506.646831,285.033429 C509.071258,285.033429 511.036291,286.998487 511.036291,289.422946"></path>
<path fill="#D6EEFF" id="Fill-81" d="M364.729316,213.936632 C364.729316,216.361091 362.764284,218.326149 360.339856,218.326149 C357.915429,218.326149 355.949696,216.361091 355.949696,213.936632 C355.949696,211.512173 357.915429,209.547115 360.339856,209.547115 C362.764284,209.547115 364.729316,211.512173 364.729316,213.936632"></path>
<path fill="#D6EEFF" id="Fill-83" d="M22.9834588,451.856637 C22.9834588,454.281096 21.0177258,456.246154 18.5939988,456.246154 C16.1695715,456.246154 14.2038386,454.281096 14.2038386,451.856637 C14.2038386,449.432179 16.1695715,447.46642 18.5939988,447.46642 C21.0177258,447.46642 22.9834588,449.432179 22.9834588,451.856637"></path>
<path fill="#D6EEFF" id="Fill-85" d="M319.464096,289.422946 C319.464096,291.847404 317.499064,293.812462 315.074636,293.812462 C312.650209,293.812462 310.684476,291.847404 310.684476,289.422946 C310.684476,286.998487 312.650209,285.033429 315.074636,285.033429 C317.499064,285.033429 319.464096,286.998487 319.464096,289.422946"></path>
<path fill="#D6EEFF" id="Fill-87" d="M130.683144,319.63834 C130.683144,322.581725 128.297233,324.967667 125.353886,324.967667 C122.410539,324.967667 120.024628,322.581725 120.024628,319.63834 C120.024628,316.694955 122.410539,314.309013 125.353886,314.309013 C128.297233,314.309013 130.683144,316.694955 130.683144,319.63834"></path>
<g transform="translate(18.207715, 0.000000)" id="Group-91">
<mask fill="white" id="mask-10">
<use xlink:href="#path-9"></use>
</mask>
<g id="Clip-90"></g>
<path mask="url(#mask-10)" fill="#D6EEFF" id="Fill-89" d="M97.4245116,222.018161 C158.33142,229.831473 214.040025,186.789277 221.853236,125.88158 C229.666446,64.9738829 186.624808,9.26455566 125.7179,1.45124373 C64.8109923,-6.36136789 9.10238694,36.6801275 1.28917626,97.5878248 C-6.52403442,158.495522 36.5176036,214.204849 97.4245116,222.018161"></path>
</g>
<path fill="#E8F6FF" id="Fill-92" d="M169.365295,64.820726 C178.588203,66.0035425 187.024678,59.4857963 188.207479,50.2627688 C189.39098,41.0397413 182.873319,32.6031572 173.64971,31.4203407 C164.426802,30.2368239 155.990328,36.75457 154.807526,45.9782979 C153.624025,55.2013254 160.142387,63.6379095 169.365295,64.820726"></path>
<path fill="#E8F6FF" id="Fill-94" d="M170.592215,90.5651581 C174.268773,91.0364639 177.632298,88.4383294 178.104298,84.7610235 C178.575598,81.084418 175.976796,77.7208492 172.300239,77.2495434 C168.62298,76.7782376 165.260155,79.3756719 164.788155,83.0529777 C164.316856,86.7302835 166.915657,90.093152 170.592215,90.5651581"></path>
<path fill="#E8F6FF" id="Fill-96" d="M95.5075893,179.127512 C99.1841472,179.599518 102.547672,177.000683 103.019672,173.324077 C103.490972,169.646772 100.892171,166.283903 97.2156131,165.811897 C93.5383549,165.340591 90.17553,167.938726 89.70353,171.615331 C89.2322303,175.292637 91.8310315,178.656206 95.5075893,179.127512"></path>
<path fill="#C3E4FF" id="Fill-98" d="M59.965149,130.267525 C94.6907632,158.519262 122.722241,115.39303 122.722241,115.39303 C74.7049947,130.090348 61.4182647,84.0676508 117.207404,65.8064765 C151.809066,54.47903 147.855191,23.1606538 139.859202,1.00998104 C80.5580748,-4.4299945 27.1359383,38.0344489 19.4964012,97.590556 C16.9970421,117.074464 19.6987869,136.02544 26.5308819,153.049174 C28.8607691,149.803256 30.649327,146.65118 31.5611134,144.106269 C35.6151312,132.813837 34.5387751,109.581192 59.965149,130.267525"></path>
<path fill="#C3E4FF" id="Fill-100" d="M115.631877,222.021243 C176.542286,229.834554 232.248791,186.788157 240.061301,125.884661 C242.246227,108.852524 240.452767,92.2279642 235.40993,76.9444902 C231.784494,82.911796 224.605752,88.5709673 211.048007,81.0994046 C187.914405,68.3601416 183.188802,104.027417 201.942049,116.532077 C212.522132,123.587658 221.86269,136.511102 208.786749,145.925313 C194.422262,156.26883 169.800529,110.731444 147.017075,127.465952 C116.41971,149.940866 170.073645,183.706111 149.599069,193.787713 C136.799746,200.089765 127.624458,182.413346 127.624458,182.413346 C127.624458,182.413346 99.6539062,208.457019 74.3220724,186.736334 C65.8947015,179.509879 54.2179537,178.671613 48.0749507,187.153717 C65.1754967,205.699215 88.6536451,218.561031 115.631877,222.021243"></path>
<path fill="#D6EEFF" id="Fill-102" d="M1056.50757,168.419135 C1046.05704,229.20568 988.309175,270.011799 927.523418,259.561836 C866.737662,249.111872 825.932071,191.363255 836.381899,130.57601 C846.832427,69.7894657 904.580297,28.9840468 965.366053,39.4340101 C1026.15181,49.8839734 1066.9574,107.632591 1056.50757,168.419135"></path>
<path fill="#E8F6FF" id="Fill-104" d="M1058.10922,146.898738 C1034.13876,151.646811 974.606539,159.81938 927.903049,136.303111 C884.064474,114.222469 879.694622,92.8351294 858.539358,80.5867807 C862.047144,76.1118266 865.885471,71.9310009 870.009518,68.079319 C892.194919,69.1507869 928.883465,75.4255269 965.90115,101.392866 C997.330468,123.445496 1031.10578,127.619319 1055.79824,126.708921 C1057.17082,133.284793 1057.95516,140.035741 1058.10922,146.898738"></path>
<path fill="#E8F6FF" id="Fill-106" d="M911.025688,155.288402 C909.386993,155.939686 879.015824,167.53675 834.749367,150.148157 C834.722056,143.69834 835.247278,137.157484 836.381059,130.574609 C837.690614,122.934273 839.756489,115.616077 842.47364,108.669044 C858.245023,125.658463 894.120525,161.451093 911.025688,155.288402"></path>
<path fill="#E8F6FF" id="Fill-108" d="M1050.65827,189.694356 C1046.09934,201.557536 1039.6216,212.32824 1031.65922,221.705335 C1003.7664,211.375824 950.816969,195.296802 911.096138,204.393775 C888.79869,209.499004 868.24498,209.835151 851.542903,208.364509 C846.010559,199.456619 841.71774,189.764387 838.860529,179.553928 C862.803675,179.231787 908.428007,177.144876 946.446417,166.864387 C985.453645,156.317781 1023.1156,179.175763 1050.65827,189.694356"></path>
<path fill="#E8F6FF" id="Fill-110" d="M1012.5414,239.521044 C1007.68765,243.085601 1002.54117,246.257986 997.16989,248.996182 C969.683243,237.952359 934.500335,226.026151 915.51459,229.36661 C917.861284,228.86239 957.407041,220.906916 1012.5414,239.521044"></path>
<path fill="#E8F6FF" id="Fill-112" d="M1048.22845,103.50786 C1026.83439,102.051224 982.707992,95.0201535 947.105606,63.0371872 C927.5036,45.4314991 962.9036,48.8840067 1012.39357,59.3465755 C1027.97517,70.7615602 1040.3074,86.03523 1048.22845,103.50786"></path>
<path fill="#E8F6FF" id="Fill-114" d="M959.01037,260.495343 C948.772032,261.650848 938.197551,261.398738 927.525029,259.563937 C903.532863,255.439135 882.657017,243.947117 866.823308,227.805068 C886.164804,229.058616 925.045979,234.899166 959.01037,260.495343"></path>
<path fill="#E8F6FF" id="Fill-116" d="M922.342623,59.4935697 C918.792819,59.1714291 904.337994,57.5397165 893.245294,51.3069948 C898.981424,48.1906339 905.003276,45.5714902 911.24292,43.491582 C915.276629,51.215955 919.696202,58.5411538 922.342623,59.4935697"></path>
<path fill="#E8F6FF" id="Fill-118" d="M923.1619,59.5564572 C922.916796,59.6194847 922.651384,59.5914725 922.357259,59.4934297 C922.875479,59.535448 923.1619,59.5564572 923.1619,59.5564572"></path>
<path stroke-linecap="round" stroke-width="19.6" stroke="#AAD5FF" id="Stroke-120" d="M1086.62649,150.968285 C1134.93086,166.50597 1164.7572,182.71945 1162.68222,194.790621 C1159.04348,215.958065 1058.67345,216.370545 938.499729,195.710823 C818.326709,175.051102 723.857379,141.142994 727.496121,119.974851 C729.627824,107.574536 764.953593,102.297031 818.009474,104.205365"></path>
</g>
<g transform="translate(619.062315, 405.641636)" id="Group-167">
<mask fill="white" id="mask-12">
<use xlink:href="#path-11"></use>
</mask>
<g id="Clip-166"></g>
<polygon points="0.601554896 63.6641009 5.01902671 124.933856 28.4516558 106.9423 22.3289614 0.0287125382" mask="url(#mask-12)" id="Fill-165"></polygon>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

128
src/assets/svg/login-illus-rb.svg Normal file
View File

@ -0,0 +1,128 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1240 589" height="589px" width="1240px">
<title>大厦</title>
<g fill-rule="evenodd" fill="none" stroke-width="1" stroke="none" id="Page-1">
<g transform="translate(-4658.000000, -5945.000000)" id="背景">
<g transform="translate(4665.000000, 5945.000000)" id="大厦">
<polygon points="256.839233 393.899683 197.807892 393.899683 197.807892 271.309873 256.839233 222.316784" fill="#AAD5FF" id="Fill-1"></polygon>
<polygon points="553.645365 576.575178 619.339232 576.575178 619.339232 362.925412 553.645365 362.925412" fill="#C3E4FF" id="Fill-2"></polygon>
<polygon points="516.020741 439.923652 581.714607 439.923652 581.714607 226.273885 516.020741 226.273885" fill="#C3E4FF" id="Fill-3"></polygon>
<polygon points="220.727584 579.731033 380.125779 579.731033 380.125779 358.758199 220.727584 358.758199" fill="#AAD5FF" id="Fill-4"></polygon>
<polygon points="105.709611 576.235726 265.107805 576.235726 265.107805 355.262192 105.709611 355.262192" fill="#AAD5FF" id="Fill-5"></polygon>
<polygon points="2.37642466 579.248101 161.774619 579.248101 161.774619 503.995415 2.37642466 503.995415" fill="#AAD5FF" id="Fill-6"></polygon>
<polygon points="367.420724 578.203848 526.818918 578.203848 526.818918 454.665672 367.420724 454.665672" fill="#AAD5FF" id="Fill-7"></polygon>
<line stroke-width="5.6" stroke="#C3E4FF" id="Stroke-8" y2="156.83094" x2="632.903676" y1="107.084056" x1="632.903676"></line>
<polygon points="876.808329 579.248101 965.302856 579.248101 965.302856 299.886003 876.808329 299.886003" fill="#AAD5FF" id="Fill-9"></polygon>
<polygon points="923.632852 443.19919 999.850584 443.19919 999.850584 246.032099 923.632852 246.032099" fill="#AAD5FF" id="Fill-10"></polygon>
<polygon points="943.842958 252.017654 978.052696 252.017654 978.052696 236.987274 943.842958 236.987274" fill="#AAD5FF" id="Fill-11"></polygon>
<polygon points="748.017379 221.871296 748.017379 581.94951 609.147687 581.94951 609.147687 120.217634 663.69489 160.147002 663.69489 218.854722 711.062436 218.854722 711.062436 194.820112" fill="#AAD5FF" id="Fill-12"></polygon>
<line stroke-width="5.6" stroke="#C3E4FF" id="Stroke-13" y2="281.521223" x2="816.997513" y1="232.420349" x1="816.997513"></line>
<polygon points="649.052237 579.248101 768.471775 579.248101 768.471775 262.785636 649.052237 262.785636" fill="#D6EEFF" id="Fill-14"></polygon>
<polygon points="768.471775 579.248101 844.175876 579.248101 844.175876 262.785636 768.471775 262.785636" fill="#C3E4FF" id="Fill-15"></polygon>
<polygon points="649.052937 303.787953 677.441975 303.787953 677.441975 289.05853 649.052937 289.05853" fill="#AAD5FF" id="Fill-16"></polygon>
<polygon points="677.441975 318.368996 705.830313 318.368996 705.830313 303.640273 677.441975 303.640273" fill="#AAD5FF" id="Fill-17"></polygon>
<polygon points="705.830313 303.787953 734.218651 303.787953 734.218651 289.05853 705.830313 289.05853" fill="#AAD5FF" id="Fill-18"></polygon>
<polygon points="649.052937 318.368996 677.441975 318.368996 677.441975 303.640273 649.052937 303.640273" fill="#E8F6FF" id="Fill-19"></polygon>
<polygon points="677.441975 417.786474 705.830313 417.786474 705.830313 403.057051 677.441975 403.057051" fill="#E8F6FF" id="Fill-20"></polygon>
<polygon points="778.2028 318.368996 800.197324 318.368996 800.197324 303.640273 778.2028 303.640273" fill="#E8F6FF" id="Fill-21"></polygon>
<polygon points="734.21935 492.083795 762.608388 492.083795 762.608388 477.354372 734.21935 477.354372" fill="#E8F6FF" id="Fill-22"></polygon>
<polygon points="734.21935 333.098419 762.608388 333.098419 762.608388 318.368996 734.21935 318.368996" fill="#AAD5FF" id="Fill-23"></polygon>
<polygon points="677.441975 403.057051 705.830313 403.057051 705.830313 388.328329 677.441975 388.328329" fill="#AAD5FF" id="Fill-24"></polygon>
<polygon points="734.21935 417.786474 762.608388 417.786474 762.608388 403.057051 734.21935 403.057051" fill="#AAD5FF" id="Fill-25"></polygon>
<polygon points="778.208398 303.787953 800.197324 303.787953 800.197324 289.05853 778.208398 289.05853" fill="#AAD5FF" id="Fill-26"></polygon>
<polygon points="822.18695 318.516675 844.175876 318.516675 844.175876 303.787953 822.18695 303.787953" fill="#AAD5FF" id="Fill-27"></polygon>
<polygon points="778.205599 375.370356 800.194525 375.370356 800.194525 360.641634 778.205599 360.641634" fill="#AAD5FF" id="Fill-28"></polygon>
<polygon points="705.830313 492.083795 734.218651 492.083795 734.218651 477.354372 705.830313 477.354372" fill="#AAD5FF" id="Fill-29"></polygon>
<polygon points="649.052937 529.865866 677.441975 529.865866 677.441975 515.136443 649.052937 515.136443" fill="#AAD5FF" id="Fill-30"></polygon>
<polygon points="677.441975 544.595288 705.830313 544.595288 705.830313 529.865866 677.441975 529.865866" fill="#AAD5FF" id="Fill-31"></polygon>
<polygon points="649.052937 333.098419 677.441975 333.098419 677.441975 318.368996 649.052937 318.368996" fill="#AAD5FF" id="Fill-32"></polygon>
<polygon points="412.206812 328.800325 423.799929 328.800325 423.799929 308.108443 412.206812 308.108443" fill="#E8F6FF" id="Fill-33"></polygon>
<polygon points="412.206812 287.416562 423.799929 287.416562 423.799929 266.72468 412.206812 266.72468" fill="#E8F6FF" id="Fill-34"></polygon>
<polygon points="400.802632 579.248101 500.583078 579.248101 500.583078 47.0004709 400.802632 47.0004709" fill="#D6EEFF" id="Fill-35"></polygon>
<polygon points="500.583078 579.248101 563.83684 579.248101 563.83684 47.0004709 500.583078 47.0004709" fill="#AAD5FF" id="Fill-36"></polygon>
<polygon points="400.802632 34.7249023 500.583078 34.7249023 500.583078 10.3893346 400.802632 10.3893346" fill="#D6EEFF" id="Fill-37"></polygon>
<polygon points="418.888932 25.0340691 459.145397 25.0340691 459.145397 0.698501481 418.888932 0.698501481" fill="#D6EEFF" id="Fill-38"></polygon>
<polygon points="510.325999 25.0340691 550.581765 25.0340691 550.581765 0.698501481 510.325999 0.698501481" fill="#D6EEFF" id="Fill-39"></polygon>
<polygon points="500.583078 34.7249023 563.83684 34.7249023 563.83684 10.3893346 500.583078 10.3893346" fill="#AAD5FF" id="Fill-40"></polygon>
<polygon points="391.592237 46.999771 502.646005 46.999771 502.646005 34.7249023 391.592237 34.7249023" fill="#D6EEFF" id="Fill-41"></polygon>
<polygon points="502.646704 46.999771 573.046535 46.999771 573.046535 34.7249023 502.646704 34.7249023" fill="#C3E4FF" id="Fill-42"></polygon>
<polygon points="412.206812 579.248101 423.799929 579.248101 423.799929 59.0604699 412.206812 59.0604699" fill="#C3E4FF" id="Fill-43"></polygon>
<polygon points="476.993774 579.248101 488.587591 579.248101 488.587591 59.0604699 476.993774 59.0604699" fill="#C3E4FF" id="Fill-44"></polygon>
<polygon points="455.39812 579.248101 466.991237 579.248101 466.991237 59.0604699 455.39812 59.0604699" fill="#C3E4FF" id="Fill-45"></polygon>
<polygon points="433.802466 579.248101 445.395583 579.248101 445.395583 59.0604699 433.802466 59.0604699" fill="#C3E4FF" id="Fill-46"></polygon>
<polygon points="433.802466 308.108443 445.395583 308.108443 445.395583 287.416562 433.802466 287.416562" fill="#E8F6FF" id="Fill-47"></polygon>
<polygon points="455.39812 498.723058 466.991237 498.723058 466.991237 478.031177 455.39812 478.031177" fill="#E8F6FF" id="Fill-48"></polygon>
<polygon points="455.39812 478.031177 466.991237 478.031177 466.991237 457.339295 455.39812 457.339295" fill="#E8F6FF" id="Fill-49"></polygon>
<polygon points="476.993774 415.90164 488.587591 415.90164 488.587591 395.209758 476.993774 395.209758" fill="#AAD5FF" id="Fill-50"></polygon>
<polygon points="412.206812 436.897978 423.799929 436.897978 423.799929 416.206097 412.206812 416.206097" fill="#AAD5FF" id="Fill-52"></polygon>
<polygon points="476.993774 244.910157 488.587591 244.910157 488.587591 224.218275 476.993774 224.218275" fill="#AAD5FF" id="Fill-53"></polygon>
<polygon points="412.206812 212.391344 423.799929 212.391344 423.799929 191.699462 412.206812 191.699462" fill="#AAD5FF" id="Fill-54"></polygon>
<polygon points="455.39812 436.647414 466.991237 436.647414 466.991237 415.955532 455.39812 415.955532" fill="#AAD5FF" id="Fill-55"></polygon>
<polygon points="412.206812 522.501504 423.799929 522.501504 423.799929 501.809623 412.206812 501.809623" fill="#E8F6FF" id="Fill-57"></polygon>
<polygon points="455.39812 287.416562 466.991237 287.416562 466.991237 266.72468 455.39812 266.72468" fill="#E8F6FF" id="Fill-58"></polygon>
<polygon points="412.206812 349.492206 423.799929 349.492206 423.799929 328.800325 412.206812 328.800325" fill="#E8F6FF" id="Fill-59"></polygon>
<polygon points="476.993774 167.177021 488.587591 167.177021 488.587591 146.485139 476.993774 146.485139" fill="#E8F6FF" id="Fill-60"></polygon>
<polygon points="412.206812 135.017257 423.799929 135.017257 423.799929 114.325375 412.206812 114.325375" fill="#E8F6FF" id="Fill-61"></polygon>
<polygon points="412.206812 155.709138 423.799929 155.709138 423.799929 135.017257 412.206812 135.017257" fill="#E8F6FF" id="Fill-62"></polygon>
<polygon points="455.39812 266.72398 466.991237 266.72398 466.991237 246.032099 455.39812 246.032099" fill="#E8F6FF" id="Fill-63"></polygon>
<polygon points="1130.26214 576.575178 1212.31457 576.575178 1212.31457 474.74724 1130.26214 474.74724" fill="#AAD5FF" id="Fill-64"></polygon>
<polygon points="1163.72592 581.94902 1175.15459 581.94902 1175.15459 486.322907 1163.72592 486.322907" fill="#D6EEFF" id="Fill-65"></polygon>
<polygon points="1185.25789 581.94902 1196.68656 581.94902 1196.68656 486.322907 1185.25789 486.322907" fill="#D6EEFF" id="Fill-66"></polygon>
<line stroke-width="5.6" stroke="#C3E4FF" id="Stroke-67" y2="370.710974" x2="1119.72945" y1="319.154145" x1="1119.72945"></line>
<polygon points="1019.47988 585.869867 1103.63232 585.869867 1103.63232 349.628687 1019.47988 349.628687" fill="#C3E4FF" id="Fill-68"></polygon>
<polygon points="1030.4411 579.248101 1043.61011 579.248101 1043.61011 364.575779 1030.4411 364.575779" fill="#AAD5FF" id="Fill-69"></polygon>
<polygon points="1054.9723 579.248101 1068.1413 579.248101 1068.1413 364.575779 1054.9723 364.575779" fill="#AAD5FF" id="Fill-70"></polygon>
<polygon points="1079.5028 579.248101 1092.6718 579.248101 1092.6718 364.575779 1079.5028 364.575779" fill="#AAD5FF" id="Fill-71"></polygon>
<polygon points="1103.63302 585.869867 1156.97942 585.869867 1156.97942 349.628687 1103.63302 349.628687" fill="#AAD5FF" id="Fill-72"></polygon>
<polygon points="1114.00574 579.248101 1125.43371 579.248101 1125.43371 364.575779 1114.00574 364.575779" fill="#D6EEFF" id="Fill-73"></polygon>
<polygon points="1135.8792 579.248101 1147.30787 579.248101 1147.30787 364.575779 1135.8792 364.575779" fill="#D6EEFF" id="Fill-74"></polygon>
<polygon points="1135.8792 481.154836 1147.30787 481.154836 1147.30787 461.269941 1135.8792 461.269941" fill="#C3E4FF" id="Fill-75"></polygon>
<polygon points="1135.8792 422.941947 1147.30787 422.941947 1147.30787 403.057051 1135.8792 403.057051" fill="#C3E4FF" id="Fill-76"></polygon>
<polygon points="1114.00574 422.941947 1125.43371 422.941947 1125.43371 403.057051 1114.00574 403.057051" fill="#C3E4FF" id="Fill-77"></polygon>
<polygon points="1114.01484 442.826842 1125.44351 442.826842 1125.44351 422.941947 1114.01484 422.941947" fill="#C3E4FF" id="Fill-78"></polygon>
<polygon points="1163.72592 537.345011 1175.15459 537.345011 1175.15459 517.460115 1163.72592 517.460115" fill="#C3E4FF" id="Fill-79"></polygon>
<polygon points="1185.25789 557.229206 1196.68656 557.229206 1196.68656 537.345011 1185.25789 537.345011" fill="#C3E4FF" id="Fill-80"></polygon>
<polygon points="1114.01484 501.039032 1125.44351 501.039032 1125.44351 481.154836 1114.01484 481.154836" fill="#C3E4FF" id="Fill-81"></polygon>
<polygon points="1135.8792 501.039032 1147.30787 501.039032 1147.30787 481.154836 1135.8792 481.154836" fill="#C3E4FF" id="Fill-82"></polygon>
<line stroke-width="5.6" stroke="#C3E4FF" id="Stroke-83" y2="312.038879" x2="305.410805" y1="271.184241" x1="305.410805"></line>
<polygon points="179.236721 328.800325 214.547901 328.800325 214.547901 298.650677 179.236721 298.650677" fill="#C3E4FF" id="Fill-84"></polygon>
<polygon points="145.216621 579.248101 271.565998 579.248101 271.565998 312.038389 145.216621 312.038389" fill="#D6EEFF" id="Fill-85"></polygon>
<polygon points="158.135806 579.248101 172.777129 579.248101 172.777129 325.237827 158.135806 325.237827" fill="#AAD5FF" id="Fill-86"></polygon>
<polygon points="185.408708 579.248101 200.050031 579.248101 200.050031 325.237827 185.408708 325.237827" fill="#AAD5FF" id="Fill-87"></polygon>
<polygon points="212.682309 579.248101 227.323632 579.248101 227.323632 325.237827 212.682309 325.237827" fill="#AAD5FF" id="Fill-88"></polygon>
<polygon points="239.955211 579.248101 254.596534 579.248101 254.596534 325.237827 239.955211 325.237827" fill="#AAD5FF" id="Fill-89"></polygon>
<polygon points="284.916942 328.800325 320.228821 328.800325 320.228821 298.650677 284.916942 298.650677" fill="#C3E4FF" id="Fill-90"></polygon>
<polygon points="271.565998 579.248101 351.662565 579.248101 351.662565 312.038389 271.565998 312.038389" fill="#C3E4FF" id="Fill-91"></polygon>
<polygon points="298.535898 579.248101 313.177221 579.248101 313.177221 400.181157 298.535898 400.181157" fill="#D6EEFF" id="Fill-92"></polygon>
<polygon points="325.8095 579.248101 340.450823 579.248101 340.450823 400.181157 325.8095 400.181157" fill="#D6EEFF" id="Fill-93"></polygon>
<polygon points="48.3255331 581.135734 157.700548 581.135734 157.700548 430.761244 48.3255331 430.761244" fill="#D6EEFF" id="Fill-94"></polygon>
<polygon points="157.700548 581.135734 227.036726 581.135734 227.036726 430.761244 157.700548 430.761244" fill="#C3E4FF" id="Fill-95"></polygon>
<g fill="#AAD5FF" transform="translate(48.284247, 436.304462)" id="Group-108">
<polygon points="0.0412865297 125.392914 157.220505 125.392914 157.220505 112.423043 0.0412865297 112.423043" id="Fill-96"></polygon>
<polygon points="0.0412865297 103.026869 157.220505 103.026869 157.220505 90.056998 0.0412865297 90.056998" id="Fill-98"></polygon>
<polygon points="0.0412865297 80.6615232 157.220505 80.6615232 157.220505 67.6916525 0.0412865297 67.6916525" id="Fill-100"></polygon>
<polygon points="0.0412865297 58.2954778 157.220505 58.2954778 157.220505 45.3256071 0.0412865297 45.3256071" id="Fill-102"></polygon>
<polygon points="0.0412865297 35.9294324 157.220505 35.9294324 157.220505 22.9602616 0.0412865297 22.9602616" id="Fill-104"></polygon>
<polygon points="0.0412865297 13.5640869 157.220505 13.5640869 157.220505 0.59421619 0.0412865297 0.59421619" id="Fill-106"></polygon>
</g>
<polygon points="115.691854 561.697376 138.838202 561.697376 138.838202 548.727505 115.691854 548.727505" fill="#E8F6FF" id="Fill-109"></polygon>
<polygon points="115.691854 539.331331 138.838202 539.331331 138.838202 526.36146 115.691854 526.36146" fill="#E8F6FF" id="Fill-110"></polygon>
<polygon points="92.5455057 561.697376 115.691854 561.697376 115.691854 548.727505 92.5455057 548.727505" fill="#E8F6FF" id="Fill-111"></polygon>
<polygon points="115.341968 494.59994 138.488316 494.59994 138.488316 481.630069 115.341968 481.630069" fill="#E8F6FF" id="Fill-112"></polygon>
<polygon points="58.9298733 472.233894 82.0762215 472.233894 82.0762215 459.264724 58.9298733 459.264724" fill="#E8F6FF" id="Fill-113"></polygon>
<polygon points="82.0755217 472.233894 105.22187 472.233894 105.22187 459.264724 82.0755217 459.264724" fill="#E8F6FF" id="Fill-114"></polygon>
<polygon points="943.31533 579.248101 1056.38654 579.248101 1056.38654 419.616716 943.31533 419.616716" fill="#D6EEFF" id="Fill-115"></polygon>
<polygon points="816.997443 579.248101 943.31533 579.248101 943.31533 419.616716 816.997443 419.616716" fill="#E8F6FF" id="Fill-116"></polygon>
<polygon points="953.147822 436.897978 1078.35447 436.897978 1078.35447 404.918789 953.147822 404.918789" fill="#C3E4FF" id="Fill-117"></polygon>
<polygon points="816.997443 444.82436 1056.38654 444.82436 1056.38654 436.897978 816.997443 436.897978" fill="#AAD5FF" id="Fill-118"></polygon>
<polygon points="816.997443 459.135942 1056.38654 459.135942 1056.38654 451.21026 816.997443 451.21026" fill="#C3E4FF" id="Fill-119"></polygon>
<polygon points="816.997443 534.30534 1056.38654 534.30534 1056.38654 526.378958 816.997443 526.378958" fill="#AAD5FF" id="Fill-120"></polygon>
<polygon points="816.997443 548.616221 1056.38654 548.616221 1056.38654 540.689839 816.997443 540.689839" fill="#C3E4FF" id="Fill-121"></polygon>
<polygon points="793.750328 436.897978 953.148522 436.897978 953.148522 404.918789 793.750328 404.918789" fill="#D6EEFF" id="Fill-122"></polygon>
<polygon points="953.147822 526.378958 1078.35447 526.378958 1078.35447 472.387173 953.147822 472.387173" fill="#C3E4FF" id="Fill-123"></polygon>
<polygon points="793.750328 526.378958 953.148522 526.378958 953.148522 472.387173 793.750328 472.387173" fill="#D6EEFF" id="Fill-124"></polygon>
<path fill="#E8F6FF" id="Fill-125" d="M-6.99771692e-05,581.135664 L1225.56957,581.135664 L-6.99771692e-05,581.135664 Z"></path>
<line stroke-linecap="round" stroke-width="14" stroke="#D6EEFF" id="Stroke-126" y2="581.135944" x2="0.000279908676" y1="581.135944" x1="1225.56922"></line>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

250
src/assets/svg/login-illus.svg Normal file
View File

@ -0,0 +1,250 @@
<svg class="gridItem__media" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="1600" height="1200" viewBox="0 0 1600 1200" style="baseline-shift: 0px; clip-rule: nonzero; color: rgb(61, 61, 61); color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; cursor: auto; direction: ltr; display: block; fill: none; fill-opacity: 1; fill-rule: nonzero; font: 400 16px / 18.4px Lato, sans-serif; image-rendering: auto; letter-spacing: normal; marker: none; overflow: hidden; paint-order: normal; pointer-events: auto; shape-rendering: auto; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; text-anchor: start; text-decoration: none solid rgb(61, 61, 61); text-rendering: auto; visibility: visible; word-spacing: 0px; writing-mode: horizontal-tb;" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M206.811 1086.61L159.451 506.1C158.249 491.314 162.363 476.584 171.051 464.56L407.351 137.56C413.665 128.819 422.141 121.868 431.949 117.387C441.757 112.907 452.56 111.05 463.301 112L1272.24 183.32C1285.04 184.448 1297.18 189.511 1307 197.813C1316.81 206.115 1323.81 217.25 1327.04 229.69L1438.19 657.47C1440.92 667.987 1440.85 679.037 1437.99 689.52L1329.23 1088.1L206.811 1086.61Z" fill="#F4F4F4" style="baseline-shift: 0px; fill: rgb(244, 244, 244); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1009.13 483.877C1047.33 470.752 1067.66 429.144 1054.53 390.941C1041.41 352.739 999.8 332.409 961.598 345.533C923.395 358.657 903.065 400.266 916.19 438.469C929.314 476.671 970.923 497.001 1009.13 483.877Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M1009.13 483.877C1047.33 470.752 1067.66 429.144 1054.53 390.941C1041.41 352.739 999.8 332.409 961.598 345.533C923.395 358.657 903.065 400.266 916.19 438.469C929.314 476.671 970.923 497.001 1009.13 483.877Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M984.994 486.867C1025.28 483.852 1055.49 448.754 1052.47 408.472C1049.46 368.191 1014.36 337.98 974.077 340.995C933.795 344.009 903.584 379.108 906.599 419.389C909.614 459.671 944.712 489.881 984.994 486.867Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.4" d="M984.994 486.867C1025.28 483.852 1055.49 448.754 1052.47 408.472C1049.46 368.191 1014.36 337.98 974.077 340.995C933.795 344.009 903.584 379.108 906.599 419.389C909.614 459.671 944.712 489.881 984.994 486.867Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.4; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1009.22 464.426C1037.17 448.037 1046.53 412.096 1030.15 384.15C1013.76 356.205 977.815 346.836 949.87 363.225C921.924 379.614 912.556 415.555 928.945 443.501C945.334 471.446 981.274 480.815 1009.22 464.426Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M924.001 411.39C924.645 403.714 926.795 396.239 930.328 389.394C933.86 382.548 938.707 376.465 944.59 371.493C950.474 366.52 957.279 362.755 964.618 360.413C971.956 358.07 979.684 357.196 987.361 357.84C999.451 358.84 1011.58 364.68 1020.36 371.75C1014.85 366.285 1008.3 361.969 1001.11 359.053C993.91 356.136 986.207 354.678 978.444 354.761C970.68 354.845 963.01 356.469 955.879 359.54C948.748 362.611 942.298 367.067 936.902 372.65C931.507 378.232 927.273 384.831 924.448 392.063C921.622 399.294 920.261 407.015 920.442 414.777C920.623 422.539 922.344 430.188 925.504 437.28C928.664 444.371 933.201 450.765 938.851 456.09C933.452 449.609 929.513 442.04 927.301 433.9C925.351 427.17 923.341 418.78 924.001 411.39Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.08" d="M972.6 454.059L973.3 445.669C963.86 444.439 959.39 440.809 960.35 429.399C960.54 426.945 960.928 424.511 961.51 422.119L973.51 423.119C973.274 424.214 973.107 425.323 973.01 426.439C972.6 431.439 972.68 434.219 977.53 434.629C982.38 435.039 982.95 433.349 983.48 426.999C983.75 423.879 983.84 422.799 982.24 421.149C978.97 417.509 970.33 414.509 966.38 411.149C962.83 408.249 962.27 404.519 963.12 394.499C964.12 382.979 967.85 379.389 978.88 379.779L979.44 373.109L986.22 373.679L985.67 380.349C995.75 381.629 999.01 385.479 998.15 395.709C997.965 397.906 997.631 400.088 997.15 402.239L985.3 401.239C985.503 400.027 985.644 398.806 985.72 397.579C986.1 393.059 985.64 390.749 981.12 390.369C977.24 390.039 976.06 391.239 975.6 396.629C975.13 402.229 975.41 402.789 978.94 404.709C982.77 406.879 986.54 408.389 989.85 410.289C994.5 413.069 997.64 414.419 996.71 425.509C995.4 441.119 992.04 446.259 980.12 446.129L979.41 454.629L972.6 454.059Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.08; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M637.215 300.506C657.158 293.654 667.77 271.934 660.919 251.992C654.068 232.05 632.348 221.437 612.405 228.288C592.463 235.139 581.851 256.86 588.702 276.802C595.553 296.744 617.273 307.357 637.215 300.506Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M637.215 300.506C657.158 293.654 667.77 271.934 660.919 251.992C654.068 232.05 632.348 221.437 612.405 228.288C592.463 235.139 581.851 256.86 588.702 276.802C595.553 296.744 617.273 307.357 637.215 300.506Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M624.616 302.083C645.644 300.509 661.414 282.187 659.84 261.16C658.267 240.132 639.945 224.362 618.917 225.936C597.89 227.509 582.119 245.831 583.693 266.859C585.267 287.886 603.589 303.656 624.616 302.083Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.4" d="M624.616 302.083C645.644 300.509 661.414 282.187 659.84 261.16C658.267 240.132 639.945 224.362 618.917 225.936C597.89 227.509 582.119 245.831 583.693 266.859C585.267 287.886 603.589 303.656 624.616 302.083Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.4; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M637.275 290.363C651.867 281.806 656.759 263.039 648.201 248.447C639.644 233.855 620.877 228.963 606.285 237.52C591.693 246.078 586.801 264.845 595.358 279.437C603.916 294.029 622.683 298.921 637.275 290.363Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M592.762 262.68C593.092 258.668 594.21 254.761 596.052 251.182C597.894 247.602 600.423 244.421 603.496 241.821C606.568 239.22 610.123 237.251 613.958 236.025C617.792 234.8 621.83 234.343 625.842 234.68C632.168 235.417 638.149 237.958 643.072 242C640.214 239.054 636.795 236.713 633.015 235.116C629.235 233.518 625.173 232.696 621.069 232.699C616.966 232.702 612.905 233.53 609.128 235.134C605.35 236.737 601.934 239.084 599.081 242.033C596.229 244.983 593.998 248.476 592.522 252.305C591.046 256.134 590.355 260.22 590.489 264.322C590.623 268.423 591.581 272.455 593.304 276.179C595.028 279.903 597.482 283.243 600.522 286C597.713 282.612 595.667 278.659 594.522 274.41C593.482 270.92 592.432 266.54 592.762 262.68Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.08" d="M618.15 285.001L618.52 280.621C613.59 279.981 611.25 278.091 611.76 272.131C611.85 270.849 612.051 269.578 612.36 268.331L618.6 268.861C618.472 269.43 618.385 270.009 618.34 270.591C618.12 273.171 618.17 274.651 620.7 274.861C623.23 275.071 623.53 274.191 623.81 270.861C623.94 269.231 623.99 268.661 623.16 267.801C621.45 265.901 616.94 264.341 614.88 262.581C613.02 261.061 612.73 259.111 613.17 253.891C613.68 247.891 615.65 246.001 621.4 246.201L621.7 242.721L625.24 243.021L624.95 246.501C630.21 247.161 631.95 249.181 631.46 254.501C631.37 255.648 631.2 256.787 630.95 257.911L624.77 257.391C624.86 256.891 624.91 256.321 624.98 255.481C625.18 253.121 624.98 251.911 622.58 251.711C620.58 251.541 619.94 252.171 619.7 254.981C619.46 257.791 619.6 258.201 621.44 259.201C623.44 260.331 625.44 261.121 627.14 262.121C629.57 263.571 631.21 264.271 630.72 270.061C630.04 278.211 628.28 280.891 622.06 280.821L621.69 285.261L618.15 285.001Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.08; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M332.387 633.924C362.081 623.722 377.883 591.381 367.682 561.687C357.481 531.993 325.139 516.191 295.445 526.392C265.751 536.594 249.949 568.935 260.151 598.629C270.352 628.323 302.693 644.125 332.387 633.924Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M332.387 633.924C362.081 623.722 377.883 591.381 367.682 561.687C357.481 531.993 325.139 516.191 295.445 526.392C265.751 536.594 249.949 568.935 260.151 598.629C270.352 628.323 302.693 644.125 332.387 633.924Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M313.599 636.197C344.909 633.854 368.391 606.572 366.048 575.263C363.704 543.953 336.423 520.471 305.113 522.814C273.804 525.157 250.321 552.438 252.665 583.748C255.008 615.058 282.289 638.54 313.599 636.197Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.4" d="M313.599 636.197C344.909 633.854 368.391 606.572 366.048 575.263C363.704 543.953 336.423 520.471 305.113 522.814C273.804 525.157 250.321 552.438 252.665 583.748C255.008 615.058 282.289 638.54 313.599 636.197Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.4; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M332.46 618.784C354.179 606.047 361.461 578.114 348.723 556.395C335.986 534.676 308.053 527.395 286.334 540.132C264.615 552.87 257.334 580.802 270.071 602.521C282.808 624.24 310.741 631.522 332.46 618.784Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M266.169 577.551C267.182 565.501 272.939 554.347 282.175 546.542C291.411 538.737 303.369 534.92 315.419 535.931C324.819 536.721 334.249 541.251 341.079 546.741C336.774 542.581 331.692 539.31 326.123 537.114C320.554 534.919 314.607 533.842 308.622 533.944C302.637 534.047 296.731 535.327 291.24 537.713C285.75 540.098 280.783 543.541 276.624 547.846C272.464 552.15 269.193 557.232 266.997 562.801C264.802 568.37 263.724 574.317 263.827 580.302C263.93 586.287 265.21 592.194 267.595 597.684C269.981 603.174 273.424 608.141 277.729 612.301C273.527 607.262 270.457 601.379 268.729 595.051C267.249 589.821 265.689 583.301 266.169 577.551Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.08" d="M303.999 610.719L304.539 604.199C297.209 603.199 293.729 600.419 294.479 591.549C294.625 589.641 294.926 587.748 295.379 585.889L304.669 586.669C304.484 587.52 304.353 588.382 304.279 589.249C303.959 593.109 304.029 595.249 307.789 595.619C311.549 595.989 312.009 594.619 312.419 589.689C312.619 587.259 312.689 586.419 311.419 585.139C308.879 582.309 302.159 579.979 299.099 577.359C296.339 575.099 295.899 572.199 296.559 564.419C297.309 555.419 300.239 552.679 308.809 552.969L309.249 547.789L314.519 548.229L314.089 553.419C321.929 554.419 324.459 557.419 323.789 565.359C323.652 567.065 323.398 568.759 323.029 570.429L313.819 569.659C313.959 568.909 314.029 568.079 314.139 566.819C314.439 563.309 314.079 561.509 310.569 561.209C307.569 560.959 306.629 561.889 306.279 566.079C305.919 570.429 306.129 570.869 308.869 572.359C311.869 574.049 314.779 575.219 317.359 576.699C320.969 578.859 323.409 579.909 322.689 588.529C321.689 600.659 319.059 604.659 309.789 604.529L309.239 611.139L303.999 610.719Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.08; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1128.4 344.134C1147.26 337.654 1157.3 317.111 1150.82 298.25C1144.34 279.389 1123.79 269.352 1104.93 275.832C1086.07 282.312 1076.03 302.854 1082.51 321.715C1088.99 340.576 1109.54 350.613 1128.4 344.134Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M1128.4 344.134C1147.26 337.654 1157.3 317.111 1150.82 298.25C1144.34 279.389 1123.79 269.352 1104.93 275.832C1086.07 282.312 1076.03 302.854 1082.51 321.715C1088.99 340.576 1109.54 350.613 1128.4 344.134Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1116.49 345.683C1136.37 344.195 1151.29 326.866 1149.8 306.979C1148.31 287.091 1130.98 272.176 1111.1 273.664C1091.21 275.153 1076.29 292.481 1077.78 312.369C1079.27 332.256 1096.6 347.171 1116.49 345.683Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.4" d="M1116.49 345.683C1136.37 344.195 1151.29 326.866 1149.8 306.979C1148.31 287.091 1130.98 272.176 1111.1 273.664C1091.21 275.153 1076.29 292.481 1077.78 312.369C1079.27 332.256 1096.6 347.171 1116.49 345.683Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.4; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1128.44 334.538C1142.24 326.447 1146.86 308.703 1138.77 294.907C1130.68 281.11 1112.94 276.485 1099.14 284.576C1085.34 292.667 1080.72 310.411 1088.81 324.208C1096.9 338.004 1114.65 342.629 1128.44 334.538Z" fill="#DADDDF" style="baseline-shift: 0px; fill: rgb(218, 221, 223); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.05" d="M1086.36 308.38C1087.01 300.73 1090.67 293.65 1096.54 288.694C1102.4 283.738 1109.99 281.309 1117.64 281.94C1123.62 282.618 1129.28 284.999 1133.94 288.8C1131.26 285.911 1128.02 283.598 1124.41 282.004C1120.81 280.409 1116.92 279.567 1112.98 279.527C1109.03 279.487 1105.13 280.251 1101.49 281.773C1097.85 283.294 1094.57 285.541 1091.83 288.375C1089.09 291.21 1086.96 294.573 1085.56 298.26C1084.17 301.946 1083.54 305.878 1083.71 309.816C1083.89 313.754 1084.86 317.614 1086.58 321.162C1088.3 324.71 1090.72 327.87 1093.7 330.45C1091.03 327.239 1089.09 323.486 1088.01 319.45C1087 316.17 1086.05 312 1086.36 308.38Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.05; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.08" d="M1110.37 329.441L1110.72 325.301C1106.06 324.701 1103.85 322.911 1104.32 317.301C1104.41 316.091 1104.6 314.89 1104.89 313.711L1110.79 314.201C1110.68 314.743 1110.6 315.29 1110.55 315.841C1110.35 318.291 1110.39 319.681 1112.78 319.841C1115.17 320.001 1115.46 319.211 1115.72 316.071C1115.85 314.531 1115.9 314.001 1115.11 313.191C1113.49 311.391 1109.22 309.911 1107.28 308.241C1105.52 306.811 1105.28 304.971 1105.66 300.021C1106.14 294.341 1108 292.561 1113.45 292.751L1113.73 289.461L1117.07 289.741L1116.8 293.031C1121.8 293.671 1123.39 295.571 1122.96 300.621C1122.87 301.707 1122.71 302.786 1122.48 303.851L1116.63 303.351C1116.73 302.755 1116.8 302.154 1116.83 301.551C1117.02 299.321 1116.83 298.171 1114.56 297.991C1112.65 297.831 1112.06 298.421 1111.84 301.081C1111.62 303.741 1111.75 304.081 1113.49 305.081C1115.38 306.151 1117.24 306.901 1118.88 307.841C1121.17 309.211 1122.72 309.841 1122.26 315.351C1121.61 323.061 1119.96 325.601 1114.07 325.531L1113.72 329.731L1110.37 329.441Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.08; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1367.72 1089.39H174.719C174.321 1089.39 173.939 1089.23 173.658 1088.95C173.377 1088.67 173.219 1088.29 173.219 1087.89C173.219 1087.49 173.377 1087.11 173.658 1086.83C173.939 1086.55 174.321 1086.39 174.719 1086.39H1367.72C1368.12 1086.39 1368.5 1086.55 1368.78 1086.83C1369.06 1087.11 1369.22 1087.49 1369.22 1087.89C1369.22 1088.29 1369.06 1088.67 1368.78 1088.95C1368.5 1089.23 1368.12 1089.39 1367.72 1089.39V1089.39Z" fill="#B2B6BB" style="baseline-shift: 0px; fill: rgb(178, 182, 187); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M780.77 1061.47H1115.63C1122.76 1061.47 1129.59 1064.3 1134.63 1069.34C1139.67 1074.38 1142.5 1081.21 1142.5 1088.34H757.75V1084.5C757.746 1081.48 758.339 1078.48 759.494 1075.69C760.649 1072.89 762.345 1070.35 764.483 1068.21C766.621 1066.07 769.16 1064.38 771.955 1063.22C774.75 1062.06 777.745 1061.47 780.77 1061.47Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.3" d="M780.77 1061.47H1115.63C1122.76 1061.47 1129.59 1064.3 1134.63 1069.34C1139.67 1074.38 1142.5 1081.21 1142.5 1088.34H757.75V1084.5C757.746 1081.48 758.339 1078.48 759.494 1075.69C760.649 1072.89 762.345 1070.35 764.483 1068.21C766.621 1066.07 769.16 1064.38 771.955 1063.22C774.75 1062.06 777.745 1061.47 780.77 1061.47Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1019.3 1009.66H892.699V1074.9H1019.3V1009.66Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M618.179 489.33H1295C1300.6 489.33 1305.97 491.555 1309.93 495.516C1313.89 499.477 1316.12 504.849 1316.12 510.45V988.45C1316.12 991.225 1315.57 993.973 1314.51 996.536C1313.45 999.1 1311.89 1001.43 1309.93 1003.39C1307.97 1005.35 1305.64 1006.91 1303.07 1007.97C1300.51 1009.03 1297.76 1009.58 1294.99 1009.58H618.179C612.577 1009.58 607.205 1007.35 603.245 1003.39C599.284 999.433 597.059 994.061 597.059 988.46V510.46C597.059 504.858 599.283 499.485 603.244 495.522C607.204 491.56 612.576 489.333 618.179 489.33V489.33Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M618.179 489.33H1295C1300.6 489.33 1305.97 491.555 1309.93 495.516C1313.89 499.477 1316.12 504.849 1316.12 510.45V988.45C1316.12 991.225 1315.57 993.973 1314.51 996.536C1313.45 999.1 1311.89 1001.43 1309.93 1003.39C1307.97 1005.35 1305.64 1006.91 1303.07 1007.97C1300.51 1009.03 1297.76 1009.58 1294.99 1009.58H618.179C612.577 1009.58 607.205 1007.35 603.245 1003.39C599.284 999.433 597.059 994.061 597.059 988.46V510.46C597.059 504.858 599.283 499.485 603.244 495.522C607.204 491.56 612.576 489.333 618.179 489.33V489.33Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<path d="M606.669 489.33H1283.44C1289.04 489.33 1294.41 491.555 1298.37 495.516C1302.33 499.477 1304.56 504.849 1304.56 510.45V988.45C1304.56 991.225 1304.01 993.973 1302.95 996.536C1301.89 999.1 1300.33 1001.43 1298.37 1003.39C1296.41 1005.35 1294.08 1006.91 1291.52 1007.97C1288.95 1009.03 1286.2 1009.58 1283.43 1009.58H606.659C601.058 1009.58 595.686 1007.35 591.725 1003.39C587.764 999.433 585.539 994.061 585.539 988.46V510.46C585.539 504.856 587.765 499.482 591.728 495.519C595.691 491.556 601.065 489.33 606.669 489.33V489.33Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.3" d="M1019.3 1009.66H892.699V1074.9H1019.3V1009.66Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1008.35 1009.66H881.75V1074.9H1008.35V1009.66Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.3" d="M1008.17 1009.66H881.52V1021.17H1008.17V1009.66Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M781.19 1065.31H1108.92C1115.02 1065.31 1120.87 1067.73 1125.18 1072.05C1129.5 1076.36 1131.92 1082.21 1131.92 1088.31H758.16C758.16 1085.29 758.756 1082.29 759.914 1079.5C761.072 1076.71 762.768 1074.17 764.907 1072.04C767.046 1069.9 769.585 1068.21 772.379 1067.05C775.173 1065.9 778.167 1065.31 781.19 1065.31V1065.31Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M944.36 991.419C951.512 991.419 957.31 985.622 957.31 978.469C957.31 971.317 951.512 965.52 944.36 965.52C937.208 965.52 931.41 971.317 931.41 978.469C931.41 985.622 937.208 991.419 944.36 991.419Z" fill="#868A91" style="baseline-shift: 0px; fill: rgb(134, 138, 145); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M944.359 965.52C943.719 965.522 943.081 965.575 942.449 965.68C945.512 966.142 948.307 967.687 950.327 970.035C952.347 972.383 953.457 975.377 953.457 978.475C953.457 981.572 952.347 984.566 950.327 986.914C948.307 989.262 945.512 990.807 942.449 991.27C943.081 991.369 943.72 991.422 944.359 991.43C946.151 991.579 947.955 991.355 949.656 990.772C951.357 990.189 952.919 989.259 954.242 988.041C955.565 986.824 956.622 985.345 957.344 983.698C958.067 982.052 958.44 980.273 958.44 978.475C958.44 976.676 958.067 974.898 957.344 973.251C956.622 971.604 955.565 970.125 954.242 968.908C952.919 967.69 951.357 966.76 949.656 966.177C947.955 965.594 946.151 965.37 944.359 965.52V965.52Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M612.42 504H1277.68C1280.25 504 1282.72 505.022 1284.54 506.841C1286.36 508.66 1287.38 511.127 1287.38 513.7V948.25H602.73V513.71C602.729 512.436 602.979 511.175 603.465 509.997C603.951 508.82 604.665 507.75 605.564 506.848C606.464 505.946 607.533 505.231 608.709 504.742C609.886 504.254 611.147 504.001 612.42 504Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M678.961 621.65H656.141V876.48H678.961V621.65Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M723.011 708.199H700.191V876.479H723.011V708.199Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M767.058 653.32H744.238V877.77H767.058V653.32Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M811.109 631.49H788.289V876.48H811.109V631.49Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M855.172 713.381H832.352V876.481H855.172V713.381Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M899.218 745.369H876.398V876.489H899.218V745.369Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M943.269 647.801H920.449V876.481H943.269V647.801Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M987.32 689.029H964.5V876.479H987.32V689.029Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1031.38 656.09H1008.56V876.49H1031.38V656.09Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1075.43 726.33H1052.61V876.48H1075.43V726.33Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1163.3 647.801H1140.48V876.481H1163.3V647.801Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1256.85 794.93H1234.03V873.18H1256.85V794.93Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1211.25 726.33H1188.43V876.48H1211.25V726.33Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1119.48 697.76H1096.66V876.48H1119.48V697.76Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M678 620.689H655.18V875.519H678V620.689Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M722.05 707.24H699.23V875.52H722.05V707.24Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M766.101 652.359H743.281V876.809H766.101V652.359Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M810.148 630.529H787.328V875.519H810.148V630.529Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M854.211 712.42H831.391V875.52H854.211V712.42Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M898.261 744.41H875.441V875.53H898.261V744.41Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M942.308 646.84H919.488V875.52H942.308V646.84Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M986.359 688.07H963.539V875.52H986.359V688.07Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M1030.42 655.131H1007.6V875.531H1030.42V655.131Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M1074.47 725.369H1051.65V875.519H1074.47V725.369Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M1162.34 646.84H1139.52V875.52H1162.34V646.84Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M1255.89 793.971H1233.07V872.221H1255.89V793.971Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M1210.29 725.369H1187.47V875.519H1210.29V725.369Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.2" style="baseline-shift: 0px; opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.2" d="M1118.52 696.801H1095.7V875.521H1118.52V696.801Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<path d="M1256.67 895.479H630.139V569.26C630.092 569.11 630.082 568.951 630.108 568.797C630.134 568.642 630.196 568.496 630.289 568.37C630.382 568.244 630.503 568.141 630.643 568.07C630.783 568 630.937 567.963 631.094 567.963C631.25 567.963 631.405 568 631.545 568.07C631.685 568.141 631.806 568.244 631.899 568.37C631.992 568.496 632.054 568.642 632.08 568.797C632.106 568.951 632.095 569.11 632.049 569.26V893.56H1256.67C1256.88 893.62 1257.06 893.746 1257.19 893.919C1257.32 894.093 1257.39 894.303 1257.39 894.52C1257.39 894.736 1257.32 894.946 1257.19 895.12C1257.06 895.293 1256.88 895.419 1256.67 895.479V895.479Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M670.43 689.191C672.866 686.019 675.583 683.073 678.55 680.391C680.07 679.091 681.55 677.731 683.14 676.531C683.93 675.921 684.71 675.291 685.51 674.691L688 673.001C694.569 668.432 701.61 664.58 709 661.511C723.828 655.179 739.893 652.271 756 653.001C772.123 654.005 787.734 659.046 801.4 667.661C803.16 668.661 804.74 669.881 806.4 671.011C808.073 672.124 809.689 673.322 811.24 674.601L815.92 678.401C817.4 679.751 818.85 681.141 820.32 682.511L822.52 684.571L824.58 686.771L828.69 691.181C829.99 692.701 831.24 694.271 832.52 695.821C833.8 697.371 835.12 698.891 836.25 700.551L839.78 705.421C840.35 706.241 840.98 707.031 841.51 707.881L843.14 710.411L849.59 720.531C851.71 723.891 853.91 727.271 855.98 730.691C858.05 734.111 860.1 737.551 862.13 740.991C870.2 754.801 878.08 768.701 886.83 781.991C895.58 795.281 905.14 808.181 916.68 819.101C922.413 824.585 928.794 829.35 935.68 833.291C942.549 837.193 950.06 839.834 957.86 841.091C965.667 842.268 973.626 841.983 981.33 840.251C985.19 839.4 988.983 838.27 992.68 836.871C996.381 835.461 1000 833.845 1003.52 832.031C1010.54 828.329 1017.23 824.03 1023.52 819.181C1029.68 814.176 1035.29 808.538 1040.27 802.361C1050.37 790.051 1058.77 776.421 1067.2 762.861C1075.63 749.301 1084.02 735.631 1093.53 722.731C1098.25 716.25 1103.29 710.012 1108.64 704.041C1113.99 698.058 1119.74 692.449 1125.85 687.251C1138.06 676.794 1151.94 668.455 1166.91 662.581C1181.91 656.884 1197.66 653.414 1213.67 652.281C1229.64 651.154 1245.67 651.607 1261.55 653.631C1245.67 651.758 1229.65 651.464 1213.71 652.751C1197.79 654.028 1182.14 657.633 1167.26 663.451C1152.44 669.377 1138.71 677.732 1126.63 688.171C1120.59 693.366 1114.91 698.969 1109.63 704.941C1104.34 710.906 1099.36 717.134 1094.7 723.601C1085.32 736.501 1076.99 750.141 1068.59 763.741C1060.19 777.341 1051.78 791.011 1041.59 803.471C1036.54 809.752 1030.84 815.487 1024.59 820.581C1022.99 821.821 1021.39 823.061 1019.73 824.181L1017.25 825.911C1016.42 826.471 1015.57 827.001 1014.73 827.551C1011.37 829.771 1007.86 831.751 1004.31 833.651C1000.74 835.522 997.067 837.191 993.31 838.651C989.527 840.085 985.647 841.248 981.7 842.131C973.771 843.92 965.579 844.222 957.54 843.021C949.524 841.735 941.802 839.025 934.74 835.021C927.738 830.989 921.254 826.12 915.43 820.521C903.74 809.421 894.13 796.421 885.37 783.031C876.61 769.641 868.74 755.671 860.7 741.871C858.7 738.421 856.7 734.981 854.58 731.581C852.46 728.181 850.36 724.831 848.23 721.421L841.85 711.291L840.25 708.771C839.72 707.921 839.11 707.141 838.54 706.321L835 701.441C833.89 699.781 832.57 698.291 831.33 696.731C830.09 695.171 828.84 693.631 827.56 692.111L823.51 687.731L821.51 685.541L819.35 683.541C817.9 682.181 816.47 680.791 815.01 679.451L810.41 675.661C808.881 674.388 807.289 673.193 805.64 672.081C804 670.961 802.44 669.711 800.71 668.751C787.241 660.157 771.83 655.082 755.89 653.991C739.913 653.12 723.946 655.854 709.17 661.991C701.764 664.976 694.7 668.748 688.1 673.241L685.63 674.951C684.83 675.541 684.05 676.161 683.25 676.761C681.64 677.941 680.16 679.281 678.63 680.561C675.646 683.188 672.902 686.077 670.43 689.191Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1152.63 674.67C1154.98 674.67 1156.88 672.767 1156.88 670.42C1156.88 668.073 1154.98 666.17 1152.63 666.17C1150.28 666.17 1148.38 668.073 1148.38 670.42C1148.38 672.767 1150.28 674.67 1152.63 674.67Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M975.352 846.539C977.699 846.539 979.602 844.636 979.602 842.289C979.602 839.942 977.699 838.039 975.352 838.039C973.004 838.039 971.102 839.942 971.102 842.289C971.102 844.636 973.004 846.539 975.352 846.539Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M799.941 670.949C802.289 670.949 804.191 669.046 804.191 666.699C804.191 664.352 802.289 662.449 799.941 662.449C797.594 662.449 795.691 664.352 795.691 666.699C795.691 669.046 797.594 670.949 799.941 670.949Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M930.981 338.359H453.711V709.809H930.981V338.359Z" fill="#F4F4F4" stroke="#868A91" stroke-miterlimit="10" style="baseline-shift: 0px; fill: rgb(244, 244, 244); paint-order: normal; stroke: rgb(134, 138, 145); stroke-miterlimit: 10; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M551.24 387.16H473.98V391.46H551.24V387.16Z" fill="#B2B6BB" style="baseline-shift: 0px; fill: rgb(178, 182, 187); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M512.16 397.221H473.98V401.521H512.16V397.221Z" fill="#B2B6BB" style="baseline-shift: 0px; fill: rgb(178, 182, 187); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M868.148 667.06V681.33H872.178V667.06H868.148Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M805.852 667.07V681.34H809.882V667.07H805.852Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M743.539 667.06V681.33H747.569V667.06H743.539Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M681.238 667.07V681.34H685.268V667.07H681.238Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M618.93 667.06V681.33H622.96V667.06H618.93Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M556.621 667.07V681.34H560.651V667.07H556.621Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M532.031 656.439H518.031V660.469H532.031V656.439Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M532.031 602.57H518.031V606.6H532.031V602.57Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M532.031 501.199H518.031V505.229H532.031V501.199Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M532.031 450.25H518.031V454.28H532.031V450.25Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M532.738 551.891H518.738V555.921H532.738V551.891Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M556.27 649.56V604.56L584.27 561.05L603.27 575.64L642.27 514.99L665.27 531.21L697.27 475.26L723.27 496.47L762.27 422.25L804.27 505.25L838.27 463.74L878.27 452.29V649.56H556.27Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M556.27 649.56V604.56L584.27 561.05L603.27 575.64L642.27 514.99L665.27 531.21L697.27 475.26L723.27 496.47L762.27 422.25L804.27 505.25L838.27 463.74L878.27 452.29V649.56H556.27Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M882.562 436.299H881.862H879.772L871.642 436.369L840.922 436.499L841.132 436.389L808.132 479.389L808.022 479.529H807.832L725.392 479.619L725.782 479.389L691.122 537.089L657.122 593.649L656.762 594.249L656.352 593.689C640.052 571.299 624.992 550.589 611.672 532.299H612.322L571.642 595.799L560.312 613.369L557.312 617.959C556.632 618.959 556.262 619.509 556.262 619.509C556.262 619.509 556.562 618.949 557.262 617.889C557.962 616.829 558.902 615.259 560.162 613.239L571.312 595.559L611.712 531.869L612.022 531.389L612.362 531.849L657.152 593.159H656.382C667.162 575.219 678.582 556.219 690.382 536.579L725.002 478.999L725.132 478.779H725.402L807.842 478.859L807.532 479.009L840.672 436.139L840.752 436.029H840.892L871.612 436.159L879.742 436.229H881.832C882.322 436.269 882.562 436.299 882.562 436.299Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M625.51 546.57C625.531 547.199 625.365 547.821 625.031 548.354C624.698 548.888 624.212 549.311 623.637 549.567C623.062 549.823 622.423 549.901 621.803 549.792C621.183 549.683 620.61 549.391 620.157 548.954C619.704 548.516 619.392 547.954 619.261 547.338C619.13 546.722 619.185 546.081 619.421 545.497C619.657 544.914 620.061 544.413 620.583 544.061C621.105 543.709 621.72 543.52 622.349 543.52C623.173 543.507 623.968 543.82 624.56 544.392C625.152 544.964 625.494 545.747 625.51 546.57V546.57Z" fill="#263238" style="baseline-shift: 0px; fill: rgb(38, 50, 56); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M720.609 492.52C720.643 493.153 720.486 493.782 720.159 494.325C719.832 494.868 719.35 495.301 718.774 495.567C718.199 495.833 717.557 495.921 716.931 495.818C716.306 495.716 715.725 495.428 715.264 494.992C714.804 494.557 714.485 493.993 714.348 493.374C714.211 492.755 714.263 492.109 714.497 491.519C714.732 490.93 715.137 490.425 715.661 490.068C716.186 489.712 716.805 489.521 717.439 489.52C718.255 489.506 719.043 489.813 719.636 490.373C720.228 490.934 720.578 491.705 720.609 492.52V492.52Z" fill="#263238" style="baseline-shift: 0px; fill: rgb(38, 50, 56); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M791.371 482.289C793.116 482.289 794.531 480.924 794.531 479.239C794.531 477.555 793.116 476.189 791.371 476.189C789.626 476.189 788.211 477.555 788.211 479.239C788.211 480.924 789.626 482.289 791.371 482.289Z" fill="#263238" style="baseline-shift: 0px; fill: rgb(38, 50, 56); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M539.172 418.33V660.33H878.172" stroke="black" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M553.172 452.33H882.172" stroke="black" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M553.672 503.83H882.672" stroke="black" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M554.172 555.33H883.172" stroke="black" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M554.672 606.83H883.672" stroke="black" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M930.172 338.33H454.172V368.33H930.172V338.33Z" fill="#868A91" style="baseline-shift: 0px; fill: rgb(134, 138, 145); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M473.649 353.65C473.655 354.38 473.443 355.096 473.041 355.706C472.639 356.316 472.065 356.792 471.391 357.074C470.717 357.356 469.975 357.432 469.258 357.291C468.542 357.15 467.883 356.799 467.367 356.282C466.85 355.766 466.499 355.107 466.358 354.391C466.217 353.674 466.293 352.932 466.575 352.258C466.857 351.584 467.334 351.01 467.943 350.608C468.553 350.206 469.269 349.994 469.999 350C470.965 350.005 471.891 350.392 472.574 351.075C473.257 351.758 473.644 352.684 473.649 353.65V353.65Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M486.329 353.65C486.331 354.379 486.116 355.092 485.713 355.699C485.309 356.305 484.734 356.779 484.062 357.058C483.389 357.338 482.648 357.412 481.933 357.27C481.218 357.129 480.562 356.778 480.047 356.263C479.531 355.747 479.181 355.091 479.039 354.376C478.897 353.661 478.971 352.92 479.251 352.248C479.531 351.575 480.004 351 480.61 350.596C481.217 350.193 481.93 349.979 482.659 349.98C483.632 349.98 484.566 350.367 485.254 351.055C485.942 351.744 486.329 352.677 486.329 353.65V353.65Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M499.001 353.65C499.003 354.379 498.788 355.091 498.385 355.698C497.982 356.304 497.408 356.777 496.736 357.057C496.064 357.338 495.323 357.412 494.609 357.271C493.894 357.13 493.238 356.78 492.722 356.266C492.206 355.752 491.855 355.096 491.712 354.382C491.569 353.668 491.642 352.928 491.92 352.255C492.198 351.582 492.67 351.006 493.275 350.601C493.88 350.197 494.592 349.98 495.321 349.98C495.803 349.979 496.282 350.073 496.728 350.257C497.175 350.441 497.58 350.711 497.922 351.052C498.264 351.393 498.535 351.798 498.72 352.244C498.905 352.69 499.001 353.168 499.001 353.65V353.65Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M415.331 1054.71H292.891V1070.25H415.331V1054.71Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M315.938 1054.71H292.648V1070.25H315.938V1054.71Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M400.76 1054.71H383.68V1070.25H400.76V1054.71Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M415.331 1023.63H292.891V1039.17H415.331V1023.63Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M315.938 1023.63H292.648V1039.17H315.938V1023.63Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M400.76 1023.63H383.68V1039.17H400.76V1023.63Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M415.331 977H292.891V992.54H415.331V977Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M315.938 977H292.648V992.54H315.938V977Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M400.76 977H383.68V992.54H400.76V977Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M429.909 1070.25H307.469V1085.79H429.909V1070.25Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M331.368 1069.39H308.078V1084.93H331.368V1069.39Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M415.342 1070.25H398.262V1085.79H415.342V1070.25Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M429.909 1008.08H307.469V1023.62H429.909V1008.08Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M331.368 1008.08H308.078V1023.62H331.368V1008.08Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M415.342 1008.08H398.262V1023.62H415.342V1008.08Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M429.909 992.539H307.469V1008.08H429.909V992.539Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M331.368 992.539H308.078V1008.08H331.368V992.539Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M415.342 992.539H398.262V1008.08H415.342V992.539Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M429.909 1039.17H307.469V1054.71H429.909V1039.17Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M331.368 1039.17H308.078V1054.71H331.368V1039.17Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M415.342 1039.17H398.262V1054.71H415.342V1039.17Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M415.339 1069.76H307.469V1070.74H415.339V1069.76Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M415.339 1054.22H307.469V1055.2H415.339V1054.22Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M415.339 1038.67H307.469V1039.65H415.339V1038.67Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M415.339 1023.13H307.469V1024.11H415.339V1023.13Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M429.909 1007.59H307.469V1008.57H429.909V1007.59Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<g opacity="0.3" style="baseline-shift: 0px; opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);">
<path opacity="0.3" d="M429.909 992.051H307.469V993.031H429.909V992.051Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.3; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</g>
<path d="M293.309 1083.16C321.765 1073.38 336.908 1042.39 327.132 1013.93C317.356 985.479 286.363 970.336 257.907 980.112C229.451 989.887 214.308 1020.88 224.084 1049.34C233.86 1077.79 264.853 1092.94 293.309 1083.16Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M293.309 1083.16C321.765 1073.38 336.908 1042.39 327.132 1013.93C317.356 985.479 286.363 970.336 257.907 980.112C229.451 989.887 214.308 1020.88 224.084 1049.34C233.86 1077.79 264.853 1092.94 293.309 1083.16Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M275.245 1085.35C305.25 1083.1 327.753 1056.96 325.507 1026.96C323.262 996.951 297.118 974.448 267.113 976.694C237.109 978.939 214.606 1005.08 216.851 1035.09C219.097 1065.09 245.24 1087.6 275.245 1085.35Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M275.245 1085.35C305.25 1083.1 327.753 1056.96 325.507 1026.96C323.262 996.951 297.118 974.448 267.113 976.694C237.109 978.939 214.606 1005.08 216.851 1035.09C219.097 1065.09 245.24 1087.6 275.245 1085.35Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M293.375 1068.66C314.193 1056.45 321.173 1029.67 308.963 1008.85C296.754 988.036 269.979 981.057 249.161 993.266C228.342 1005.48 221.363 1032.25 233.572 1053.07C245.781 1073.89 272.556 1080.87 293.375 1068.66Z" fill="#61656D" style="baseline-shift: 0px; fill: rgb(97, 101, 109); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M229.821 1029.15C230.791 1017.61 236.306 1006.92 245.153 999.438C254 991.958 265.455 988.297 277.001 989.26C286.001 990.01 295.001 994.35 301.601 999.62C297.489 995.567 292.614 992.37 287.259 990.212C281.904 988.055 276.174 986.98 270.401 987.05C264.628 987.12 258.926 988.334 253.624 990.621C248.323 992.909 243.528 996.224 239.516 1000.38C235.503 1004.53 232.354 1009.43 230.249 1014.81C228.144 1020.19 227.126 1025.93 227.253 1031.7C227.38 1037.47 228.649 1043.16 230.989 1048.44C233.328 1053.72 236.69 1058.48 240.881 1062.45C236.858 1057.62 233.927 1051.98 232.291 1045.91C230.851 1040.91 229.361 1034.65 229.821 1029.15Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M266.049 1060.93L266.579 1054.68C259.579 1053.77 256.219 1051.07 256.929 1042.56C257.07 1040.73 257.357 1038.92 257.789 1037.14L266.689 1037.89C266.516 1038.71 266.392 1039.53 266.319 1040.36C266.009 1044.05 266.079 1046.16 269.689 1046.46C273.299 1046.76 273.689 1045.46 274.129 1040.77C274.319 1038.45 274.389 1037.65 273.199 1036.42C270.759 1033.71 264.319 1031.42 261.379 1028.96C258.739 1026.8 258.319 1024.02 258.949 1016.56C259.669 1007.98 262.479 1005.3 270.699 1005.56L271.109 1000.56L276.169 1000.99L275.749 1005.99C283.259 1006.99 285.689 1009.82 285.049 1017.44C284.919 1019.08 284.675 1020.7 284.319 1022.3L275.489 1021.56C275.641 1020.66 275.745 1019.75 275.799 1018.84C276.079 1015.47 275.739 1013.75 272.379 1013.47C269.489 1013.22 268.609 1014.12 268.269 1018.13C267.919 1022.3 268.129 1022.72 270.749 1024.13C273.609 1025.75 276.419 1026.87 278.889 1028.29C282.349 1030.36 284.689 1031.36 283.989 1039.62C282.989 1051.26 280.509 1055.08 271.639 1054.99L271.099 1061.32L266.049 1060.93Z" fill="#F4F4F4" style="baseline-shift: 0px; fill: rgb(244, 244, 244); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1210.81 1035.28C1211.99 1035.8 1213.06 1036.55 1213.94 1037.49C1214.83 1038.43 1215.51 1039.54 1215.96 1040.75C1216.83 1043.19 1217.13 1045.79 1216.85 1048.36C1216.45 1053.36 1213.79 1058.41 1210.85 1062.45C1206.57 1058.95 1205.41 1052.63 1205.03 1049.39C1204.42 1044.27 1206.43 1034.65 1210.77 1035.28" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1216.53 1071.19C1216.05 1069.83 1215.95 1068.36 1216.22 1066.95C1216.5 1065.53 1217.14 1064.21 1218.09 1063.12C1219.05 1062.05 1220.22 1061.18 1221.53 1060.57C1222.83 1059.96 1224.25 1059.61 1225.69 1059.55C1226.35 1059.45 1227.02 1059.49 1227.66 1059.68C1228.3 1059.87 1228.89 1060.19 1229.39 1060.63C1229.78 1061.12 1230.04 1061.7 1230.13 1062.31C1230.23 1062.93 1230.16 1063.56 1229.93 1064.14C1229.45 1065.29 1228.67 1066.3 1227.68 1067.06C1224.41 1069.8 1220.75 1071.85 1216.53 1071.19" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1206.51 1071.35C1205.91 1068.37 1204.62 1065.57 1202.72 1063.19C1200.83 1060.81 1198.4 1058.91 1195.63 1057.66C1194.21 1057.03 1192.38 1056.66 1191.27 1057.73C1190.16 1058.8 1190.47 1060.65 1191.08 1062.08C1192.39 1065.03 1194.56 1067.52 1197.29 1069.25C1200.02 1070.97 1203.2 1071.84 1206.43 1071.76" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1210.39 1042.94C1210.66 1046.56 1210.88 1050.19 1211.05 1053.82C1211.24 1057.45 1211.35 1061.09 1211.48 1064.72C1211.61 1068.35 1211.66 1071.99 1211.68 1075.62C1211.7 1079.25 1211.68 1082.9 1211.57 1086.53L1210.9 1064.74L1210.6 1053.84C1210.51 1050.21 1210.45 1046.57 1210.39 1042.94Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1212.16 1085.94C1212.24 1083.72 1212.53 1081.51 1213.05 1079.35C1213.55 1077.17 1214.28 1075.06 1215.23 1073.04C1216.19 1071 1217.53 1069.17 1219.17 1067.62C1220.01 1066.87 1220.94 1066.23 1221.94 1065.72C1222.95 1065.23 1224.02 1064.9 1225.12 1064.72C1222.99 1065.28 1221.04 1066.39 1219.48 1067.94C1217.94 1069.49 1216.68 1071.3 1215.76 1073.28C1214.8 1075.26 1214.04 1077.32 1213.49 1079.45C1212.91 1081.58 1212.46 1083.75 1212.16 1085.94Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M1211 1085.94C1210.7 1083.75 1210.25 1081.59 1209.67 1079.46C1209.12 1077.33 1208.36 1075.27 1207.4 1073.29C1206.48 1071.31 1205.22 1069.5 1203.68 1067.95C1202.12 1066.4 1200.17 1065.29 1198.04 1064.73C1199.14 1064.91 1200.21 1065.24 1201.22 1065.73C1202.22 1066.24 1203.15 1066.88 1203.99 1067.63C1205.63 1069.18 1206.97 1071.01 1207.93 1073.05C1208.88 1075.07 1209.61 1077.18 1210.11 1079.36C1210.62 1081.52 1210.92 1083.72 1211 1085.94Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M612.809 1034.28C613.991 1034.8 615.057 1035.55 615.942 1036.49C616.827 1037.43 617.513 1038.54 617.959 1039.75C618.829 1042.19 619.133 1044.79 618.849 1047.36C618.449 1052.36 615.789 1057.41 612.849 1061.45C608.569 1057.95 607.409 1051.63 607.029 1048.39C606.419 1043.27 608.429 1033.65 612.769 1034.28" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M618.529 1070.19C618.055 1068.83 617.949 1067.36 618.223 1065.95C618.497 1064.53 619.141 1063.21 620.089 1062.12C621.055 1061.05 622.224 1060.18 623.529 1059.57C624.834 1058.96 626.248 1058.61 627.689 1058.55C628.347 1058.45 629.019 1058.49 629.658 1058.68C630.298 1058.87 630.888 1059.19 631.389 1059.63C631.782 1060.12 632.039 1060.7 632.134 1061.31C632.229 1061.93 632.158 1062.56 631.929 1063.14C631.447 1064.29 630.671 1065.3 629.679 1066.06C626.409 1068.8 622.749 1070.85 618.529 1070.19" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M608.508 1070.35C607.913 1067.37 606.615 1064.57 604.723 1062.19C602.831 1059.81 600.399 1057.91 597.628 1056.66C596.208 1056.03 594.378 1055.66 593.268 1056.73C592.158 1057.8 592.468 1059.65 593.078 1061.08C594.395 1064.03 596.555 1066.52 599.287 1068.25C602.019 1069.97 605.2 1070.84 608.428 1070.76" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M612.391 1041.94C612.657 1045.56 612.877 1049.19 613.051 1052.82C613.241 1056.45 613.351 1060.09 613.481 1063.72C613.611 1067.35 613.661 1070.99 613.681 1074.62C613.701 1078.25 613.681 1081.9 613.571 1085.53L612.901 1063.74L612.601 1052.84C612.511 1049.21 612.451 1045.57 612.391 1041.94Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M614.16 1084.94C614.237 1082.72 614.535 1080.51 615.05 1078.35C615.546 1076.17 616.277 1074.06 617.23 1072.04C618.194 1070 619.53 1068.17 621.17 1066.62C622.006 1065.87 622.938 1065.23 623.94 1064.72C624.946 1064.23 626.017 1063.9 627.12 1063.72C624.989 1064.28 623.044 1065.39 621.48 1066.94C619.936 1068.49 618.676 1070.3 617.76 1072.28C616.803 1074.26 616.043 1076.32 615.49 1078.45C614.906 1080.58 614.461 1082.75 614.16 1084.94Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M612.999 1084.94C612.697 1082.75 612.253 1080.59 611.669 1078.46C611.116 1076.33 610.356 1074.27 609.399 1072.29C608.483 1070.31 607.224 1068.5 605.679 1066.95C604.116 1065.4 602.17 1064.29 600.039 1063.73C601.142 1063.91 602.213 1064.24 603.219 1064.73C604.222 1065.24 605.153 1065.88 605.989 1066.63C607.629 1068.18 608.965 1070.01 609.929 1072.05C610.882 1074.07 611.613 1076.18 612.109 1078.36C612.624 1080.52 612.922 1082.72 612.999 1084.94V1084.94Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M416.25 1031.4C417.253 1034.52 417.666 1037.81 417.47 1041.08L417.57 1068.34C417.377 1073.09 416.058 1077.73 413.72 1081.87L413.15 1082.81C412.479 1084.02 411.499 1085.02 410.311 1085.72C409.123 1086.43 407.77 1086.8 406.39 1086.81H398.58C396.836 1086.8 395.145 1086.21 393.77 1085.14C392.394 1084.06 391.41 1082.57 390.97 1080.88C389.954 1076.85 389.828 1072.65 390.6 1068.57L397.17 1039.44C397.633 1036.72 398.422 1034.07 399.52 1031.54L416.25 1031.4Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M521.889 967.401L523.489 1018.24C523.489 1023.04 524.709 1028.11 526.589 1030.65L549.329 1070.21L544.069 1077.45L523.489 1067.21L505.159 1034.13C505.249 1028.49 504.599 1025.13 503.659 1017.49L494.539 961.381L521.889 967.401Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M549.188 1070C538.478 1069.74 531.008 1059.08 531.008 1059.08L513.748 1036.37C511.459 1033.36 510.091 1029.74 509.808 1025.97L508.478 1007.97C508.362 1006.4 508.833 1004.84 509.799 1003.6C510.765 1002.36 512.158 1001.51 513.708 1001.24L522.898 999.619L522.808 996.779H500.398L500.328 997.039L503.658 1017.53C504.598 1025.14 505.248 1028.53 505.158 1034.17L523.488 1067.25L531.778 1071.37L549.218 1070.05L549.188 1070Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M560 1076.89L549.2 1070.31C545.359 1070.94 541.418 1070.55 537.773 1069.19C534.128 1067.82 530.907 1065.52 528.43 1062.51L505.03 1034.13C500.797 1043.17 499.293 1053.25 500.7 1063.13L504.09 1086.62H506.81L507.56 1062.47C507.57 1062.08 507.7 1061.7 507.933 1061.39C508.165 1061.07 508.488 1060.84 508.859 1060.72C509.229 1060.59 509.629 1060.59 510.003 1060.7C510.377 1060.81 510.708 1061.03 510.95 1061.34L525.23 1078.82C527.229 1081.28 529.75 1083.27 532.61 1084.63C535.471 1086 538.6 1086.71 541.77 1086.72H564.05C564.453 1086.72 564.85 1086.62 565.205 1086.43C565.561 1086.24 565.863 1085.97 566.086 1085.63C566.309 1085.29 566.445 1084.91 566.482 1084.51C566.52 1084.11 566.457 1083.7 566.3 1083.33C565.104 1080.46 562.849 1078.15 560 1076.89V1076.89Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M417.291 1019.09C416.133 1028.88 415.628 1038.74 415.781 1048.6L415.971 1060.35C415.886 1062.84 414.841 1065.2 413.055 1066.93C411.269 1068.66 408.881 1069.64 406.391 1069.65H404.791C403.421 1069.65 402.065 1069.36 400.817 1068.8C399.569 1068.23 398.457 1067.4 397.557 1066.37C396.657 1065.33 395.99 1064.12 395.6 1062.8C395.211 1061.49 395.109 1060.11 395.301 1058.75L398.021 1044.84C399.416 1037.76 399.92 1030.53 399.521 1023.32L396.891 975.859L421.421 976.229L417.291 1019.09Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M508.052 637.061L511.462 677.751L513.462 699.551C515.902 727.091 517.499 754.661 518.252 782.261L524.002 996.721H499.242L453.242 696.271C453.098 695.286 452.598 694.388 451.837 693.747C451.076 693.106 450.107 692.765 449.112 692.791C448.066 692.8 447.061 693.2 446.295 693.912C445.529 694.625 445.057 695.598 444.972 696.641L421.142 996.721L396.802 996.531L386.092 774.531C384.092 733.531 387.802 685.141 393.262 655.621L401.262 637.621L508.052 637.061Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M393.258 659.64C387.798 689.16 384.108 733.58 386.088 774.55L396.798 996.55L404.258 996.61L399.888 841.37C399.348 822.21 398.618 803.057 397.698 783.91C396.628 761.71 395.818 719.91 401.698 680.78C402.938 672.58 409.788 670.4 418.068 670.11L431.208 669.66C432.525 669.616 433.786 669.118 434.777 668.251C435.769 667.383 436.43 666.2 436.648 664.9L439.158 646.82L397.218 647.66L393.258 659.64Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M465.609 646.901L466.609 666.571C466.757 667.678 467.302 668.694 468.143 669.43C468.983 670.165 470.062 670.571 471.179 670.571H510.239L509.149 645.801L465.609 646.901Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M419.35 996.631L419.26 999.071L408.36 1001.07C407.56 1001.24 406.841 1001.67 406.327 1002.31C405.813 1002.94 405.535 1003.73 405.54 1004.55L403.1 1032.84L399.73 1056.15C399.83 1060.38 399.45 1066.02 403.96 1069.49C401.559 1069.39 399.286 1068.38 397.596 1066.67C395.905 1064.97 394.921 1062.68 394.84 1060.28L396.54 1050.34C397.64 1043.78 399.82 1038.34 399.82 1030.66V1026.28C399.54 1022.28 398.02 996.751 398.02 996.751L419.35 996.631Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M430.348 646.27L470.668 646.36C471.798 553.7 474.088 506.1 479.168 485.36L468.168 483.36L428.218 482L420.328 483.7C429.068 531 430.538 623 430.348 646.27Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.2" d="M435.902 507C430.432 556.2 430.542 623.56 430.352 646.31H438.722C442.662 585.37 442.462 548.5 435.902 507Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.2; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M429.428 666.101C430.002 666.103 430.556 665.891 430.981 665.506C431.407 665.122 431.673 664.592 431.728 664.021L434.128 634.351C436.798 603.051 437.308 565.261 437.278 539.661C437.259 520.286 434.987 500.98 430.508 482.131L430.428 481.811L391.218 489.751C379.468 492.671 372.888 503.291 372.328 514.941L391.248 536.001C396.478 575.63 396.088 615.8 390.088 655.321L388.738 663.851C388.692 664.113 388.703 664.383 388.771 664.641C388.839 664.899 388.963 665.139 389.133 665.345C389.304 665.55 389.517 665.716 389.757 665.831C389.998 665.946 390.261 666.007 390.528 666.011H404.998L429.428 666.101Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M404.28 580.861L399.58 524.251C399.544 524.147 399.476 524.057 399.387 523.994C399.297 523.931 399.19 523.896 399.08 523.896C398.97 523.896 398.863 523.931 398.774 523.994C398.684 524.057 398.617 524.147 398.58 524.251L398.07 536.351C397.653 535.118 397.145 533.918 396.55 532.761C395.892 531.494 395.115 530.292 394.23 529.171C393.362 528.028 392.307 527.041 391.11 526.251C392.63 528.641 393.93 531.021 395.2 533.461C395.86 534.671 396.45 535.911 397.09 537.141L397.96 538.821L395.64 570.481L394.46 570.181C395.77 596.951 394.33 628.821 390.12 655.351L388.77 663.881C388.724 664.143 388.735 664.413 388.803 664.671C388.872 664.929 388.995 665.169 389.165 665.375C389.336 665.58 389.549 665.746 389.79 665.861C390.03 665.976 390.293 666.037 390.56 666.041H396.12C402.27 644.751 403.06 598.731 403.12 580.931L404.28 580.861Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M493.511 661.23H509.391C509.953 661.233 510.51 661.118 511.025 660.891C511.54 660.664 512.001 660.331 512.379 659.914C512.756 659.497 513.041 659.005 513.216 658.47C513.39 657.935 513.45 657.369 513.391 656.81L508.571 619.23C506.083 599.84 505.888 580.225 507.991 560.79L512.161 522.21L517.051 514.41C517.141 502.29 511.411 492.14 499.851 488.47L469.851 484C465.151 503.08 467.631 551.55 468.941 636.89L469.701 657.12C469.742 658.192 470.196 659.206 470.967 659.952C471.738 660.697 472.768 661.116 473.841 661.12L493.511 661.23Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M493.51 666.231H509.39C509.953 666.234 510.51 666.118 511.025 665.892C511.54 665.665 512.001 665.332 512.378 664.915C512.756 664.498 513.041 664.006 513.215 663.471C513.39 662.936 513.45 662.37 513.39 661.811L508.48 619.001C506.021 599.8 505.83 580.376 507.91 561.131L512.11 522.261L517 514.461C517.09 502.341 511.36 492.191 499.8 488.521L468.8 483.051C464.1 502.131 467.58 551.601 468.89 636.941L469.74 664.501C469.758 664.947 469.947 665.368 470.267 665.679C470.587 665.99 471.014 666.166 471.46 666.171L493.51 666.231Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M396.642 553.93L396.892 549.28L394.542 542.98C395.012 528.04 391.412 518.89 383.702 505.98L373.002 509.87L367.352 550.87L396.642 553.93Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M480.23 462.651L461.23 452.841L463.77 406.711L480.09 408.811L487.8 415.301C487.8 415.301 487.36 417.901 487.25 419.421C486.83 425.271 491.65 428.311 497.16 431.421L480.23 462.651Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M502.771 572.389L499.051 549.999L516.801 509.119L527.921 578.999L502.771 572.389Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M501.75 562.131L523.9 552.971L530.17 586.331L504.77 582.391L501.75 562.131Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M506.56 578.189L502.08 532.579C502.29 531.789 502.51 530.999 502.76 530.229C503.06 529.309 505.59 524.039 505.98 523.169C506.353 522.278 506.885 521.461 507.55 520.759C506.734 521.322 506.052 522.056 505.55 522.909C505.18 523.459 502.68 528.409 502.38 528.999C502.6 527.689 502.83 526.379 503.07 525.079C503.43 523.309 503.77 521.549 504.21 519.799C504.631 518.043 505.145 516.311 505.75 514.609C504.803 516.173 504.015 517.828 503.4 519.549C502.767 521.267 502.236 523.02 501.81 524.799C501.36 526.569 501.03 528.359 500.71 530.159C500.39 531.959 499.48 541.209 499.33 543.039L500.33 535.639C498.05 555.459 497.52 576.399 497.52 576.399L506.56 578.189Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M498.841 461.85C499.229 463.913 499.046 466.043 498.311 468.01C497.561 470.085 496.19 471.88 494.385 473.15C492.58 474.42 490.428 475.104 488.221 475.11C487.096 475.091 485.98 474.902 484.911 474.55C483.69 474.17 482.382 474.165 481.157 474.536C479.933 474.907 478.847 475.636 478.041 476.63C476.474 478.519 474.422 479.944 472.105 480.753C469.787 481.562 467.294 481.723 464.891 481.22C462.962 480.77 461.147 479.923 459.563 478.733C457.979 477.542 456.661 476.034 455.693 474.306C454.724 472.577 454.127 470.665 453.939 468.693C453.751 466.72 453.977 464.73 454.601 462.85C455.5 459.937 457.336 457.403 459.825 455.643C462.314 453.883 465.316 452.996 468.361 453.12C470.408 453.236 472.403 453.814 474.195 454.809C475.987 455.805 477.531 457.193 478.711 458.87C479.566 457.16 480.852 455.702 482.441 454.64C480.809 452.956 479.612 450.899 478.955 448.647C478.298 446.395 478.201 444.018 478.671 441.72C479.004 439.875 479.711 438.117 480.748 436.555C481.786 434.994 483.132 433.661 484.704 432.639C486.276 431.617 488.04 430.927 489.888 430.613C491.737 430.298 493.63 430.365 495.451 430.81C497.928 431.513 500.17 432.868 501.944 434.734C503.717 436.599 504.957 438.908 505.534 441.416C506.11 443.925 506.002 446.543 505.22 448.996C504.439 451.449 503.013 453.647 501.091 455.36C500.183 456.152 499.498 457.167 499.103 458.305C498.708 459.444 498.618 460.666 498.841 461.85Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M529.228 579.79L510.238 564.9L508.238 577.08L530.408 585.89L529.228 579.79Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M482.85 563.791L477 557.901C476.478 557.379 475.831 557.001 475.12 556.801L465.66 554.141C464.714 553.869 463.703 553.921 462.79 554.291L442.65 562.341L395.53 574.001L396.64 553.901L367.34 550.811L361.57 592.691C361.57 603.141 370.26 607.381 377.96 606.421C385.66 605.461 395.9 601.011 398.37 599.911L398.6 600.171L447.23 575.551C451.957 575.965 456.718 575.757 461.39 574.931L465.59 575.401C466.464 575.496 467.346 575.336 468.13 574.941L469.13 574.461C469.294 574.372 469.43 574.24 469.523 574.078C469.615 573.917 469.661 573.733 469.655 573.547C469.649 573.361 469.591 573.18 469.487 573.026C469.384 572.871 469.24 572.748 469.07 572.671L465.73 571.241L469.58 572.341C469.877 572.43 470.194 572.43 470.49 572.341L471.15 572.121C471.383 572.042 471.594 571.911 471.768 571.738C471.941 571.564 472.072 571.353 472.15 571.121C472.257 570.799 472.255 570.452 472.145 570.132C472.035 569.812 471.822 569.538 471.54 569.351L470.67 568.781L472.87 569.651C473.142 569.76 473.435 569.802 473.726 569.772C474.017 569.743 474.297 569.642 474.54 569.481L475.08 569.121C475.418 568.902 475.669 568.574 475.79 568.191C475.906 567.83 475.904 567.443 475.786 567.083C475.667 566.724 475.438 566.411 475.13 566.191L468.13 561.191C467.98 561.078 467.873 560.918 467.826 560.736C467.778 560.554 467.794 560.362 467.87 560.191C467.957 560.011 468.107 559.87 468.292 559.794C468.476 559.719 468.682 559.714 468.87 559.781L474.38 561.431L480.79 566.241C481.118 566.488 481.527 566.601 481.935 566.559C482.343 566.516 482.72 566.32 482.989 566.01C483.258 565.7 483.4 565.3 483.385 564.89C483.371 564.48 483.201 564.09 482.91 563.801L482.85 563.791Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M469.08 573.42C469.08 575.88 461.08 573.42 461.08 573.42C457.39 573.42 446.31 571.57 446.31 571.57L396.26 591.65C363.17 603.97 362.51 585.88 362.51 585.88L361.57 592.71C361.57 603.16 370.26 607.4 377.96 606.44C382.31 605.89 390.11 603.63 398.48 600.06L398.6 600.19L447.23 575.57C451.957 575.985 456.718 575.776 461.39 574.95L465.59 575.42C466.464 575.515 467.346 575.356 468.13 574.96L469.13 574.48C469.32 574.384 469.474 574.23 469.57 574.04V574.04L469.08 573.42Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M471.132 569.01L466.012 566.65" stroke="black" stroke-width="0.62" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; opacity: 0.15; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.62px; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M467.559 572.07L463.539 570.34" stroke="black" stroke-width="0.62" stroke-miterlimit="10" stroke-linecap="round" style="baseline-shift: 0px; opacity: 0.15; paint-order: normal; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.62px; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M432.521 444.529L430.051 481.659C429.911 483.296 430.304 484.934 431.171 486.329C436.511 494.789 454.581 502.599 466.371 486.329C467.421 484.889 468.371 483.389 468.061 481.639L464.221 454.809L432.521 444.529Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M465.689 466.42L464.569 459.68L453.409 463.11C453.448 463.144 453.485 463.181 453.519 463.22C450.448 463.082 447.428 462.384 444.609 461.16C444.429 461.079 444.225 461.07 444.039 461.135C443.853 461.2 443.699 461.334 443.609 461.51C443.556 461.605 443.524 461.711 443.515 461.819C443.505 461.928 443.518 462.037 443.553 462.141C443.588 462.244 443.643 462.339 443.717 462.42C443.79 462.5 443.879 462.565 443.979 462.61C447.172 464.022 450.617 464.774 454.109 464.82C454.549 464.82 454.999 464.82 455.459 464.77C459.869 467.48 465.689 466.42 465.689 466.42Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M454.342 463.241H452.762C441.052 463.451 431.002 453.311 430.762 441.591L430.142 412.001C430.109 410.135 430.815 408.332 432.105 406.983C433.396 405.635 435.166 404.851 437.032 404.801L464.762 404.221C465.968 404.196 467.168 404.408 468.292 404.847C469.416 405.286 470.442 405.942 471.313 406.778C472.183 407.614 472.88 408.613 473.364 409.719C473.847 410.824 474.108 412.014 474.132 413.221L474.742 440.841C475.002 452.411 466.552 463.361 454.342 463.241Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M452.679 448.35L453.429 449.53C453.915 450.226 454.565 450.793 455.321 451.181C456.077 451.569 456.917 451.765 457.766 451.753C458.616 451.742 459.449 451.522 460.194 451.113C460.939 450.705 461.573 450.12 462.039 449.41L462.909 448.02C463.089 447.72 462.909 447.35 462.599 447.39L453.029 447.75C452.709 447.68 452.509 448.08 452.679 448.35Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M483.36 414.679C482.418 416.604 480.913 418.197 479.045 419.246C477.176 420.294 475.033 420.749 472.9 420.549C469.318 420.269 465.961 418.693 463.458 416.116C460.954 413.539 459.476 410.138 459.3 406.549H459.17C457.743 408.436 455.874 409.942 453.726 410.932C451.579 411.923 449.22 412.369 446.86 412.229C445.491 412.143 444.143 411.853 442.86 411.369C441.18 427.099 431.46 428.319 431.46 428.319C431.37 429.829 431.2 432.859 430.99 436.439C430.84 438.869 433.72 440.049 432.33 441.809L433.08 441.859C432.67 442.449 433.76 443.199 433.47 443.859C432.988 444.975 432.707 446.166 432.64 447.379C432.517 449.097 432.845 450.816 433.59 452.368C434.336 453.92 435.473 455.251 436.89 456.229C439.79 458.339 442.98 461.229 443.42 464.899C443.97 469.489 440.59 477.899 429.17 477.679C425.88 477.619 399.52 476.909 402.68 453.409C403.153 451.465 403.926 449.607 404.97 447.899C405.603 446.701 405.975 445.382 406.06 444.029C406.26 440.799 404.26 438.489 402.19 436.399C401.014 435.34 400.094 434.029 399.496 432.564C398.899 431.099 398.64 429.518 398.74 427.939C398.851 425.779 399.639 423.707 400.992 422.019C402.345 420.33 404.195 419.109 406.28 418.529C406.863 418.371 407.387 418.046 407.79 417.595C408.193 417.145 408.457 416.587 408.55 415.989C409.45 410.839 415.42 397.699 433.84 399.779C433.51 394.359 438.94 386.429 446.97 386.209C453.84 386.029 459.45 391.409 463.04 395.999C464.051 397.336 465.378 398.4 466.901 399.098C468.424 399.796 470.097 400.106 471.77 399.999C473.25 399.869 475.4 399.149 477.48 399.269C485.48 399.699 489.08 406.689 487.79 415.459L483.36 414.679Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M449.349 438.719C449.804 438.757 450.26 438.659 450.659 438.438C451.059 438.217 451.384 437.883 451.593 437.477C451.803 437.071 451.887 436.612 451.836 436.159C451.785 435.705 451.6 435.276 451.306 434.928C451.011 434.579 450.62 434.325 450.181 434.198C449.743 434.071 449.276 434.078 448.841 434.216C448.406 434.354 448.021 434.618 447.736 434.975C447.451 435.331 447.278 435.765 447.239 436.219C447.213 436.522 447.247 436.827 447.339 437.117C447.431 437.406 447.579 437.675 447.775 437.907C447.971 438.14 448.211 438.331 448.481 438.47C448.751 438.61 449.046 438.694 449.349 438.719V438.719Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M450.539 437.001C450.597 437.005 450.655 436.997 450.71 436.979C450.765 436.96 450.816 436.931 450.859 436.893C450.903 436.855 450.939 436.809 450.964 436.757C450.99 436.705 451.005 436.648 451.009 436.591C451.016 436.533 451.011 436.475 450.994 436.419C450.978 436.364 450.95 436.312 450.912 436.268C450.874 436.224 450.828 436.188 450.776 436.163C450.724 436.137 450.667 436.123 450.609 436.121C450.492 436.111 450.377 436.149 450.288 436.225C450.199 436.301 450.143 436.409 450.134 436.526C450.125 436.642 450.162 436.758 450.238 436.847C450.314 436.936 450.423 436.991 450.539 437.001V437.001Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M467.001 437.469C467.456 437.507 467.912 437.409 468.312 437.188C468.711 436.967 469.036 436.633 469.246 436.227C469.455 435.821 469.539 435.362 469.488 434.909C469.437 434.455 469.253 434.026 468.958 433.678C468.664 433.329 468.272 433.075 467.834 432.948C467.395 432.821 466.929 432.828 466.493 432.966C466.058 433.104 465.674 433.368 465.389 433.725C465.103 434.081 464.93 434.515 464.891 434.969C464.865 435.272 464.899 435.577 464.991 435.867C465.083 436.156 465.231 436.425 465.428 436.657C465.624 436.89 465.863 437.081 466.133 437.22C466.404 437.36 466.698 437.444 467.001 437.469V437.469Z" fill="#21252B" style="baseline-shift: 0px; fill: rgb(33, 37, 43); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M468.35 435.631C468.468 435.639 468.585 435.601 468.674 435.524C468.764 435.447 468.82 435.338 468.83 435.221C468.84 435.104 468.802 434.988 468.726 434.899C468.65 434.81 468.542 434.755 468.425 434.746C468.309 434.736 468.193 434.774 468.104 434.85C468.015 434.926 467.96 435.034 467.95 435.151C467.942 435.267 467.979 435.382 468.053 435.471C468.128 435.561 468.235 435.618 468.35 435.631Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M459.109 443.92H455.999C455.659 443.92 455.279 443.62 455.369 443.3C455.459 442.98 455.659 442.58 455.979 442.66H459.059C459.248 442.676 459.438 442.653 459.618 442.592C459.798 442.531 459.963 442.433 460.102 442.305C460.242 442.176 460.354 442.02 460.43 441.846C460.506 441.673 460.546 441.485 460.546 441.295C460.546 441.106 460.506 440.918 460.43 440.744C460.354 440.57 460.242 440.414 460.102 440.286C459.963 440.158 459.798 440.06 459.618 439.999C459.438 439.937 459.248 439.914 459.059 439.93C458.709 439.93 458.339 439.64 458.419 439.32C458.499 439 458.719 438.6 459.039 438.68C459.759 438.693 460.445 438.987 460.951 439.499C461.458 440.011 461.744 440.7 461.749 441.42C461.723 442.099 461.432 442.741 460.939 443.208C460.445 443.676 459.788 443.931 459.109 443.92Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M434.569 446.461C434.569 446.461 424.979 449.771 420.459 440.621C415.939 431.471 427.399 426.621 431.699 435.881L435.779 446.131L434.569 446.461Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M422.11 434.669C422.431 434.228 422.844 433.862 423.321 433.596C423.797 433.33 424.326 433.171 424.87 433.129C425.415 433.122 425.954 433.237 426.449 433.466C426.944 433.694 427.381 434.03 427.73 434.449C428.709 435.435 429.43 436.648 429.83 437.979L430.16 438.979C430.38 439.749 429.16 440.299 428.84 439.419L428.51 438.319C428.162 437.258 427.596 436.28 426.85 435.449C426.613 435.184 426.326 434.97 426.005 434.819C425.683 434.667 425.335 434.583 424.98 434.569C424.242 434.7 423.575 435.09 423.1 435.669C422.991 435.79 422.842 435.867 422.68 435.887C422.519 435.908 422.355 435.869 422.22 435.779C422.071 435.639 421.977 435.449 421.957 435.245C421.937 435.041 421.991 434.836 422.11 434.669V434.669Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M467.648 423.909C466.288 424.065 464.98 424.526 463.823 425.258C462.666 425.991 461.69 426.976 460.968 428.139C459.099 427.546 457.081 427.631 455.268 428.379C454.329 426.97 453.026 425.841 451.499 425.109C449.972 424.377 448.275 424.069 446.588 424.219C444.779 424.418 443.07 425.15 441.677 426.32C440.283 427.491 439.268 429.049 438.76 430.796C438.252 432.544 438.274 434.403 438.823 436.138C439.371 437.874 440.423 439.407 441.843 440.545C443.263 441.683 444.99 442.373 446.803 442.53C448.616 442.687 450.435 442.302 452.029 441.425C453.624 440.547 454.922 439.217 455.761 437.602C456.599 435.986 456.939 434.158 456.738 432.349C456.65 431.34 456.365 430.359 455.898 429.459C457.369 428.905 458.973 428.811 460.498 429.189C459.809 430.725 459.543 432.417 459.728 434.089C460.069 436.45 461.314 438.586 463.199 440.047C465.084 441.508 467.464 442.179 469.835 441.92C472.205 441.66 474.383 440.49 475.908 438.656C477.433 436.822 478.186 434.468 478.008 432.089C477.681 429.648 476.417 427.43 474.484 425.903C472.55 424.377 470.099 423.662 467.648 423.909V423.909ZM448.418 441.359C446.846 441.534 445.257 441.238 443.853 440.509C442.449 439.78 441.293 438.652 440.53 437.266C439.767 435.88 439.432 434.3 439.567 432.723C439.703 431.147 440.302 429.647 441.29 428.411C442.278 427.176 443.61 426.261 445.118 425.783C446.626 425.304 448.242 425.284 449.761 425.723C451.281 426.163 452.636 427.043 453.655 428.253C454.675 429.463 455.313 430.947 455.488 432.519C455.605 433.564 455.515 434.622 455.223 435.632C454.931 436.641 454.442 437.584 453.786 438.405C453.129 439.226 452.317 439.909 451.396 440.416C450.475 440.923 449.463 441.244 448.418 441.359V441.359ZM469.598 440.959C468.026 441.134 466.437 440.838 465.033 440.109C463.629 439.38 462.473 438.252 461.71 436.866C460.947 435.48 460.612 433.9 460.747 432.323C460.883 430.747 461.482 429.247 462.47 428.011C463.458 426.776 464.79 425.861 466.298 425.383C467.806 424.904 469.422 424.884 470.941 425.323C472.461 425.763 473.816 426.643 474.835 427.853C475.855 429.063 476.493 430.547 476.668 432.119C476.802 433.169 476.724 434.235 476.438 435.254C476.153 436.273 475.667 437.224 475.008 438.052C474.349 438.879 473.53 439.567 472.601 440.073C471.672 440.579 470.651 440.894 469.598 440.999V440.959Z" fill="white" style="baseline-shift: 0px; fill: rgb(255, 255, 255); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M431.148 445.689C431.544 445.689 431.931 445.572 432.26 445.352C432.588 445.133 432.845 444.82 432.996 444.455C433.148 444.089 433.187 443.687 433.11 443.299C433.033 442.911 432.842 442.555 432.563 442.275C432.283 441.996 431.927 441.805 431.539 441.728C431.151 441.651 430.749 441.69 430.383 441.842C430.018 441.993 429.705 442.249 429.486 442.578C429.266 442.907 429.148 443.294 429.148 443.689C429.148 444.22 429.359 444.729 429.734 445.104C430.109 445.479 430.618 445.689 431.148 445.689Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M432.139 445.141C431.584 445.284 430.996 445.203 430.501 444.914C430.007 444.626 429.646 444.154 429.499 443.601C429.388 443.205 429.388 442.786 429.499 442.391C429.292 442.629 429.144 442.912 429.068 443.218C428.991 443.524 428.988 443.843 429.059 444.151C429.109 444.411 429.215 444.658 429.368 444.875C429.521 445.092 429.719 445.274 429.947 445.409C430.176 445.544 430.431 445.629 430.695 445.659C430.959 445.689 431.226 445.662 431.479 445.581C431.885 445.498 432.243 445.262 432.479 444.921C432.469 445.141 432.359 445.141 432.139 445.141Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M432.578 446.901L435.998 446.131L433.348 454.621L432.578 446.901Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M510.049 996.629L468.999 707.799C468.364 703.255 465.979 699.139 462.354 696.326C458.729 693.513 454.149 692.226 449.589 692.739H449.199C450.193 692.715 451.161 693.055 451.921 693.697C452.68 694.338 453.178 695.236 453.319 696.219L499.319 996.619L510.049 996.629Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M513.139 573.5L527.999 582.26C529.349 583.05 529.879 584.65 530.089 586.26C530.699 591.26 528.359 604.56 514.769 600.44C513.755 600.108 512.882 599.446 512.289 598.56L503.289 585.47L513.139 573.5Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M507.62 586C510.11 583.8 512.62 579.8 513.45 573.84L512.23 573.17L502.75 585.84L504.27 587.51L512.27 598.61C512.867 599.497 513.743 600.159 514.76 600.49C524.27 603.39 528.23 598.35 529.61 592.18C523.02 605.53 511.42 593.73 507.4 588.98C507.048 588.55 506.874 588.001 506.915 587.446C506.956 586.892 507.209 586.374 507.62 586Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M486.242 552.32L459.262 584.99L461.332 587.24L505.122 580.56L526.832 547.88L524.822 546.07L486.242 552.32Z" fill="#263238" style="baseline-shift: 0px; fill: rgb(38, 50, 56); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M461.42 587.01L487.47 555L526.93 547.56L524.7 546.07L485.99 552.02L459.18 585.52L461.42 587.01Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M503.849 560.961C504.672 560.961 505.339 560.293 505.339 559.47C505.339 558.648 504.672 557.98 503.849 557.98C503.026 557.98 502.359 558.648 502.359 559.47C502.359 560.293 503.026 560.961 503.849 560.961Z" fill="#FAFAFA" style="baseline-shift: 0px; fill: rgb(250, 250, 250); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M514.86 560.939C514.024 560.944 513.209 561.199 512.52 561.674C511.831 562.148 511.302 562.819 511 563.599C510.35 565.289 509.4 567.259 508.35 567.839C506.4 568.899 503.04 569.749 501.27 568.839C499.5 567.929 492.43 561.609 491.19 562.319C489.95 563.029 488.89 564.609 490.13 566.029C491.37 567.449 497.91 571.689 496.67 573.109C495.43 574.529 481.67 568.289 479.51 568.839C477.35 569.389 476.15 570.699 477.39 571.549C478.63 572.399 488 575.999 488.51 577.219C488.51 577.219 474.35 573.499 473.82 574.379C473.29 575.259 472.41 576.679 473.82 577.219C475.23 577.759 487.44 580.929 488.51 581.459C490.263 582.188 492.091 582.722 493.96 583.049C495.89 583.555 497.793 584.159 499.66 584.859C502.525 585.851 505.652 585.769 508.46 584.629L509.9 584.039C510.988 583.597 511.909 582.825 512.533 581.831C513.158 580.836 513.454 579.671 513.38 578.499L513.1 573.679L514.64 569.679L514.86 560.939Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M487.469 579.57L477.799 578.82C477.799 578.82 476.249 579.34 477.019 580.38C477.188 580.596 477.4 580.775 477.64 580.906C477.881 581.036 478.146 581.116 478.419 581.14L494.919 583.29L487.469 579.57Z" fill="#FC9D9D" style="baseline-shift: 0px; fill: rgb(252, 157, 157); paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M421.982 483.44L420.172 520.3L436.252 511.06L430.192 482.34L421.982 483.44Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M423.032 483.241L422.102 516.721L435.932 510.081L429.982 479.471L423.032 483.241Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M475.69 484.53L484.17 521.45L465.73 512.88L468 481.84L475.69 484.53Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path d="M468 480.33L465.73 511.41L481.74 518.44L474.46 484.16L468 480.33Z" class="change-color-in-svg" fill="#4D61FC" style="fill: rgb(77, 97, 252); baseline-shift: 0px; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
<path opacity="0.15" d="M395.531 574L390.401 575.68C390.274 575.711 390.141 575.701 390.02 575.651C389.9 575.601 389.799 575.513 389.731 575.401C389.664 575.29 389.635 575.159 389.647 575.029C389.66 574.899 389.714 574.777 389.801 574.68L395.531 569.51V574Z" fill="black" style="baseline-shift: 0px; fill: rgb(0, 0, 0); opacity: 0.15; paint-order: normal; text-decoration: none solid rgb(61, 61, 61);"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

16
src/components/common/DarkModeSwitch.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<div
class="cursor-pointer"
@click="appStore.toggleDarkMode()"
>
<i-icon-park-outline-moon v-if="appStore.darkMode" />
<i-icon-park-outline-sun v-else />
</div>
</template>
<script setup lang="ts">
import { useAppStore } from '@/store';
const appStore = useAppStore();
</script>
<style scoped></style>

13
src/layouts/components/header/DarkMode.vue
View File

@ -1,9 +1,11 @@
<template>
<n-tooltip placement="bottom" trigger="hover">
<n-tooltip
placement="bottom"
trigger="hover"
>
<template #trigger>
<HeaderButton @click="appStore.toggleDarkMode()">
<i-icon-park-outline-moon v-if="appStore.darkMode" />
<i-icon-park-outline-sun v-else />
<HeaderButton>
<DarkModeSwitch />
</HeaderButton>
</template>
<span>切换主题模式</span>
@ -11,10 +13,7 @@
</template>
<script setup lang="ts">
import { useAppStore } from '@/store';
import HeaderButton from '../common/HeaderButton.vue';
const appStore = useAppStore();
</script>
<style scoped></style>

169
src/views/login/components/Login/index.vue Normal file
View File

@ -0,0 +1,169 @@
<template>
<div>
<n-h1 depth="3">
<SvgIcon
name="logo"
:size="42"
class="mr-1ch"
/>登录
</n-h1>
<n-form
ref="formRef"
:rules="rules"
:model="formValue"
:show-label="false"
size="large"
>
<n-form-item path="account">
<n-input
v-model:value="formValue.account"
clearable
placeholder="输入账号"
/>
</n-form-item>
<n-form-item path="pwd">
<n-input
v-model:value="formValue.pwd"
type="password"
placeholder="输入密码"
clearable
show-password-on="click"
>
<template #password-invisible-icon>
<i-icon-park-outline-preview-close-one />
</template>
<template #password-visible-icon>
<i-icon-park-outline-preview-open />
</template>
</n-input>
</n-form-item>
<n-form-item path="code">
<n-space align="center">
<n-input
v-model:value="formValue.code"
clearable
placeholder="输入验证码"
:maxlength="4"
/>
<div>验证码</div>
</n-space>
</n-form-item>
<n-space
vertical
:size="20"
>
<div class="flex-y-center justify-between">
<n-checkbox v-model:checked="isRemember">
记住我
</n-checkbox>
<n-button
type="primary"
text
@click="toOtherForm('resetPwd')"
>
忘记密码？
</n-button>
</div>
<n-button
block
type="primary"
size="large"
:loading="authStore.loginLoading"
@click="handleLogin"
>
登录
</n-button>
<n-button
type="primary"
text
@click="toOtherForm('register')"
>
立即注册
</n-button>
</n-space>
</n-form>
<n-divider><span op-80>其他登录</span></n-divider>
<n-space justify="center">
<n-button circle>
<template #icon>
<n-icon><i-icon-park-outline-wechat /></n-icon>
</template>
</n-button>
<n-button circle>
<template #icon>
<n-icon><i-icon-park-outline-tencent-qq /></n-icon>
</template>
</n-button>
<n-button circle>
<template #icon>
<n-icon><i-icon-park-outline-github-one /></n-icon>
</template>
</n-button>
</n-space>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { local } from '@/utils';
import { FormInst } from 'naive-ui';
import { useAuthStore } from '@/store';
const authStore = useAuthStore();
const emit = defineEmits(['update:modelValue']);
function toOtherForm(type: any) {
emit('update:modelValue', type);
}
const rules = {
account: {
required: true,
trigger: 'blur',
message: '请输入账户',
},
pwd: {
required: true,
trigger: 'blur',
message: '请输入密码',
},
code: {
required: true,
trigger: 'blur',
min: 4,
message: '最短长度为 4',
},
};
const formValue = ref({
account: 'admin',
pwd: '000000',
code: '1234',
});
const isRemember = ref(false);
const formRef = ref<FormInst | null>(null);
function handleLogin() {
formRef.value?.validate((errors) => {
if (errors) return;
const { account, pwd } = formValue.value;
if (isRemember.value) {
local.set('login_account', { account, pwd });
} else {
local.remove('login_account');
}
authStore.login(account, pwd);
});
}
function checkUserAccount() {
const loginAccount = local.get('login_account');
if (!loginAccount) return;
formValue.value = loginAccount;
isRemember.value = true;
}
checkUserAccount();
</script>
<style scoped></style>

132
src/views/login/components/Register/index.vue Normal file
View File

@ -0,0 +1,132 @@
<template>
<div>
<n-h1 depth="3">
<SvgIcon
name="logo"
:size="42"
class="mr-1ch"
/>注册
</n-h1>
<n-form
ref="formRef"
:rules="rules"
:model="formValue"
:show-label="false"
size="large"
>
<n-form-item path="account">
<n-input
v-model:value="formValue.account"
clearable
placeholder="输入账号"
/>
</n-form-item>
<n-form-item path="pwd">
<n-input
v-model:value="formValue.pwd"
type="password"
placeholder="输入密码"
clearable
show-password-on="click"
>
<template #password-invisible-icon>
<i-icon-park-outline-preview-close-one />
</template>
<template #password-visible-icon>
<i-icon-park-outline-preview-open />
</template>
</n-input>
</n-form-item>
<n-form-item path="rePwd">
<n-input
v-model:value="formValue.rePwd"
type="password"
placeholder="请再次输入密码"
clearable
show-password-on="click"
>
<template #password-invisible-icon>
<i-icon-park-outline-preview-close-one />
</template>
<template #password-visible-icon>
<i-icon-park-outline-preview-open />
</template>
</n-input>
</n-form-item>
<n-form-item>
<n-space
vertical
:size="20"
class="w-full"
>
<n-checkbox v-model:checked="isRead">
我已阅读并同意 <n-button
type="primary"
text
>
用户协议
</n-button> 及
<n-button
type="primary"
text
>
xx社区规范
</n-button>
</n-checkbox>
<n-button
block
type="primary"
@click="handleRegister"
>
立即注册
</n-button>
<n-button
tertiary
block
type="primary"
@click="toLogin"
>
已有账号？去登录
</n-button>
</n-space>
</n-form-item>
</n-form>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const emit = defineEmits(['update:modelValue']);
function toLogin() {
emit('update:modelValue', 'login');
}
const rules = {
account: {
required: true,
trigger: 'blur',
message: '请输入账户',
},
pwd: {
required: true,
trigger: 'blur',
message: '请输入密码',
},
rePwd: {
required: true,
trigger: 'blur',
message: '请再次确认密码',
},
};
const formValue = ref({
account: 'admin',
pwd: '000000',
rePwd: '000000',
});
const isRead = ref(false);
function handleRegister() {}
</script>
<style scoped></style>

74
src/views/login/components/ResetPwd/index.vue Normal file
View File

@ -0,0 +1,74 @@
<template>
<div>
<n-h1 depth="3">
<SvgIcon
name="logo"
:size="42"
class="mr-1ch"
/>重置密码
</n-h1>
<n-form
ref="formRef"
:rules="rules"
:model="formValue"
:show-label="false"
size="large"
>
<n-form-item path="account">
<n-input
v-model:value="formValue.account"
clearable
placeholder="账号/手机号码"
/>
</n-form-item>
<n-form-item>
<n-space
vertical
:size="20"
class="w-full"
>
<n-button
block
type="primary"
@click="handleRegister"
>
重置密码
</n-button>
<n-button
tertiary
block
type="primary"
@click="toLogin"
>
已有账号？去登录
</n-button>
</n-space>
</n-form-item>
</n-form>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const emit = defineEmits(['update:modelValue']);
function toLogin() {
emit('update:modelValue', 'login');
}
const rules = {
account: {
required: true,
trigger: 'blur',
message: '请输入账号/手机号码',
},
};
const formValue = ref({
account: '',
});
const isRead = ref(false);
function handleRegister() {}
</script>
<style scoped></style>

5
src/views/login/components/index.ts Normal file
View File

@ -0,0 +1,5 @@
import Login from './Login/index.vue'
import Register from './Register/index.vue'
import ResetPwd from './ResetPwd/index.vue'
export { Login, Register, ResetPwd }

252
src/views/login/index.vue
View File

@ -1,7 +1,10 @@
<template>
<div class="wh-full flex-center bg-[#EBECF0]">
<div class="wh-full flex-center login__bg">
<div class="fixed top-40px right-40px text-lg">
<DarkModeSwitch />
</div>
<n-el
class="w-1400px h-80% flex-center shadow-2xl b-rd-22px p-10px"
class="w-1000px h-600px flex-center shadow-2xl p-4xl rd-12px z-1"
style="background: var(--card-color)"
>
<n-grid
@ -11,211 +14,70 @@
responsive="screen"
>
<n-gi>
<div class="h-full flex-center">
<div class="h-full flex-col">
<n-h2>Ench-admin</n-h2>
<img
src="@/assets/svg/login-bg.svg"
class="h-full b-rd-12px"
src="@/assets/svg/login-illus.svg"
class="h-80%"
>
</div>
</n-gi>
<n-gi>
<div class="h-full flex-col-center justify-between">
<div class="w-full flex">
<n-switch
size="medium"
:value="appStore.darkMode"
@update:value="appStore.toggleDarkMode()"
>
<template #checked-icon>
🌙
</template> <template #unchecked-icon>
🔆
</template>
</n-switch>
</div>
<div class="w-1/2">
<n-h1 class="text-center">
<SvgIcon
name="logo"
:size="36"
/>
Ench Admin
</n-h1>
<n-p depth="3">
高效、简约、可能对你有点帮助
</n-p>
<n-form
ref="formRef"
:rules="rules"
:model="formValue"
:show-label="false"
size="large"
>
<n-form-item path="account">
<n-input
v-model:value="formValue.account"
clearable
placeholder="输入账号"
>
<template #prefix>
<i-icon-park-outline-woman />
</template>
</n-input>
</n-form-item>
<n-form-item path="pwd">
<n-input
v-model:value="formValue.pwd"
type="password"
placeholder="输入密码"
clearable
show-password-on="click"
>
<template #prefix>
<i-icon-park-outline-lock />
</template>
<template #password-invisible-icon>
<i-icon-park-outline-preview-close-one />
</template>
<template #password-visible-icon>
<i-icon-park-outline-preview-open />
</template>
</n-input>
</n-form-item>
<n-form-item path="code">
<n-space align="center">
<n-input
v-model:value="formValue.code"
clearable
placeholder="输入验证码"
:maxlength="4"
>
<template #prefix>
<i-icon-park-outline-message />
</template>
</n-input>
<span>验证码什么的</span>
</n-space>
</n-form-item>
<n-space
vertical
:size="24"
>
<div class="flex-y-center justify-between">
<n-checkbox v-model:checked="isRemember">
记住我
</n-checkbox>
<n-button :text="true">
忘记密码？
</n-button>
</div>
<n-button
w-full
type="primary"
size="large"
:loading="authStore.loginLoading"
@click="handleLogin"
>
<template #icon>
<n-icon>
<i-icon-park-outline-six-points />
</n-icon>
</template>
登录
</n-button>
</n-space>
</n-form>
<n-divider><span op-80>其他登录</span></n-divider>
<n-space justify="center">
<n-button circle>
<template #icon>
<n-icon><i-icon-park-outline-wechat /></n-icon>
</template>
</n-button>
<n-button circle>
<template #icon>
<n-icon><i-icon-park-outline-tencent-qq /></n-icon>
</template>
</n-button>
<n-button circle>
<template #icon>
<n-icon><i-icon-park-outline-github-one /></n-icon>
</template>
</n-button>
</n-space>
</div>
<div />
</div>
<n-gi class="flex-center">
<transition
name="fade-slide"
mode="out-in"
>
<component
:is="formComponets[formType]"
v-model="formType"
class="w-70%"
/>
</transition>
</n-gi>
</n-grid>
</n-el>
<div />
</div>
</template>
<script setup lang="ts">
import { FormInst } from 'naive-ui';
import { useAuthStore, useAppStore } from '@/store';
import { ref, onMounted } from 'vue';
import { local } from '@/utils';
import { ref } from 'vue';
import type { Ref } from 'vue';
import { Login, Register, ResetPwd } from './components';
const authStore = useAuthStore();
const appStore = useAppStore();
const formValue = ref({
account: 'admin',
pwd: '000000',
code: '1234',
});
const isRemember = ref(false);
const rules = {
account: {
required: true,
trigger: 'blur',
message: '请输入账户',
},
pwd: {
required: true,
trigger: 'blur',
message: '请输入密码',
},
code: {
required: true,
trigger: 'blur',
min: 4,
message: '最短长度为 4',
},
type IformType = 'login' | 'register' | 'resetPwd';
const formType: Ref<IformType> = ref('login');
const formComponets = {
login: Login,
register: Register,
resetPwd: ResetPwd,
};
const formRef = ref<FormInst | null>(null);
function handleLogin() {
formRef.value?.validate((errors) => {
if (errors) return;
const { account, pwd } = formValue.value;
if (isRemember.value) {
local.set('login_account', { account, pwd });
} else {
local.remove('login_account');
}
authStore.login(account, pwd);
});
}
function checkUserAccount() {
const loginAccount = local.get('login_account');
if (!loginAccount) return;
formValue.value = loginAccount;
isRemember.value = true;
}
onMounted(() => {
checkUserAccount();
});
</script>
<style scoped></style>
<style scoped lang="less">
.login__bg {
background-image: url(@/assets/img/login-bg.webp);
position: relative;
&::after,
&::before {
position: absolute;
content: '';
width: 800px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
}
&::before {
background-image: url(@/assets/svg/login-illus-lt.svg);
top: 0;
left: 0;
}
&::after {
background-image: url(@/assets/svg/login-illus-rb.svg);
background-position: right bottom;
bottom: 0;
right: 0;
}
}
</style>