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_diff_pt1.svg

48 lines
28 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="753" height="290" viewBox="0 0 753 290" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="7" y="126" width="173" height="133" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 253V255C7 258.314 9.68629 261 13 261H174C177.314 261 180 258.314 180 255V253C180 256.314 177.314 259 174 259H13C9.68629 259 7 256.314 7 253Z" fill="#2C749E"/>
<path d="M61.5753 168.24C60.2553 168.24 59.102 167.95 58.1153 167.37C57.1286 166.783 56.362 165.957 55.8153 164.89C55.2753 163.823 55.0053 162.567 55.0053 161.12C55.0053 159.667 55.2753 158.39 55.8153 157.29C56.362 156.183 57.1286 155.32 58.1153 154.7C59.102 154.073 60.2553 153.76 61.5753 153.76H61.8753C63.1753 153.76 64.2853 154.06 65.2053 154.66C66.132 155.253 66.862 156.05 67.3953 157.05L65.6053 158.09C65.232 157.377 64.7286 156.807 64.0953 156.38C63.4686 155.953 62.7186 155.74 61.8453 155.74H61.5653C60.7386 155.74 59.9953 155.95 59.3353 156.37C58.682 156.79 58.162 157.397 57.7753 158.19C57.3953 158.983 57.2053 159.943 57.2053 161.07C57.2053 162.197 57.3953 163.147 57.7753 163.92C58.162 164.687 58.682 165.27 59.3353 165.67C59.9953 166.063 60.7386 166.26 61.5653 166.26H61.8453C62.7253 166.26 63.472 166.067 64.0853 165.68C64.6986 165.287 65.1986 164.747 65.5853 164.06L67.3653 165.12C66.8186 166.073 66.0886 166.833 65.1753 167.4C64.262 167.96 63.162 168.24 61.8753 168.24H61.5753ZM74.0155 168.24C73.0021 168.24 72.1188 168.017 71.3655 167.57C70.6188 167.117 70.0421 166.497 69.6355 165.71C69.2288 164.917 69.0255 164.013 69.0255 163C69.0255 161.98 69.2288 161.077 69.6355 160.29C70.0421 159.503 70.6188 158.887 71.3655 158.44C72.1188 157.987 73.0021 157.76 74.0155 157.76H74.2355C75.2555 157.76 76.1388 157.987 76.8855 158.44C77.6321 158.887 78.2088 159.503 78.6155 160.29C79.0221 161.077 79.2255 161.98 79.2255 163C79.2255 164.013 79.0221 164.917 78.6155 165.71C78.2088 166.497 77.6321 167.117 76.8855 167.57C76.1388 168.017 75.2555 168.24 74.2355 168.24H74.0155ZM74.0255 166.38H74.2255C75.1388 166.38 75.8555 166.073 76.3755 165.46C76.8955 164.847 77.1555 164.027 77.1555 163C77.1555 161.967 76.8955 161.147 76.3755 160.54C75.8555 159.927 75.1388 159.62 74.2255 159.62H74.0255C73.1188 159.62 72.4021 159.927 71.8755 160.54C71.3555 161.147 71.0955 161.967 71.0955 163C71.0955 164.027 71.3555 164.847 71.8755 165.46C72.4021 166.073 73.1188 166.38 74.0255 166.38ZM84.9867 168.24C83.8334 168.24 82.9534 167.85 82.3467 167.07C81.7401 166.29 81.4367 165.193 81.4367 163.78V158H83.4367V163.54C83.4367 165.433 84.1234 166.38 85.4967 166.38H85.6967C86.3767 166.38 86.9534 166.17 87.4267 165.75C87.9067 165.33 88.2634 164.8 88.4967 164.16V158H90.4967V168H88.4967V166.33C88.1301 166.923 87.6701 167.39 87.1167 167.73C86.5701 168.07 85.9334 168.24 85.2067 168.24H84.9867ZM93.4427 168V158H95.4427V159.67C95.8093 159.077 96.266 158.61 96.8127 158.27C97.366 157.93 98.006 157.76 98.7327 157.76H98.9527C100.059 157.76 100.926 158.15 101.553 158.93C102.186 159.71 102.503 160.807 102.503 162.22V168H100.503V162.46C100.503 160.567 99.816 159.62 98.4427 159.62H98.2427C97.5627 159.62 96.9827 159.83 96.5027 160.25C96.0293 160.67 95.676 161.2 95.4427 161.84V168H93.4427ZM109.779 168.13C108.592 168.13 107.689 167.83 107.069 167.23C106.449 166.63 106.139 165.707 106.139 164.46V159.74H104.179V158H106.139V155.02H108.139V158H111.509V159.74H108.139V164.19C108.139 164.977 108.302 165.523 108.629 165.83C108.955 166.137 109.439 166.29 110.079 166.29C110.385 166.29 110.659 166.277 110.899 166.25C111.145 166.223 111.399 166.19 111.659 166.15V167.9C111.392 167.967 111.092 168.02 110.759 168.06C110.425 168.107 110.099 168.13 109.779 168.13ZM117.986 168.24C117.026 168.24 116.183 168.02 115.456 167.58C114.736 167.14 114.173 166.527 113.766 165.74C113.366 164.953 113.166 164.043 113.166 163.01C113.166 161.977 113.366 161.067 113.766 160.28C114.173 159.487 114.736 158.87 115.456 158.43C116.183 157.983 117.026 157.76 117.986 157.76H118.206C119.079 157.76 119.846 157.977 120.506 158.41C121.173 158.837 121.693 159.457 122.066 160.27C122.439 161.077 122.626 162.05 122.626 163.19V163.8H115.236C115.356 164.62 115.663 165.267 116.156 165.74C116.656 166.207 117.306 166.44 118.106 166.44H118.306C118.786 166.44 119.246 166.343 119.686 166.15C120.126 165.95 120.496 165.683 120.796 165.35L122.026 166.65C121.573 167.137 121.013 167.523 120.346 167.81C119.686 168.097 118.973 168.24 118.206 168.24H117.986ZM117.926 159.56C117.213 159.56 116.616 159.797 116.136 160.27C115.663 160.737 115.363 161.377 115.236
<path d="M27 212C27 198.193 38.1929 187 52 187H114V237H52C38.1929 237 27 225.807 27 212V212Z" fill="white"/>
<path d="M53.0641 220.22C52.1175 220.22 51.2841 220.01 50.5641 219.59C49.8441 219.163 49.2808 218.563 48.8741 217.79C48.4741 217.01 48.2741 216.09 48.2741 215.03C48.2741 213.97 48.4741 213.05 48.8741 212.27C49.2741 211.49 49.8341 210.89 50.5541 210.47C51.2741 210.043 52.1108 209.83 53.0641 209.83H53.2641C54.0375 209.83 54.7541 210.02 55.4141 210.4C56.0741 210.78 56.6108 211.297 57.0241 211.95L55.8141 212.82C55.5075 212.347 55.1375 211.977 54.7041 211.71C54.2708 211.437 53.7775 211.3 53.2241 211.3H53.0341C52.0741 211.3 51.3141 211.64 50.7541 212.32C50.1941 212.993 49.9141 213.897 49.9141 215.03C49.9141 216.157 50.1941 217.06 50.7541 217.74C51.3141 218.413 52.0741 218.75 53.0341 218.75H53.2241C53.7841 218.75 54.2841 218.63 54.7241 218.39C55.1708 218.15 55.5541 217.827 55.8741 217.42L57.0241 218.36C56.5975 218.94 56.0575 219.397 55.4041 219.73C54.7508 220.057 54.0375 220.22 53.2641 220.22H53.0641ZM63.7396 220.22C62.7463 220.22 61.8863 219.997 61.1596 219.55C60.4329 219.103 59.8696 218.49 59.4696 217.71C59.0763 216.93 58.8796 216.037 58.8796 215.03C58.8796 214.017 59.0763 213.12 59.4696 212.34C59.8696 211.56 60.4329 210.947 61.1596 210.5C61.8863 210.053 62.7463 209.83 63.7396 209.83H63.9396C64.9329 209.83 65.7929 210.053 66.5196 210.5C67.2463 210.947 67.8063 211.56 68.1996 212.34C68.5996 213.12 68.7996 214.017 68.7996 215.03C68.7996 216.037 68.5996 216.93 68.1996 217.71C67.8063 218.49 67.2463 219.103 66.5196 219.55C65.7929 219.997 64.9329 220.22 63.9396 220.22H63.7396ZM63.7496 218.76H63.9296C64.9229 218.76 65.7096 218.42 66.2896 217.74C66.8696 217.06 67.1596 216.157 67.1596 215.03C67.1596 213.897 66.8696 212.993 66.2896 212.32C65.7096 211.64 64.9229 211.3 63.9296 211.3H63.7496C62.7563 211.3 61.9696 211.64 61.3896 212.32C60.8096 212.993 60.5196 213.897 60.5196 215.03C60.5196 216.157 60.8096 217.06 61.3896 217.74C61.9696 218.42 62.7563 218.76 63.7496 218.76ZM74.8123 220.22C73.6589 220.22 72.7789 219.843 72.1723 219.09C71.5656 218.337 71.2623 217.267 71.2623 215.88V210.05H72.8423V215.65C72.8423 216.677 73.0323 217.453 73.4123 217.98C73.7989 218.5 74.3956 218.76 75.2023 218.76H75.3823C76.1223 218.76 76.7556 218.52 77.2823 218.04C77.8089 217.553 78.1956 216.947 78.4423 216.22V210.05H80.0223V220H78.4423V218.11C78.0756 218.763 77.6023 219.28 77.0223 219.66C76.4423 220.033 75.7723 220.22 75.0123 220.22H74.8123ZM83.2191 220V210.05H84.7991V211.94C85.1658 211.287 85.6391 210.773 86.2191 210.4C86.7991 210.02 87.4691 209.83 88.2291 209.83H88.4291C89.5558 209.83 90.4291 210.207 91.0491 210.96C91.6691 211.707 91.9791 212.777 91.9791 214.17V220H90.3991V214.4C90.3991 213.373 90.2091 212.6 89.8291 212.08C89.4491 211.56 88.8525 211.3 88.0391 211.3H87.8491C87.1091 211.3 86.4758 211.54 85.9491 212.02C85.4291 212.5 85.0458 213.103 84.7991 213.83V220H83.2191ZM99.316 220.12C98.2093 220.12 97.356 219.843 96.756 219.29C96.156 218.737 95.856 217.857 95.856 216.65V211.42H93.896V210.05H95.856V207.02H97.436V210.05H100.956V211.42H97.436V216.43C97.436 217.263 97.616 217.847 97.976 218.18C98.3427 218.507 98.8627 218.67 99.536 218.67C99.8293 218.67 100.096 218.657 100.336 218.63C100.576 218.597 100.826 218.553 101.086 218.5V219.89C100.813 219.957 100.523 220.01 100.216 220.05C99.9093 220.097 99.6093 220.12 99.316 220.12Z" fill="#606BD6"/>
<path d="M27 212C27 198.193 38.1929 187 52 187H114V237H52C38.1929 237 27 225.807 27 212V212Z" stroke="#606BD6" stroke-linejoin="bevel"/>
<path d="M114 187H133C146.807 187 158 198.193 158 212V212C158 225.807 146.807 237 133 237H114V187Z" fill="white"/>
<path d="M131.494 220.22C130.414 220.22 129.477 220.003 128.684 219.57C127.897 219.13 127.207 218.5 126.614 217.68L127.784 216.64C128.337 217.353 128.901 217.873 129.474 218.2C130.047 218.527 130.704 218.69 131.444 218.69H131.624C132.624 218.69 133.421 218.42 134.014 217.88C134.614 217.34 134.914 216.603 134.914 215.67C134.914 214.763 134.614 214.057 134.014 213.55C133.421 213.043 132.644 212.79 131.684 212.79H131.514C130.854 212.79 130.254 212.86 129.714 213V211.67L133.914 207.54H127.314V206H136.154V207.34L132.064 211.37C132.964 211.383 133.757 211.58 134.444 211.96C135.131 212.333 135.664 212.843 136.044 213.49C136.431 214.13 136.624 214.857 136.624 215.67C136.624 216.583 136.417 217.383 136.004 218.07C135.591 218.75 135.014 219.28 134.274 219.66C133.541 220.033 132.681 220.22 131.694 220.22H131.494Z" fill="#606BD6"/>
<path d="M114 187H133C146.807 187 158 198.193 158 212V212C158 225.807 146.807 237 133 237H114V187Z" stroke="#606BD6" stroke-linejoin="bevel"/>
<rect x="61" y="2" width="65" height="50.2663" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M61 46.2666V48.0002C61 51.3139 63.6863 54.0002 67 54.0002H120C123.314 54.0002 126 51.3139 126 48.0002V46.2666C126 49.5803 123.314 52.2666 120 52.2666H67C63.6863 52.2666 61 49.5803 61 46.2666Z" fill="#2C749E"/>
<path d="M84.6505 35.24C83.7639 35.24 82.9872 35.0167 82.3205 34.57C81.6605 34.1167 81.1472 33.4967 80.7805 32.71C80.4139 31.9167 80.2305 31.0133 80.2305 30C80.2305 28.9867 80.4139 28.0867 80.7805 27.3C81.1472 26.5067 81.6605 25.8867 82.3205 25.44C82.9872 24.9867 83.7639 24.76 84.6505 24.76H84.8705C85.5305 24.76 86.1405 24.9033 86.7005 25.19C87.2672 25.47 87.7339 25.89 88.1005 26.45V20.4H90.1005V35H88.1005V33.43C87.7539 34.03 87.3005 34.4833 86.7405 34.79C86.1805 35.09 85.5572 35.24 84.8705 35.24H84.6505ZM85.1505 33.39H85.3505C85.9439 33.39 86.4772 33.2133 86.9505 32.86C87.4305 32.5067 87.8139 32.0233 88.1005 31.41V28.59C87.8139 27.9767 87.4305 27.4933 86.9505 27.14C86.4772 26.7867 85.9439 26.61 85.3505 26.61H85.1505C84.2772 26.61 83.5839 26.9033 83.0705 27.49C82.5572 28.0767 82.3005 28.9133 82.3005 30C82.3005 31.0867 82.5572 31.9233 83.0705 32.51C83.5839 33.0967 84.2772 33.39 85.1505 33.39ZM94.0462 23.22C93.6395 23.22 93.3162 23.0967 93.0762 22.85C92.8428 22.5967 92.7262 22.2767 92.7262 21.89C92.7262 21.4967 92.8428 21.1767 93.0762 20.93C93.3162 20.6833 93.6395 20.56 94.0462 20.56C94.4595 20.56 94.7828 20.6833 95.0162 20.93C95.2495 21.1767 95.3662 21.4967 95.3662 21.89C95.3662 22.2767 95.2495 22.5967 95.0162 22.85C94.7828 23.0967 94.4595 23.22 94.0462 23.22ZM93.0462 35V25H95.0462V35H93.0462ZM100.878 35C100.158 33.38 99.4709 31.73 98.8176 30.05C98.1709 28.3633 97.5709 26.68 97.0176 25H99.2776C99.6842 26.38 100.128 27.7633 100.608 29.15C101.094 30.5367 101.608 31.91 102.148 33.27C102.688 31.91 103.198 30.5367 103.678 29.15C104.164 27.7633 104.611 26.38 105.018 25H107.198C106.644 26.68 106.041 28.3633 105.388 30.05C104.741 31.73 104.058 33.38 103.338 35H100.878Z" fill="#2C749E"/>
<path d="M94 125.5V53" stroke="#2C749E" stroke-width="2"/>
<path d="M306.258 113.865C306.957 110.626 310.15 108.567 313.389 109.266L419.193 132.1C422.432 132.799 424.492 135.991 423.793 139.23L401.8 241.137C401.101 244.376 397.908 246.435 394.669 245.736L288.865 222.903C285.626 222.204 283.567 219.011 284.266 215.772L306.258 113.865Z" fill="white"/>
<path d="M316.649 137.805L326.997 149.676C327.133 149.832 327.297 149.968 327.397 150.148C327.456 150.254 327.493 150.373 327.503 150.498C327.521 150.727 327.447 150.955 327.298 151.133C327.149 151.31 326.937 151.422 326.708 151.443C326.584 151.455 326.46 151.44 326.345 151.4C326.15 151.332 325.988 151.194 325.811 151.087L312.338 142.935C312.231 142.87 312.14 142.782 312.071 142.678C312.002 142.574 311.957 142.456 311.938 142.331C311.919 142.207 311.928 142.08 311.963 141.959C311.998 141.837 312.059 141.725 312.142 141.629L315.329 137.837C315.409 137.739 315.51 137.659 315.623 137.604C315.737 137.548 315.861 137.518 315.986 137.515C316.112 137.512 316.236 137.536 316.351 137.586C316.465 137.637 316.567 137.711 316.649 137.805Z" fill="#FABD62"/>
<path d="M350.068 127.263L350.703 137.609C350.715 137.815 350.771 138.029 350.704 138.225C350.689 138.269 350.668 138.311 350.642 138.351C350.559 138.479 350.427 138.57 350.277 138.603C350.127 138.636 349.969 138.608 349.84 138.527C349.8 138.502 349.763 138.472 349.731 138.438C349.588 138.289 349.549 138.071 349.474 137.879L345.717 128.218C345.687 128.141 345.674 128.058 345.68 127.975C345.686 127.892 345.71 127.811 345.75 127.738C345.791 127.665 345.847 127.602 345.915 127.552C345.982 127.502 346.06 127.468 346.143 127.451L349.359 126.744C349.441 126.725 349.526 126.724 349.609 126.741C349.691 126.758 349.769 126.792 349.836 126.841C349.903 126.891 349.959 126.954 349.999 127.027C350.039 127.099 350.062 127.18 350.068 127.263Z" fill="#FABD62"/>
<path d="M309.861 211.834L326.525 196.605C326.678 196.465 326.851 196.347 326.988 196.193C327.133 196.031 327.233 195.83 327.276 195.612C327.339 195.29 327.271 194.955 327.089 194.68C326.906 194.404 326.624 194.212 326.303 194.145C326.085 194.099 325.862 194.113 325.656 194.184C325.46 194.25 325.284 194.364 325.096 194.45L304.584 203.876C304.422 203.95 304.279 204.06 304.165 204.196C304.05 204.332 303.967 204.492 303.92 204.665C303.874 204.838 303.866 205.02 303.896 205.197C303.926 205.375 303.994 205.544 304.096 205.693L307.997 211.576C308.095 211.728 308.225 211.856 308.376 211.953C308.528 212.05 308.699 212.113 308.876 212.138C309.053 212.162 309.233 212.148 309.403 212.095C309.574 212.043 309.73 211.953 309.861 211.834Z" fill="#FABD62"/>
<path d="M297.61 160.447L318.502 167.258C318.699 167.322 318.906 167.358 319.094 167.443C319.284 167.529 319.451 167.665 319.575 167.839C319.76 168.1 319.835 168.424 319.784 168.741C319.732 169.059 319.559 169.343 319.301 169.532C319.129 169.658 318.928 169.735 318.72 169.756C318.514 169.778 318.307 169.747 318.1 169.746L296.126 169.627C295.953 169.626 295.782 169.586 295.626 169.511C295.469 169.436 295.331 169.328 295.22 169.193C295.11 169.058 295.029 168.901 294.985 168.731C294.941 168.562 294.933 168.384 294.963 168.211L296.06 161.425C296.086 161.251 296.149 161.085 296.245 160.938C296.34 160.791 296.466 160.667 296.614 160.574C296.761 160.481 296.927 160.421 297.099 160.4C297.271 160.378 297.445 160.394 297.61 160.447Z" fill="#FABD62"/>
<path d="M405.533 151.576L387.157 160.137C386.877 160.268 386.565 160.352 386.329 160.552C386.225 160.64 386.138 160.747 386.072 160.869C385.93 161.131 385.897 161.439 385.98 161.726C386.063 162.014 386.255 162.257 386.514 162.402C386.635 162.47 386.766 162.514 386.901 162.533C387.207 162.577 387.516 162.482 387.823 162.443L407.934 159.889C408.094 159.869 408.248 159.813 408.384 159.726C408.52 159.64 408.635 159.524 408.723 159.387C408.81 159.25 408.866 159.096 408.888 158.934C408.91 158.772 408.897 158.607 408.85 158.451L407.075 152.305C407.032 152.147 406.955 152.001 406.85 151.876C406.745 151.751 406.615 151.65 406.468 151.581C406.322 151.511 406.162 151.475 406.001 151.474C405.839 151.473 405.68 151.508 405.533 151.576Z" fill="#FABD62"/>
<path d="M373.21 123.276L367.292 140.088C367.219 140.294 367.111 140.49 367.08 140.705C367.059 140.85 367.072 141.001 367.119 141.146C367.203 141.4 367.385 141.617 367.627 141.749C367.869 141.882 368.15 141.919 368.409 141.853C368.557 141.815 368.691 141.745 368.802 141.65C368.967 141.507 369.074 141.311 369.208 141.14L380.204 127.111C380.291 127 380.35 126.871 380.379 126.732C380.407 126.593 380.403 126.448 380.367 126.307C380.332 126.166 380.265 126.033 380.172 125.916C380.08 125.799 379.963 125.702 379.83 125.631L374.66 122.796C374.528 122.722 374.383 122.675 374.235 122.66C374.087 122.644 373.938 122.66 373.801 122.706C373.663 122.751 373.539 122.826 373.437 122.924C373.335 123.023 373.257 123.143 373.21 123.276Z" fill="#FABD62"/>
<path d="M337.345 232.107L344.278 213.75C344.348 213.564 344.392 213.368 344.484 213.192C344.568 213.033 344.69 212.897 344.84 212.797C345.073 212.642 345.356 212.587 345.625 212.646C345.895 212.704 346.13 212.87 346.278 213.107C346.374 213.26 346.429 213.435 346.439 213.614C346.451 213.812 346.41 214.009 346.397 214.207L345.142 233.79C345.132 233.944 345.089 234.095 345.017 234.232C344.944 234.368 344.844 234.488 344.722 234.581C344.601 234.675 344.462 234.74 344.314 234.773C344.166 234.806 344.013 234.806 343.866 234.772L338.102 233.528C337.955 233.498 337.816 233.436 337.694 233.345C337.573 233.254 337.473 233.136 337.401 233.001C337.329 232.866 337.287 232.716 337.277 232.562C337.268 232.407 337.291 232.252 337.345 232.107Z" fill="#FABD62"/>
<path d="M383.928 221.133L375.054 206.442C374.947 206.265 374.811 206.103 374.738 205.91C374.687 205.777 374.668 205.634 374.681 205.49C374.705 205.24 374.826 205.009 375.02 204.847C375.213 204.685 375.461 204.605 375.711 204.625C375.855 204.637 375.993 204.681 376.115 204.754C376.292 204.86 376.428 205.022 376.584 205.158L389.513 216.446C389.615 216.535 389.696 216.646 389.751 216.771C389.805 216.896 389.832 217.031 389.828 217.168C389.825 217.304 389.792 217.439 389.731 217.562C389.671 217.686 389.584 217.795 389.477 217.882L385.349 221.347C385.244 221.437 385.122 221.503 384.99 221.542C384.858 221.58 384.719 221.589 384.584 221.569C384.449 221.548 384.32 221.499 384.207 221.424C384.094 221.348 383.998 221.249 383.928 221.133Z" fill="#FABD62"/>
<path d="M409.326 198.682L384.49 191.726C384.043 191.601 383.601 191.383 383.138 191.415C382.999 191.424 382.861 191.454 382.729 191.505C382.374 191.64 382.086 191.912 381.927 192.259C381.769 192.607 381.753 193.003 381.883 193.359C381.932 193.493 381.999 193.616 382.083 193.727C382.363 194.098 382.817 194.289 383.205 194.544L404.739 208.739C404.911 208.852 405.106 208.925 405.31 208.954C405.514 208.984 405.723 208.967 405.921 208.907C406.119 208.847 406.302 208.744 406.458 208.606C406.614 208.467 406.739 208.297 406.823 208.106L410.214 200.671C410.303 200.482 410.35 200.276 410.353 200.068C410.355 199.859 410.312 199.654 410.228 199.464C410.143 199.275 410.019 199.107 409.863 198.972C409.707 198.837 409.524 198.738 409.326 198.682Z" fill="#FABD62"/>
<path d="M353.914 112L353.914 55" stroke="#96BFD8" stroke-width="2" stroke-dasharray="8 8"/>
<rect x="321.914" y="4" width="65" height="50.2663" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M321.914 48.2666V50.0002C321.914 53.3139 324.6 56.0002 327.914 56.0002H380.914C384.228 56.0002 386.914 53.3139 386.914 50.0002V48.2666C386.914 51.5803 384.228 54.2666 380.914 54.2666H327.914C324.6 54.2666 321.914 51.5803 321.914 48.2666Z" fill="#2C749E"/>
<path d="M345.565 37.24C344.678 37.24 343.901 37.0167 343.235 36.57C342.575 36.1167 342.061 35.4967 341.695 34.71C341.328 33.9167 341.145 33.0133 341.145 32C341.145 30.9867 341.328 30.0867 341.695 29.3C342.061 28.5067 342.575 27.8867 343.235 27.44C343.901 26.9867 344.678 26.76 345.565 26.76H345.785C346.445 26.76 347.055 26.9033 347.615 27.19C348.181 27.47 348.648 27.89 349.015 28.45V22.4H351.015V37H349.015V35.43C348.668 36.03 348.215 36.4833 347.655 36.79C347.095 37.09 346.471 37.24 345.785 37.24H345.565ZM346.065 35.39H346.265C346.858 35.39 347.391 35.2133 347.865 34.86C348.345 34.5067 348.728 34.0233 349.015 33.41V30.59C348.728 29.9767 348.345 29.4933 347.865 29.14C347.391 28.7867 346.858 28.61 346.265 28.61H346.065C345.191 28.61 344.498 28.9033 343.985 29.49C343.471 30.0767 343.215 30.9133 343.215 32C343.215 33.0867 343.471 33.9233 343.985 34.51C344.498 35.0967 345.191 35.39 346.065 35.39ZM354.96 25.22C354.554 25.22 354.23 25.0967 353.99 24.85C353.757 24.5967 353.64 24.2767 353.64 23.89C353.64 23.4967 353.757 23.1767 353.99 22.93C354.23 22.6833 354.554 22.56 354.96 22.56C355.374 22.56 355.697 22.6833 355.93 22.93C356.164 23.1767 356.28 23.4967 356.28 23.89C356.28 24.2767 356.164 24.5967 355.93 24.85C355.697 25.0967 355.374 25.22 354.96 25.22ZM353.96 37V27H355.96V37H353.96ZM361.792 37C361.072 35.38 360.385 33.73 359.732 32.05C359.085 30.3633 358.485 28.68 357.932 27H360.192C360.598 28.38 361.042 29.7633 361.522 31.15C362.008 32.5367 362.522 33.91 363.062 35.27C363.602 33.91 364.112 32.5367 364.592 31.15C365.078 29.7633 365.525 28.38 365.932 27H368.112C367.558 28.68 366.955 30.3633 366.302 32.05C365.655 33.73 364.972 35.38 364.252 37H361.792Z" fill="#2C749E"/>
<path d="M214 95L244 95" stroke="#4977AB" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M237 108.4L249 95.2L237 82" stroke="#4977AB" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M451 95L481 95" stroke="#4977AB" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M474 108.4L486 95.2L474 82" stroke="#4977AB" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="580.991" y="139.994" width="65" height="62" rx="12" fill="white" stroke="#FCDEB0" stroke-width="4" stroke-linejoin="bevel"/>
<rect x="584.991" y="143.994" width="57" height="54" rx="8" fill="white" stroke="#FABD62" stroke-width="4" stroke-linejoin="bevel"/>
<rect x="586.991" y="145.994" width="53" height="50" rx="6" fill="white" stroke="#FABD62" stroke-linejoin="bevel"/>
<path d="M608.828 178.772V164.572H610.828V166.142C611.175 165.542 611.628 165.092 612.188 164.792C612.748 164.485 613.372 164.332 614.058 164.332H614.278C615.165 164.332 615.938 164.558 616.598 165.012C617.265 165.458 617.782 166.078 618.148 166.872C618.515 167.658 618.698 168.558 618.698 169.572C618.698 170.585 618.515 171.488 618.148 172.282C617.782 173.068 617.265 173.688 616.598 174.142C615.938 174.588 615.165 174.812 614.278 174.812H614.058C613.398 174.812 612.785 174.672 612.218 174.392C611.658 174.105 611.195 173.682 610.828 173.122V178.772H608.828ZM613.578 172.962H613.778C614.652 172.962 615.345 172.668 615.858 172.082C616.372 171.495 616.628 170.658 616.628 169.572C616.628 168.485 616.372 167.648 615.858 167.062C615.345 166.475 614.652 166.182 613.778 166.182H613.578C612.985 166.182 612.448 166.358 611.968 166.712C611.495 167.065 611.115 167.548 610.828 168.162V170.982C611.115 171.595 611.495 172.078 611.968 172.432C612.448 172.785 612.985 172.962 613.578 172.962Z" fill="#2C749E"/>
<path d="M554.56 198.653L567.246 193.218C567.411 193.112 567.615 193.082 567.814 193.135C568.013 193.189 568.191 193.32 568.308 193.502C568.425 193.683 568.471 193.899 568.438 194.102C568.404 194.305 568.292 194.479 568.128 194.585L557.94 203.896C557.86 203.968 557.765 204.02 557.661 204.048C557.557 204.076 557.446 204.08 557.336 204.059C557.226 204.037 557.12 203.992 557.025 203.925C556.93 203.859 556.848 203.772 556.785 203.673L554.286 199.796C554.222 199.698 554.177 199.588 554.155 199.474C554.134 199.36 554.136 199.244 554.162 199.135C554.188 199.026 554.237 198.927 554.306 198.844C554.375 198.76 554.461 198.695 554.56 198.653Z" fill="#FABD62"/>
<path d="M554.56 145.282L567.246 150.717C567.411 150.823 567.615 150.853 567.814 150.8C568.013 150.747 568.191 150.615 568.308 150.433C568.425 150.252 568.471 150.036 568.438 149.833C568.404 149.63 568.292 149.456 568.128 149.35L557.94 140.039C557.86 139.967 557.765 139.915 557.661 139.887C557.557 139.859 557.446 139.855 557.336 139.876C557.226 139.898 557.12 139.943 557.025 140.01C556.93 140.076 556.848 140.163 556.785 140.262L554.286 144.139C554.222 144.237 554.177 144.347 554.155 144.461C554.134 144.576 554.136 144.691 554.162 144.8C554.188 144.909 554.237 145.008 554.306 145.092C554.375 145.175 554.461 145.24 554.56 145.282Z" fill="#FABD62"/>
<path d="M545.283 175.808L566.016 173.797C566.312 173.814 566.602 173.711 566.824 173.511C567.045 173.311 567.18 173.03 567.197 172.73C567.214 172.43 567.114 172.136 566.917 171.911C566.72 171.687 566.443 171.551 566.148 171.534L545.788 167.13C545.63 167.097 545.466 167.098 545.308 167.135C545.15 167.171 545.002 167.242 544.874 167.343C544.746 167.443 544.64 167.571 544.566 167.717C544.491 167.862 544.448 168.023 544.44 168.187L544.067 174.602C544.055 174.765 544.079 174.93 544.137 175.083C544.194 175.237 544.284 175.376 544.4 175.49C544.515 175.605 544.654 175.693 544.807 175.748C544.959 175.802 545.122 175.823 545.283 175.808Z" fill="#FABD62"/>
<path d="M673.993 198.359L660.817 192.715C660.646 192.605 660.434 192.574 660.228 192.629C660.021 192.684 659.836 192.821 659.715 193.009C659.594 193.197 659.545 193.422 659.58 193.633C659.615 193.844 659.731 194.024 659.902 194.135L670.483 203.804C670.565 203.879 670.664 203.933 670.772 203.962C670.88 203.992 670.995 203.995 671.11 203.973C671.224 203.951 671.334 203.904 671.433 203.835C671.531 203.765 671.616 203.676 671.682 203.572L674.277 199.547C674.344 199.444 674.39 199.33 674.413 199.211C674.435 199.093 674.433 198.973 674.406 198.86C674.379 198.747 674.328 198.644 674.256 198.557C674.185 198.47 674.095 198.403 673.993 198.359Z" fill="#FABD62"/>
<path d="M673.993 142.932L660.817 148.576C660.646 148.686 660.434 148.717 660.228 148.662C660.021 148.606 659.836 148.47 659.715 148.281C659.594 148.093 659.545 147.869 659.58 147.658C659.615 147.447 659.731 147.266 659.902 147.156L670.483 137.486C670.565 137.411 670.664 137.357 670.772 137.328C670.88 137.299 670.995 137.295 671.11 137.317C671.224 137.339 671.334 137.387 671.433 137.456C671.531 137.525 671.616 137.615 671.682 137.718L674.277 141.744C674.344 141.846 674.39 141.961 674.413 142.079C674.435 142.198 674.433 142.318 674.406 142.431C674.379 142.544 674.328 142.647 674.256 142.734C674.185 142.82 674.095 142.888 673.993 142.932Z" fill="#FABD62"/>
<path d="M683.627 174.633L662.095 172.545C661.788 172.562 661.486 172.456 661.256 172.248C661.026 172.04 660.887 171.749 660.869 171.437C660.85 171.125 660.955 170.819 661.159 170.586C661.364 170.353 661.651 170.213 661.958 170.195L683.102 165.621C683.267 165.586 683.437 165.588 683.601 165.626C683.765 165.664 683.919 165.738 684.052 165.842C684.185 165.947 684.294 166.079 684.372 166.23C684.45 166.382 684.494 166.548 684.502 166.719L684.89 173.381C684.902 173.551 684.877 173.721 684.817 173.881C684.758 174.04 684.665 174.184 684.544 174.304C684.424 174.423 684.28 174.514 684.122 174.571C683.963 174.628 683.794 174.649 683.627 174.633Z" fill="#FABD62"/>
<rect x="581" y="2" width="65" height="50.2663" rx="6" fill="white" stroke="#2C749E" stroke-linejoin="bevel"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M581 46.2666V48.0002C581 51.3139 583.686 54.0002 587 54.0002H640C643.314 54.0002 646 51.3139 646 48.0002V46.2666C646 49.5803 643.314 52.2666 640 52.2666H587C583.686 52.2666 581 49.5803 581 46.2666Z" fill="#2C749E"/>
<path d="M604.651 35.24C603.764 35.24 602.987 35.0167 602.321 34.57C601.661 34.1167 601.147 33.4967 600.781 32.71C600.414 31.9167 600.231 31.0133 600.231 30C600.231 28.9867 600.414 28.0867 600.781 27.3C601.147 26.5067 601.661 25.8867 602.321 25.44C602.987 24.9867 603.764 24.76 604.651 24.76H604.871C605.531 24.76 606.141 24.9033 606.701 25.19C607.267 25.47 607.734 25.89 608.101 26.45V20.4H610.101V35H608.101V33.43C607.754 34.03 607.301 34.4833 606.741 34.79C606.181 35.09 605.557 35.24 604.871 35.24H604.651ZM605.151 33.39H605.351C605.944 33.39 606.477 33.2133 606.951 32.86C607.431 32.5067 607.814 32.0233 608.101 31.41V28.59C607.814 27.9767 607.431 27.4933 606.951 27.14C606.477 26.7867 605.944 26.61 605.351 26.61H605.151C604.277 26.61 603.584 26.9033 603.071 27.49C602.557 28.0767 602.301 28.9133 602.301 30C602.301 31.0867 602.557 31.9233 603.071 32.51C603.584 33.0967 604.277 33.39 605.151 33.39ZM614.046 23.22C613.64 23.22 613.316 23.0967 613.076 22.85C612.843 22.5967 612.726 22.2767 612.726 21.89C612.726 21.4967 612.843 21.1767 613.076 20.93C613.316 20.6833 613.64 20.56 614.046 20.56C614.46 20.56 614.783 20.6833 615.016 20.93C615.25 21.1767 615.366 21.4967 615.366 21.89C615.366 22.2767 615.25 22.5967 615.016 22.85C614.783 23.0967 614.46 23.22 614.046 23.22ZM613.046 35V25H615.046V35H613.046ZM620.878 35C620.158 33.38 619.471 31.73 618.818 30.05C618.171 28.3633 617.571 26.68 617.018 25H619.278C619.684 26.38 620.128 27.7633 620.608 29.15C621.094 30.5367 621.608 31.91 622.148 33.27C622.688 31.91 623.198 30.5367 623.678 29.15C624.164 27.7633 624.611 26.38 625.018 25H627.198C626.644 26.68 626.041 28.3633 625.388 30.05C624.741 31.73 624.058 33.38 623.338 35H620.878Z" fill="#2C749E"/>
<path d="M614 142L614 54" stroke="#FABD62" stroke-width="3"/>
</svg>