lukechilds
/
react.dev
mirror of https://github.com/lukechilds/react.dev.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5411 Commits
2 Branches
0 Tags
148 MiB
Tree: 22b8bf2ff1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '22b8bf2ff1'
${ noResults }
react.dev/beta/public/images/docs/diagrams/preserving_state_dom_tree.svg

69 lines
42 KiB
Raw Normal View History

Add diagrams for Preserving and Resetting State (#4439) * Add diagrams for Preserving and Resetting State * Dark mode * Add alt text and fix file names * Feedback updates
3 years ago
<svg width="864" height="193" viewBox="0 0 864 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M226 109.8L256 109.8" stroke="#45ABE6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M249 123.2L261 110L249 96.7998" stroke="#45ABE6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M222.552 158V146.8H227.344C228.747 146.8 229.797 147.117 230.496 147.752C231.195 148.381 231.544 149.232 231.544 150.304C231.544 151.115 231.344 151.803 230.944 152.368C230.544 152.933 229.941 153.336 229.136 153.576C229.621 154.264 230.096 154.979 230.56 155.72C231.024 156.461 231.469 157.221 231.896 158H229.936C229.547 157.243 229.136 156.504 228.704 155.784C228.277 155.064 227.859 154.405 227.448 153.808C227.416 153.808 227.381 153.808 227.344 153.808H224.232V158H222.552ZM227.184 148.36H224.232V152.28H227.184C228.091 152.28 228.757 152.12 229.184 151.8C229.611 151.475 229.824 150.981 229.824 150.32C229.824 149.659 229.611 149.168 229.184 148.848C228.757 148.523 228.091 148.36 227.184 148.36ZM236.873 158.192C236.105 158.192 235.431 158.016 234.849 157.664C234.273 157.312 233.823 156.821 233.497 156.192C233.177 155.563 233.017 154.835 233.017 154.008C233.017 153.181 233.177 152.453 233.497 151.824C233.823 151.189 234.273 150.696 234.849 150.344C235.431 149.987 236.105 149.808 236.873 149.808H237.049C237.748 149.808 238.361 149.981 238.889 150.328C239.423 150.669 239.839 151.165 240.137 151.816C240.436 152.461 240.585 153.24 240.585 154.152V154.64H234.673C234.769 155.296 235.015 155.813 235.409 156.192C235.809 156.565 236.329 156.752 236.969 156.752H237.129C237.513 156.752 237.881 156.675 238.233 156.52C238.585 156.36 238.881 156.147 239.121 155.88L240.105 156.92C239.743 157.309 239.295 157.619 238.761 157.848C238.233 158.077 237.663 158.192 237.049 158.192H236.873ZM236.825 151.248C236.255 151.248 235.777 151.437 235.393 151.816C235.015 152.189 234.775 152.701 234.673 153.352H238.977C238.929 152.76 238.735 152.261 238.393 151.856C238.057 151.451 237.588 151.248 236.985 151.248H236.825ZM244.633 158.16C243.791 158.16 243.135 157.944 242.665 157.512C242.201 157.075 241.969 156.501 241.969 155.792C241.969 155.088 242.231 154.499 242.753 154.024C243.281 153.549 244.121 153.312 245.273 153.312H247.449V153.288C247.449 151.944 246.831 151.272 245.593 151.272C245.076 151.272 244.639 151.365 244.281 151.552C243.929 151.739 243.644 152 243.425 152.336L242.329 151.448C242.671 150.92 243.119 150.515 243.673 150.232C244.233 149.949 244.868 149.808 245.577 149.808H245.753C246.735 149.808 247.524 150.091 248.121 150.656C248.719 151.221 249.017 152.067 249.017 153.192V158H247.481V156.696C247.172 157.165 246.775 157.528 246.289 157.784C245.804 158.035 245.252 158.16 244.633 158.16ZM244.985 156.736C245.604 156.736 246.119 156.597 246.529 156.32C246.94 156.037 247.247 155.656 247.449 155.176V154.568H245.337C244.708 154.568 244.257 154.669 243.985 154.872C243.719 155.069 243.585 155.339 243.585 155.68C243.585 156.384 244.052 156.736 244.985 156.736ZM254.727 158.192C253.959 158.192 253.279 158.024 252.687 157.688C252.095 157.352 251.631 156.872 251.295 156.248C250.964 155.619 250.799 154.872 250.799 154.008C250.799 153.139 250.964 152.392 251.295 151.768C251.625 151.139 252.084 150.656 252.671 150.32C253.263 149.979 253.948 149.808 254.727 149.808H254.903C255.521 149.808 256.105 149.968 256.655 150.288C257.209 150.603 257.657 151.037 257.999 151.592L256.759 152.456C256.529 152.093 256.255 151.811 255.935 151.608C255.615 151.4 255.252 151.296 254.847 151.296H254.687C253.993 151.296 253.447 151.541 253.047 152.032C252.652 152.517 252.455 153.173 252.455 154C252.455 154.821 252.652 155.477 253.047 155.968C253.447 156.459 253.993 156.704 254.687 156.704H254.847C255.252 156.704 255.625 156.613 255.967 156.432C256.308 156.251 256.601 156.008 256.847 155.704L257.999 156.68C257.641 157.149 257.191 157.52 256.647 157.792C256.108 158.059 255.527 158.192 254.903 158.192H254.727ZM263.354 158.104C262.405 158.104 261.682 157.864 261.186 157.384C260.69 156.904 260.442 156.165 260.442 155.168V151.392H258.874V150H260.442V147.616H262.042V150H264.738V151.392H262.042V154.952C262.042 155.581 262.173 156.019 262.434 156.264C262.695 156.509 263.082 156.632 263.594 156.632C263.839 156.632 264.058 156.621 264.25 156.6C264.447 156.579 264.65 156.552 264.858 156.52V157.92C264.645 157.973 264.405 158.016 264.138 158.048C263.871 158.085 263.61 158.104 263.354 1
<g clip-path="url(#clip0_471_4646)">
<path d="M243.001 59.8085C245.659 59.8085 247.814 57.6557 247.814 55C247.814 52.3443 245.659 50.1914 243.001 50.1914C240.342 50.1914 238.188 52.3443 238.188 55C238.188 57.6557 240.342 59.8085 243.001 59.8085Z" fill="#45ABE6"/>
<path d="M243.002 64.8518C257.265 64.8518 268.828 60.4411 268.828 55.0001C268.828 49.5592 257.265 45.1484 243.002 45.1484C228.739 45.1484 217.176 49.5592 217.176 55.0001C217.176 60.4411 228.739 64.8518 243.002 64.8518Z" stroke="#45ABE6" stroke-width="2"/>
<path d="M234.462 59.9259C241.594 72.2669 251.199 80.0658 255.915 77.3453C260.632 74.6249 258.674 62.4152 251.542 50.0742C244.41 37.7333 234.806 29.9344 230.089 32.6549C225.373 35.3753 227.331 47.585 234.462 59.9259Z" stroke="#45ABE6" stroke-width="2"/>
<path d="M234.461 50.0746C227.33 62.4155 225.372 74.6252 230.088 77.3457C234.804 80.0662 244.409 72.2672 251.541 59.9263C258.672 47.5854 260.63 35.3757 255.914 32.6552C251.198 29.9347 241.593 37.7337 234.461 50.0746Z" stroke="#45ABE6" stroke-width="2"/>
</g>
<path d="M558 99.7998L588 99.7998" stroke="#45ABE6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M581 113.2L593 99.9998L581 86.7998" stroke="#45ABE6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M554.888 146V134.8H559.68C561.083 134.8 562.133 135.117 562.832 135.752C563.531 136.381 563.88 137.232 563.88 138.304C563.88 139.115 563.68 139.803 563.28 140.368C562.88 140.933 562.277 141.336 561.472 141.576C561.957 142.264 562.432 142.979 562.896 143.72C563.36 144.461 563.805 145.221 564.232 146H562.272C561.883 145.243 561.472 144.504 561.04 143.784C560.613 143.064 560.195 142.405 559.784 141.808C559.752 141.808 559.717 141.808 559.68 141.808H556.568V146H554.888ZM559.52 136.36H556.568V140.28H559.52C560.427 140.28 561.093 140.12 561.52 139.8C561.947 139.475 562.16 138.981 562.16 138.32C562.16 137.659 561.947 137.168 561.52 136.848C561.093 136.523 560.427 136.36 559.52 136.36ZM569.209 146.192C568.441 146.192 567.767 146.016 567.185 145.664C566.609 145.312 566.159 144.821 565.833 144.192C565.513 143.563 565.353 142.835 565.353 142.008C565.353 141.181 565.513 140.453 565.833 139.824C566.159 139.189 566.609 138.696 567.185 138.344C567.767 137.987 568.441 137.808 569.209 137.808H569.385C570.084 137.808 570.697 137.981 571.225 138.328C571.759 138.669 572.175 139.165 572.473 139.816C572.772 140.461 572.921 141.24 572.921 142.152V142.64H567.009C567.105 143.296 567.351 143.813 567.745 144.192C568.145 144.565 568.665 144.752 569.305 144.752H569.465C569.849 144.752 570.217 144.675 570.569 144.52C570.921 144.36 571.217 144.147 571.457 143.88L572.441 144.92C572.079 145.309 571.631 145.619 571.097 145.848C570.569 146.077 569.999 146.192 569.385 146.192H569.209ZM569.161 139.248C568.591 139.248 568.113 139.437 567.729 139.816C567.351 140.189 567.111 140.701 567.009 141.352H571.313C571.265 140.76 571.071 140.261 570.729 139.856C570.393 139.451 569.924 139.248 569.321 139.248H569.161ZM576.969 146.16C576.127 146.16 575.471 145.944 575.001 145.512C574.537 145.075 574.305 144.501 574.305 143.792C574.305 143.088 574.567 142.499 575.089 142.024C575.617 141.549 576.457 141.312 577.609 141.312H579.785V141.288C579.785 139.944 579.167 139.272 577.929 139.272C577.412 139.272 576.975 139.365 576.617 139.552C576.265 139.739 575.98 140 575.761 140.336L574.665 139.448C575.007 138.92 575.455 138.515 576.009 138.232C576.569 137.949 577.204 137.808 577.913 137.808H578.089C579.071 137.808 579.86 138.091 580.457 138.656C581.055 139.221 581.353 140.067 581.353 141.192V146H579.817V144.696C579.508 145.165 579.111 145.528 578.625 145.784C578.14 146.035 577.588 146.16 576.969 146.16ZM577.321 144.736C577.94 144.736 578.455 144.597 578.865 144.32C579.276 144.037 579.583 143.656 579.785 143.176V142.568H577.673C577.044 142.568 576.593 142.669 576.321 142.872C576.055 143.069 575.921 143.339 575.921 143.68C575.921 144.384 576.388 144.736 577.321 144.736ZM587.062 146.192C586.294 146.192 585.614 146.024 585.022 145.688C584.43 145.352 583.966 144.872 583.63 144.248C583.3 143.619 583.134 142.872 583.134 142.008C583.134 141.139 583.3 140.392 583.63 139.768C583.961 139.139 584.42 138.656 585.006 138.32C585.598 137.979 586.284 137.808 587.062 137.808H587.238C587.857 137.808 588.441 137.968 588.99 138.288C589.545 138.603 589.993 139.037 590.334 139.592L589.094 140.456C588.865 140.093 588.59 139.811 588.27 139.608C587.95 139.4 587.588 139.296 587.182 139.296H587.022C586.329 139.296 585.782 139.541 585.382 140.032C584.988 140.517 584.79 141.173 584.79 142C584.79 142.821 584.988 143.477 585.382 143.968C585.782 144.459 586.329 144.704 587.022 144.704H587.182C587.588 144.704 587.961 144.613 588.302 144.432C588.644 144.251 588.937 144.008 589.182 143.704L590.334 144.68C589.977 145.149 589.526 145.52 588.982 145.792C588.444 146.059 587.862 146.192 587.238 146.192H587.062ZM595.69 146.104C594.741 146.104 594.018 145.864 593.522 145.384C593.026 144.904 592.778 144.165 592.778 143.168V139.392H591.21V138H592.778V135.616H594.378V138H597.074V139.392H594.378V142.952C594.378 143.581 594.509 144.019 594.77 144.264C595.031 144.509 595.418 144.632 595.93 144.632C596.175 144.632 596.394 144.621 596.586 144.6C596.783 144.579 596.986 144.552 597.194 144.52V145.92C596.981 145.973 596.741 146.016 596.474 146.048C596.207 146.085 595.946 146.104 595.69 146.104ZM557.052 167V155.8H561.46C562
<g clip-path="url(#clip1_471_4646)">
<path d="M575.001 51.8085C577.659 51.8085 579.814 49.6557 579.814 47C579.814 44.3443 577.659 42.1914 575.001 42.1914C572.342 42.1914 570.188 44.3443 570.188 47C570.188 49.6557 572.342 51.8085 575.001 51.8085Z" fill="#45ABE6"/>
<path d="M575.002 56.8518C589.265 56.8518 600.828 52.4411 600.828 47.0001C600.828 41.5592 589.265 37.1484 575.002 37.1484C560.739 37.1484 549.176 41.5592 549.176 47.0001C549.176 52.4411 560.739 56.8518 575.002 56.8518Z" stroke="#45ABE6" stroke-width="2"/>
<path d="M566.462 51.9259C573.594 64.2669 583.199 72.0658 587.915 69.3453C592.632 66.6249 590.674 54.4152 583.542 42.0742C576.41 29.7333 566.806 21.9344 562.089 24.6549C557.373 27.3753 559.331 39.585 566.462 51.9259Z" stroke="#45ABE6" stroke-width="2"/>
<path d="M566.461 42.0746C559.33 54.4155 557.372 66.6252 562.088 69.3457C566.804 72.0662 576.409 64.2672 583.541 51.9263C590.673 39.5854 592.631 27.3757 587.914 24.6552C583.198 21.9347 573.593 29.7337 566.461 42.0746Z" stroke="#45ABE6" stroke-width="2"/>
</g>
<rect x="1" y="11" width="171" height="50" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 55.2666V57.0002C1 60.314 3.68629 63.0002 7 63.0002H166C169.314 63.0002 172 60.314 172 57.0002V55.2666C172 58.5803 169.314 61.2666 166 61.2666H7C3.68629 61.2666 1 58.5803 1 55.2666Z" fill="#2C749E"/>
<path d="M29.005 44.24C27.685 44.24 26.5317 43.95 25.545 43.37C24.5583 42.7833 23.7917 41.9567 23.245 40.89C22.705 39.8233 22.435 38.5667 22.435 37.12C22.435 35.6667 22.705 34.39 23.245 33.29C23.7917 32.1833 24.5583 31.32 25.545 30.7C26.5317 30.0733 27.685 29.76 29.005 29.76H29.305C30.605 29.76 31.715 30.06 32.635 30.66C33.5617 31.2533 34.2917 32.05 34.825 33.05L33.035 34.09C32.6617 33.3767 32.1583 32.8067 31.525 32.38C30.8983 31.9533 30.1483 31.74 29.275 31.74H28.995C28.1683 31.74 27.425 31.95 26.765 32.37C26.1117 32.79 25.5917 33.3967 25.205 34.19C24.825 34.9833 24.635 35.9433 24.635 37.07C24.635 38.1967 24.825 39.1467 25.205 39.92C25.5917 40.6867 26.1117 41.27 26.765 41.67C27.425 42.0633 28.1683 42.26 28.995 42.26H29.275C30.155 42.26 30.9017 42.0667 31.515 41.68C32.1283 41.2867 32.6283 40.7467 33.015 40.06L34.795 41.12C34.2483 42.0733 33.5183 42.8333 32.605 43.4C31.6917 43.96 30.5917 44.24 29.305 44.24H29.005ZM41.4452 44.24C40.4318 44.24 39.5485 44.0167 38.7952 43.57C38.0485 43.1167 37.4718 42.4967 37.0652 41.71C36.6585 40.9167 36.4552 40.0133 36.4552 39C36.4552 37.98 36.6585 37.0767 37.0652 36.29C37.4718 35.5033 38.0485 34.8867 38.7952 34.44C39.5485 33.9867 40.4318 33.76 41.4452 33.76H41.6652C42.6852 33.76 43.5685 33.9867 44.3152 34.44C45.0618 34.8867 45.6385 35.5033 46.0452 36.29C46.4518 37.0767 46.6552 37.98 46.6552 39C46.6552 40.0133 46.4518 40.9167 46.0452 41.71C45.6385 42.4967 45.0618 43.1167 44.3152 43.57C43.5685 44.0167 42.6852 44.24 41.6652 44.24H41.4452ZM41.4552 42.38H41.6552C42.5685 42.38 43.2852 42.0733 43.8052 41.46C44.3252 40.8467 44.5852 40.0267 44.5852 39C44.5852 37.9667 44.3252 37.1467 43.8052 36.54C43.2852 35.9267 42.5685 35.62 41.6552 35.62H41.4552C40.5485 35.62 39.8318 35.9267 39.3052 36.54C38.7852 37.1467 38.5252 37.9667 38.5252 39C38.5252 40.0267 38.7852 40.8467 39.3052 41.46C39.8318 42.0733 40.5485 42.38 41.4552 42.38ZM49.0364 44V34H51.0364V35.64C51.3964 35.0533 51.8431 34.5933 52.3764 34.26C52.9097 33.9267 53.5264 33.76 54.2264 33.76H54.4464C55.2197 33.76 55.8697 33.95 56.3964 34.33C56.9231 34.71 57.3131 35.2567 57.5664 35.97C57.9531 35.2833 58.4464 34.7433 59.0464 34.35C59.6464 33.9567 60.3264 33.76 61.0864 33.76H61.3064C62.4264 33.76 63.2797 34.15 63.8664 34.93C64.4597 35.71 64.7564 36.8067 64.7564 38.22V44H62.7564V38.46C62.7564 36.5667 62.1031 35.62 60.7964 35.62H60.5964C59.9364 35.62 59.3764 35.83 58.9164 36.25C58.4631 36.6633 58.1231 37.1867 57.8964 37.82V44H55.8964V38.46C55.8964 36.5667 55.2431 35.62 53.9364 35.62H53.7364C53.0764 35.62 52.5164 35.83 52.0564 36.25C51.6031 36.6633 51.2631 37.1867 51.0364 37.82V44H49.0364ZM67.5325 48.2V34H69.5325V35.57C69.8792 34.97 70.3325 34.52 70.8925 34.22C71.4525 33.9133 72.0758 33.76 72.7625 33.76H72.9825C73.8692 33.76 74.6425 33.9867 75.3025 34.44C75.9692 34.8867 76.4858 35.5067 76.8525 36.3C77.2192 37.0867 77.4025 37.9867 77.4025 39C77.4025 40.0133 77.2192 40.9167 76.8525 41.71C76.4858 42.4967 75.9692 43.1167 75.3025 43.57C74.6425 44.0167 73.8692 44.24 72.9825 44.24H72.7625C72.1025 44.24 71.4892 44.1 70.9225 43.82C70.3625 43.5333 69.8992 43.11 69.5325 42.55V48.2H67.5325ZM72.2825 42.39H72.4825C73.3558 42.39 74.0492 42.0967 74.5625 41.51C75.0758 40.9233 75.3325 40.0867 75.3325 39C75.3325 37.9133 75.0758 37.0767 74.5625 36.49C74.0492 35.9033 73.3558 35.61 72.4825 35.61H72.2825C71.6892 35.61 71.1525 35.7867 70.6725 36.14C70.1992 36.4933 69.8192 36.9767 69.5325 37.59V40.41C69.8192 41.0233 70.1992 41.5067 70.6725 41.86C71.1525 42.2133 71.6892 42.39 72.2825 42.39ZM84.2381 44.24C83.2248 44.24 82.3415 44.0167 81.5881 43.57C80.8415 43.1167 80.2648 42.4967 79.8581 41.71C79.4515 40.9167 79.2481 40.0133 79.2481 39C79.2481 37.98 79.4515 37.0767 79.8581 36.29C80.2648 35.5033 80.8415 34.8867 81.5881 34.44C82.3415 33.9867 83.2248 33.76 84.2381 33.76H84.4581C85.4781 33.76 86.3615 33.9867 87.1081 34.44C87.8548 34.8867 88.4315 35.5033 88.8381 36.29C89.2448 37.0767 89.4481 37.98 89.4481 39C89.4481 40.0133 89.2448 40.9167 88.8381 41.71C88.4315 42.4967 87.8548 43.1167 87.1081 43.57C86.3615 44.0167 85.4781 44.24 84.4581 44.24H84.2381ZM84.2481 42.38H84.4481C85.3615 42.38 86
<rect x="1" y="71" width="171" height="50" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 115.267V117C1 120.314 3.68629 123 7 123H166C169.314 123 172 120.314 172 117V115.267C172 118.58 169.314 121.267 166 121.267H7C3.68629 121.267 1 118.58 1 115.267Z" fill="#2C749E"/>
<path d="M28.9269 104.24C27.6069 104.24 26.4535 103.95 25.4669 103.37C24.4802 102.783 23.7135 101.957 23.1669 100.89C22.6269 99.8233 22.3569 98.5667 22.3569 97.12C22.3569 95.6667 22.6269 94.39 23.1669 93.29C23.7135 92.1833 24.4802 91.32 25.4669 90.7C26.4535 90.0733 27.6069 89.76 28.9269 89.76H29.2269C30.5269 89.76 31.6369 90.06 32.5569 90.66C33.4835 91.2533 34.2135 92.05 34.7469 93.05L32.9569 94.09C32.5835 93.3767 32.0802 92.8067 31.4469 92.38C30.8202 91.9533 30.0702 91.74 29.1969 91.74H28.9169C28.0902 91.74 27.3469 91.95 26.6869 92.37C26.0335 92.79 25.5135 93.3967 25.1269 94.19C24.7469 94.9833 24.5569 95.9433 24.5569 97.07C24.5569 98.1967 24.7469 99.1467 25.1269 99.92C25.5135 100.687 26.0335 101.27 26.6869 101.67C27.3469 102.063 28.0902 102.26 28.9169 102.26H29.1969C30.0769 102.26 30.8235 102.067 31.4369 101.68C32.0502 101.287 32.5502 100.747 32.9369 100.06L34.7169 101.12C34.1702 102.073 33.4402 102.833 32.5269 103.4C31.6135 103.96 30.5135 104.24 29.2269 104.24H28.9269ZM41.367 104.24C40.3537 104.24 39.4704 104.017 38.717 103.57C37.9704 103.117 37.3937 102.497 36.987 101.71C36.5804 100.917 36.377 100.013 36.377 99C36.377 97.98 36.5804 97.0767 36.987 96.29C37.3937 95.5033 37.9704 94.8867 38.717 94.44C39.4704 93.9867 40.3537 93.76 41.367 93.76H41.587C42.607 93.76 43.4904 93.9867 44.237 94.44C44.9837 94.8867 45.5604 95.5033 45.967 96.29C46.3737 97.0767 46.577 97.98 46.577 99C46.577 100.013 46.3737 100.917 45.967 101.71C45.5604 102.497 44.9837 103.117 44.237 103.57C43.4904 104.017 42.607 104.24 41.587 104.24H41.367ZM41.377 102.38H41.577C42.4904 102.38 43.207 102.073 43.727 101.46C44.247 100.847 44.507 100.027 44.507 99C44.507 97.9667 44.247 97.1467 43.727 96.54C43.207 95.9267 42.4904 95.62 41.577 95.62H41.377C40.4704 95.62 39.7537 95.9267 39.227 96.54C38.707 97.1467 38.447 97.9667 38.447 99C38.447 100.027 38.707 100.847 39.227 101.46C39.7537 102.073 40.4704 102.38 41.377 102.38ZM48.9583 104V94H50.9583V95.64C51.3183 95.0533 51.7649 94.5933 52.2983 94.26C52.8316 93.9267 53.4483 93.76 54.1483 93.76H54.3683C55.1416 93.76 55.7916 93.95 56.3183 94.33C56.8449 94.71 57.2349 95.2567 57.4883 95.97C57.8749 95.2833 58.3683 94.7433 58.9683 94.35C59.5683 93.9567 60.2483 93.76 61.0083 93.76H61.2283C62.3483 93.76 63.2016 94.15 63.7883 94.93C64.3816 95.71 64.6783 96.8067 64.6783 98.22V104H62.6783V98.46C62.6783 96.5667 62.0249 95.62 60.7183 95.62H60.5183C59.8583 95.62 59.2983 95.83 58.8383 96.25C58.3849 96.6633 58.0449 97.1867 57.8183 97.82V104H55.8183V98.46C55.8183 96.5667 55.1649 95.62 53.8583 95.62H53.6583C52.9983 95.62 52.4383 95.83 51.9783 96.25C51.5249 96.6633 51.1849 97.1867 50.9583 97.82V104H48.9583ZM67.4544 108.2V94H69.4544V95.57C69.801 94.97 70.2544 94.52 70.8144 94.22C71.3744 93.9133 71.9977 93.76 72.6844 93.76H72.9044C73.791 93.76 74.5644 93.9867 75.2244 94.44C75.891 94.8867 76.4077 95.5067 76.7744 96.3C77.141 97.0867 77.3244 97.9867 77.3244 99C77.3244 100.013 77.141 100.917 76.7744 101.71C76.4077 102.497 75.891 103.117 75.2244 103.57C74.5644 104.017 73.791 104.24 72.9044 104.24H72.6844C72.0244 104.24 71.411 104.1 70.8444 103.82C70.2844 103.533 69.821 103.11 69.4544 102.55V108.2H67.4544ZM72.2044 102.39H72.4044C73.2777 102.39 73.971 102.097 74.4844 101.51C74.9977 100.923 75.2544 100.087 75.2544 99C75.2544 97.9133 74.9977 97.0767 74.4844 96.49C73.971 95.9033 73.2777 95.61 72.4044 95.61H72.2044C71.611 95.61 71.0744 95.7867 70.5944 96.14C70.121 96.4933 69.741 96.9767 69.4544 97.59V100.41C69.741 101.023 70.121 101.507 70.5944 101.86C71.0744 102.213 71.611 102.39 72.2044 102.39ZM84.16 104.24C83.1467 104.24 82.2633 104.017 81.51 103.57C80.7633 103.117 80.1867 102.497 79.78 101.71C79.3733 100.917 79.17 100.013 79.17 99C79.17 97.98 79.3733 97.0767 79.78 96.29C80.1867 95.5033 80.7633 94.8867 81.51 94.44C82.2633 93.9867 83.1467 93.76 84.16 93.76H84.38C85.4 93.76 86.2833 93.9867 87.03 94.44C87.7767 94.8867 88.3533 95.5033 88.76 96.29C89.1667 97.0767 89.37 97.98 89.37 99C89.37 100.013 89.1667 100.917 88.76 101.71C88.3533 102.497 87.7767 103.117 87.03 103.57C86.2833 104.017 85.4 104.24 84.38 104.24H84.16ZM84.17 102.38H84.37C85.2833 102.38 86 1
<rect x="1" y="131" width="171" height="50" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 175.267V177C1 180.314 3.68629 183 7 183H166C169.314 183 172 180.314 172 177V175.267C172 178.58 169.314 181.267 166 181.267H7C3.68629 181.267 1 178.58 1 175.267Z" fill="#2C749E"/>
<path d="M28.6808 164.24C27.3608 164.24 26.2074 163.95 25.2208 163.37C24.2341 162.783 23.4674 161.957 22.9208 160.89C22.3808 159.823 22.1108 158.567 22.1108 157.12C22.1108 155.667 22.3808 154.39 22.9208 153.29C23.4674 152.183 24.2341 151.32 25.2208 150.7C26.2074 150.073 27.3608 149.76 28.6808 149.76H28.9808C30.2808 149.76 31.3908 150.06 32.3108 150.66C33.2374 151.253 33.9674 152.05 34.5008 153.05L32.7108 154.09C32.3374 153.377 31.8341 152.807 31.2008 152.38C30.5741 151.953 29.8241 151.74 28.9508 151.74H28.6708C27.8441 151.74 27.1008 151.95 26.4408 152.37C25.7874 152.79 25.2674 153.397 24.8808 154.19C24.5008 154.983 24.3108 155.943 24.3108 157.07C24.3108 158.197 24.5008 159.147 24.8808 159.92C25.2674 160.687 25.7874 161.27 26.4408 161.67C27.1008 162.063 27.8441 162.26 28.6708 162.26H28.9508C29.8308 162.26 30.5774 162.067 31.1908 161.68C31.8041 161.287 32.3041 160.747 32.6908 160.06L34.4708 161.12C33.9241 162.073 33.1941 162.833 32.2808 163.4C31.3674 163.96 30.2674 164.24 28.9808 164.24H28.6808ZM41.1209 164.24C40.1076 164.24 39.2243 164.017 38.4709 163.57C37.7243 163.117 37.1476 162.497 36.7409 161.71C36.3343 160.917 36.1309 160.013 36.1309 159C36.1309 157.98 36.3343 157.077 36.7409 156.29C37.1476 155.503 37.7243 154.887 38.4709 154.44C39.2243 153.987 40.1076 153.76 41.1209 153.76H41.3409C42.3609 153.76 43.2443 153.987 43.9909 154.44C44.7376 154.887 45.3143 155.503 45.7209 156.29C46.1276 157.077 46.3309 157.98 46.3309 159C46.3309 160.013 46.1276 160.917 45.7209 161.71C45.3143 162.497 44.7376 163.117 43.9909 163.57C43.2443 164.017 42.3609 164.24 41.3409 164.24H41.1209ZM41.1309 162.38H41.3309C42.2443 162.38 42.9609 162.073 43.4809 161.46C44.0009 160.847 44.2609 160.027 44.2609 159C44.2609 157.967 44.0009 157.147 43.4809 156.54C42.9609 155.927 42.2443 155.62 41.3309 155.62H41.1309C40.2243 155.62 39.5076 155.927 38.9809 156.54C38.4609 157.147 38.2009 157.967 38.2009 159C38.2009 160.027 38.4609 160.847 38.9809 161.46C39.5076 162.073 40.2243 162.38 41.1309 162.38ZM48.7122 164V154H50.7122V155.64C51.0722 155.053 51.5189 154.593 52.0522 154.26C52.5855 153.927 53.2022 153.76 53.9022 153.76H54.1222C54.8955 153.76 55.5455 153.95 56.0722 154.33C56.5989 154.71 56.9889 155.257 57.2422 155.97C57.6289 155.283 58.1222 154.743 58.7222 154.35C59.3222 153.957 60.0022 153.76 60.7622 153.76H60.9822C62.1022 153.76 62.9555 154.15 63.5422 154.93C64.1355 155.71 64.4322 156.807 64.4322 158.22V164H62.4322V158.46C62.4322 156.567 61.7789 155.62 60.4722 155.62H60.2722C59.6122 155.62 59.0522 155.83 58.5922 156.25C58.1389 156.663 57.7989 157.187 57.5722 157.82V164H55.5722V158.46C55.5722 156.567 54.9189 155.62 53.6122 155.62H53.4122C52.7522 155.62 52.1922 155.83 51.7322 156.25C51.2789 156.663 50.9389 157.187 50.7122 157.82V164H48.7122ZM67.2083 168.2V154H69.2083V155.57C69.5549 154.97 70.0083 154.52 70.5683 154.22C71.1283 153.913 71.7516 153.76 72.4383 153.76H72.6583C73.5449 153.76 74.3183 153.987 74.9783 154.44C75.6449 154.887 76.1616 155.507 76.5283 156.3C76.8949 157.087 77.0783 157.987 77.0783 159C77.0783 160.013 76.8949 160.917 76.5283 161.71C76.1616 162.497 75.6449 163.117 74.9783 163.57C74.3183 164.017 73.5449 164.24 72.6583 164.24H72.4383C71.7783 164.24 71.1649 164.1 70.5983 163.82C70.0383 163.533 69.5749 163.11 69.2083 162.55V168.2H67.2083ZM71.9583 162.39H72.1583C73.0316 162.39 73.7249 162.097 74.2383 161.51C74.7516 160.923 75.0083 160.087 75.0083 159C75.0083 157.913 74.7516 157.077 74.2383 156.49C73.7249 155.903 73.0316 155.61 72.1583 155.61H71.9583C71.3649 155.61 70.8283 155.787 70.3483 156.14C69.8749 156.493 69.4949 156.977 69.2083 157.59V160.41C69.4949 161.023 69.8749 161.507 70.3483 161.86C70.8283 162.213 71.3649 162.39 71.9583 162.39ZM83.9139 164.24C82.9006 164.24 82.0172 164.017 81.2639 163.57C80.5172 163.117 79.9406 162.497 79.5339 161.71C79.1272 160.917 78.9239 160.013 78.9239 159C78.9239 157.98 79.1272 157.077 79.5339 156.29C79.9406 155.503 80.5172 154.887 81.2639 154.44C82.0172 153.987 82.9006 153.76 83.9139 153.76H84.1339C85.1539 153.76 86.0372 153.987 86.7839 154.44C87.5306 154.887 88.1072 155.503 88.5139 156.29C88.9206 157.077 89.1239 1
<rect x="646" y="1" width="217" height="191" rx="4" fill="white" stroke="#BCD2EB" stroke-linejoin="bevel"/>
<line x1="646" y1="22.5" x2="863" y2="22.5" stroke="#BCD2EB"/>
<rect x="672" y="112.834" width="30" height="22.3841" rx="2.23841" fill="#45ABE6"/>
<rect x="722.363" y="112.834" width="30" height="22.3841" rx="2.23841" fill="#45ABE6"/>
<rect x="697.742" y="74.7812" width="30" height="22.3841" rx="2.23841" fill="#45ABE6"/>
<path d="M795.469 97.1655L795.469 112.834" stroke="#BCD2EB" stroke-width="1.11921"/>
<rect x="739.152" y="36.7285" width="30" height="22.3841" rx="2.23841" fill="white" stroke="#BCD2EB" stroke-width="1.11921" stroke-linejoin="bevel"/>
<rect x="780.562" y="74.7812" width="30" height="22.3841" rx="2.23841" fill="white" stroke="#BCD2EB" stroke-width="1.11921" stroke-linejoin="bevel"/>
<rect x="781" y="113" width="30" height="22.3841" rx="2.23841" fill="white" stroke="#BCD2EB" stroke-width="1.11921" stroke-linejoin="bevel"/>
<rect x="806.305" y="153.888" width="30" height="22.3841" rx="2.23841" fill="white" stroke="#BCD2EB" stroke-width="1.11921" stroke-linejoin="bevel"/>
<rect x="754.82" y="153.888" width="30" height="22.3841" rx="2.23841" fill="white" stroke="#BCD2EB" stroke-width="1.11921" stroke-linejoin="bevel"/>
<circle cx="658" cy="12" r="4" fill="#BCD2EB"/>
<circle cx="669" cy="12" r="4" fill="#BCD2EB"/>
<circle cx="680" cy="12" r="4" fill="#BCD2EB"/>
<path d="M737 113V110.675C737 107.361 734.314 104.675 731 104.675H711V96" stroke="#58AFDF"/>
<path d="M685 113V110.675C685 107.361 687.686 104.675 691 104.675H711V96" stroke="#58AFDF"/>
<path d="M793 75V73.1645C793 69.8508 790.314 67.1645 787 67.1645H753V59" stroke="#BCD2EB"/>
<path d="M713 75V73.1645C713 69.8508 715.686 67.1645 719 67.1645H753V59" stroke="#BCD2EB"/>
<path d="M821 154V150.695C821 147.382 818.314 144.695 815 144.695H794V135" stroke="#BCD2EB"/>
<path d="M767 154V150.695C767 147.382 769.686 144.695 773 144.695H794V135" stroke="#BCD2EB"/>
<rect x="381" y="14" width="56" height="50" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M381 58.2666V60.0002C381 63.314 383.686 66.0002 387 66.0002H431C434.314 66.0002 437 63.314 437 60.0002V58.2666C437 61.5803 434.314 64.2666 431 64.2666H387C383.686 64.2666 381 61.5803 381 58.2666Z" fill="#2C749E"/>
<path d="M401.994 47C402.434 45.4667 402.941 43.8833 403.514 42.25C404.087 40.6167 404.691 39.01 405.324 37.43C405.964 35.8433 406.604 34.3667 407.244 33H409.764C410.404 34.3667 411.044 35.8433 411.684 37.43C412.324 39.01 412.927 40.6167 413.494 42.25C414.067 43.8833 414.574 45.4667 415.014 47H412.724C412.571 46.4133 412.401 45.81 412.214 45.19C412.034 44.57 411.844 43.94 411.644 43.3H405.294C405.094 43.94 404.901 44.57 404.714 45.19C404.534 45.81 404.367 46.4133 404.214 47H401.994ZM405.954 41.34H410.984C410.584 40.1933 410.167 39.0667 409.734 37.96C409.307 36.8467 408.884 35.8033 408.464 34.83C408.051 35.8033 407.627 36.8467 407.194 37.96C406.767 39.0667 406.354 40.1933 405.954 41.34Z" fill="#2C749E"/>
<rect x="314" y="128" width="56" height="50" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M314 172.267V174C314 177.314 316.686 180 320 180H364C367.314 180 370 177.314 370 174V172.267C370 175.58 367.314 178.267 364 178.267H320C316.686 178.267 314 175.58 314 172.267Z" fill="#2C749E"/>
<path d="M336.106 161V147H342.066C343.606 147 344.773 147.323 345.566 147.97C346.359 148.617 346.756 149.5 346.756 150.62C346.756 151.307 346.593 151.917 346.266 152.45C345.939 152.983 345.363 153.38 344.536 153.64C345.583 153.887 346.343 154.317 346.816 154.93C347.296 155.543 347.536 156.287 347.536 157.16C347.536 158.367 347.113 159.31 346.266 159.99C345.426 160.663 344.216 161 342.636 161H336.106ZM341.946 148.94H338.206V153.04H342.036C342.929 153.04 343.586 152.873 344.006 152.54C344.433 152.2 344.646 151.68 344.646 150.98C344.646 150.28 344.426 149.767 343.986 149.44C343.546 149.107 342.866 148.94 341.946 148.94ZM342.556 154.96H338.206V159.06H342.606C344.459 159.06 345.386 158.377 345.386 157.01C345.386 156.317 345.176 155.803 344.756 155.47C344.343 155.13 343.609 154.96 342.556 154.96Z" fill="#2C749E"/>
<rect x="448" y="128" width="56" height="50" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M448 172.267V174C448 177.314 450.686 180 454 180H498C501.314 180 504 177.314 504 174V172.267C504 175.58 501.314 178.267 498 178.267H454C450.686 178.267 448 175.58 448 172.267Z" fill="#2C749E"/>
<path d="M476.05 161.24C474.73 161.24 473.577 160.95 472.59 160.37C471.603 159.783 470.837 158.957 470.29 157.89C469.75 156.823 469.48 155.567 469.48 154.12C469.48 152.667 469.75 151.39 470.29 150.29C470.837 149.183 471.603 148.32 472.59 147.7C473.577 147.073 474.73 146.76 476.05 146.76H476.35C477.65 146.76 478.76 147.06 479.68 147.66C480.607 148.253 481.337 149.05 481.87 150.05L480.08 151.09C479.707 150.377 479.203 149.807 478.57 149.38C477.943 148.953 477.193 148.74 476.32 148.74H476.04C475.213 148.74 474.47 148.95 473.81 149.37C473.157 149.79 472.637 150.397 472.25 151.19C471.87 151.983 471.68 152.943 471.68 154.07C471.68 155.197 471.87 156.147 472.25 156.92C472.637 157.687 473.157 158.27 473.81 158.67C474.47 159.063 475.213 159.26 476.04 159.26H476.32C477.2 159.26 477.947 159.067 478.56 158.68C479.173 158.287 479.673 157.747 480.06 157.06L481.84 158.12C481.293 159.073 480.563 159.833 479.65 160.4C478.737 160.96 477.637 161.24 476.35 161.24H476.05Z" fill="#2C749E"/>
<path d="M342 128V109.638C342 103.01 347.373 97.6376 354 97.6376H397C403.627 97.6376 409 92.265 409 85.6376V66" stroke="#2C749E" stroke-width="2"/>
<path d="M476 128V109.638C476 103.01 470.627 97.6376 464 97.6376H421C414.373 97.6376 409 92.265 409 85.6376V66" stroke="#2C749E" stroke-width="2"/>
<defs>
<clipPath id="clip0_471_4646">
<rect width="54" height="48" fill="white" transform="translate(216 31)"/>
</clipPath>
<clipPath id="clip1_471_4646">
<rect width="54" height="48" fill="white" transform="translate(548 23)"/>
</clipPath>
</defs>
</svg>