npm - newskit - Versions diffs - 0.0.0-e00e1f6 → 0.0.0-e02a96ba5 - Mend

newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3163) hide show

package/site/public/static/illustrations/components/audio-player/behaviours/buffering.svg ADDED Viewed

@@ -0,0 +1,28 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+  <g>
+    <rect style="fill: var(--color-interfaceBackground)" width="1249" height="143.55" transform="translate(120 377)"></rect>
+    <g clip-path="url(#nk-727)">
+      <rect style="fill: var(--color-illustrationInterface030)" x="167.85" y="400.926" width="95.7001" height="95.7001" rx="47.8501"></rect>
+      <g>
+        <path style="fill: var(--color-interfaceBackground)" d="M207.725 434.822V462.735L229.656 448.779L207.725 434.822Z"></path>
+      </g>
+    </g>
+    <path style="fill: var(--color-illustrationInterface030)" d="M314.271 447.506C314.271 441.988 315.196 437.681 317.047 434.587C318.929 431.461 322.151 429.898 326.712 429.898C331.274 429.898 334.48 431.461 336.33 434.587C338.212 437.681 339.153 441.988 339.153 447.506C339.153 453.089 338.212 457.459 336.33 460.617C334.48 463.744 331.274 465.307 326.712 465.307C322.151 465.307 318.929 463.744 317.047 460.617C315.196 457.459 314.271 453.089 314.271 447.506ZM333.794 447.506C333.794 444.923 333.619 442.737 333.268 440.951C332.949 439.165 332.279 437.713 331.258 436.597C330.237 435.448 328.722 434.874 326.712 434.874C324.703 434.874 323.187 435.448 322.167 436.597C321.146 437.713 320.46 439.165 320.109 440.951C319.79 442.737 319.631 444.923 319.631 447.506C319.631 450.186 319.79 452.435 320.109 454.253C320.428 456.072 321.098 457.539 322.119 458.655C323.171 459.772 324.703 460.33 326.712 460.33C328.722 460.33 330.237 459.772 331.258 458.655C332.311 457.539 332.997 456.072 333.316 454.253C333.635 452.435 333.794 450.186 333.794 447.506ZM344.925 447.506C344.925 441.988 345.85 437.681 347.701 434.587C349.583 431.461 352.805 429.898 357.366 429.898C361.928 429.898 365.134 431.461 366.984 434.587C368.866 437.681 369.807 441.988 369.807 447.506C369.807 453.089 368.866 457.459 366.984 460.617C365.134 463.744 361.928 465.307 357.366 465.307C352.805 465.307 349.583 463.744 347.701 460.617C345.85 457.459 344.925 453.089 344.925 447.506ZM364.448 447.506C364.448 444.923 364.273 442.737 363.922 440.951C363.603 439.165 362.933 437.713 361.912 436.597C360.891 435.448 359.376 434.874 357.366 434.874C355.357 434.874 353.841 435.448 352.821 436.597C351.8 437.713 351.114 439.165 350.763 440.951C350.444 442.737 350.284 444.923 350.284 447.506C350.284 450.186 350.444 452.435 350.763 454.253C351.082 456.072 351.752 457.539 352.773 458.655C353.825 459.772 355.357 460.33 357.366 460.33C359.376 460.33 360.891 459.772 361.912 458.655C362.965 457.539 363.651 456.072 363.97 454.253C364.289 452.435 364.448 450.186 364.448 447.506ZM378.498 465.737C377.509 465.737 376.68 465.402 376.01 464.732C375.34 464.063 375.005 463.233 375.005 462.244C375.005 461.255 375.34 460.426 376.01 459.756C376.68 459.086 377.509 458.751 378.498 458.751C379.455 458.751 380.269 459.086 380.938 459.756C381.608 460.426 381.943 461.255 381.943 462.244C381.943 463.233 381.608 464.063 380.938 464.732C380.269 465.402 379.455 465.737 378.498 465.737ZM378.498 445.64C377.509 445.64 376.68 445.305 376.01 444.635C375.34 443.966 375.005 443.136 375.005 442.147C375.005 441.158 375.34 440.329 376.01 439.659C376.68 438.989 377.509 438.654 378.498 438.654C379.455 438.654 380.269 438.989 380.938 439.659C381.608 440.329 381.943 441.158 381.943 442.147C381.943 443.136 381.608 443.966 380.938 444.635C380.269 445.305 379.455 445.64 378.498 445.64ZM387.212 439.133C387.404 436.166 388.536 433.853 390.61 432.194C392.715 430.536 395.395 429.706 398.649 429.706C400.882 429.706 402.812 430.105 404.438 430.902C406.065 431.7 407.293 432.785 408.123 434.156C408.952 435.528 409.367 437.075 409.367 438.798C409.367 440.776 408.841 442.466 407.788 443.87C406.735 445.273 405.475 446.214 404.008 446.693V446.884C405.89 447.459 407.357 448.511 408.41 450.042C409.463 451.542 409.989 453.472 409.989 455.832C409.989 457.714 409.558 459.389 408.697 460.857C407.836 462.324 406.56 463.488 404.869 464.35C403.178 465.179 401.153 465.594 398.792 465.594C395.347 465.594 392.508 464.716 390.275 462.962C388.074 461.176 386.893 458.624 386.734 455.306H391.997C392.125 456.997 392.779 458.384 393.959 459.469C395.14 460.522 396.735 461.048 398.744 461.048C400.69 461.048 402.189 460.522 403.242 459.469C404.295 458.384 404.821 456.997 404.821 455.306C404.821 453.073 404.103 451.494 402.668 450.569C401.264 449.612 399.095 449.133 396.16 449.133H394.916V444.635H396.208C398.792 444.604 400.754 444.173 402.094 443.343C403.465 442.514 404.151 441.206 404.151 439.42C404.151 437.889 403.657 436.676 402.668 435.783C401.679 434.858 400.275 434.395 398.457 434.395C396.671 434.395 395.283 434.858 394.294 435.783C393.305 436.676 392.715 437.793 392.524 439.133H387.212ZM415.719 447.506C415.719 441.988 416.644 437.681 418.494 434.587C420.376 431.461 423.598 429.898 428.16 429.898C432.722 429.898 435.928 431.461 437.778 434.587C439.66 437.681 440.601 441.988 440.601 447.506C440.601 453.089 439.66 457.459 437.778 460.617C435.928 463.744 432.722 465.307 428.16 465.307C423.598 465.307 420.376 463.744 418.494 460.617C416.644 457.459 415.719 453.089 415.719 447.506ZM435.242 447.506C435.242 444.923 435.066 442.737 434.716 440.951C434.397 439.165 433.727 437.713 432.706 436.597C431.685 435.448 430.17 434.874 428.16 434.874C426.15 434.874 424.635 435.448 423.614 436.597C422.594 437.713 421.908 439.165 421.557 440.951C421.238 442.737 421.078 444.923 421.078 447.506C421.078 450.186 421.238 452.435 421.557 454.253C421.876 456.072 422.546 457.539 423.566 458.655C424.619 459.772 426.15 460.33 428.16 460.33C430.17 460.33 431.685 459.772 432.706 458.655C433.759 457.539 434.444 456.072 434.763 454.253C435.082 452.435 435.242 450.186 435.242 447.506Z"></path>
+    <rect style="fill: var(--color-illustrationInterface020)" x="492" y="437.035" width="660" height="23.925" rx="11.9625"></rect>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="492" y="437.035" width="187" height="23.925" rx="11.9625"></rect>
+    <rect style="fill: var(--color-illustrationInterface080)" x="662" y="437.035" width="255" height="23.925"></rect>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="651.465" y="426.345" width="44.8594" height="44.8594" rx="22.4297"></rect>
+    <rect style="stroke: var(--color-undefined)" x="651.465" y="426.345" width="44.8594" height="44.8594" rx="22.4297" stroke-width="2.99063"></rect>
+    <path style="fill: var(--color-illustrationInterface030)" d="M1203.6 447.508C1203.6 441.99 1204.53 437.683 1206.38 434.589C1208.26 431.463 1211.48 429.9 1216.04 429.9C1220.6 429.9 1223.81 431.463 1225.66 434.589C1227.54 437.683 1228.48 441.99 1228.48 447.508C1228.48 453.091 1227.54 457.461 1225.66 460.619C1223.81 463.745 1220.6 465.309 1216.04 465.309C1211.48 465.309 1208.26 463.745 1206.38 460.619C1204.53 457.461 1203.6 453.091 1203.6 447.508ZM1223.12 447.508C1223.12 444.924 1222.95 442.739 1222.6 440.953C1222.28 439.167 1221.61 437.715 1220.59 436.599C1219.57 435.45 1218.05 434.876 1216.04 434.876C1214.03 434.876 1212.52 435.45 1211.5 436.599C1210.48 437.715 1209.79 439.167 1209.44 440.953C1209.12 442.739 1208.96 444.924 1208.96 447.508C1208.96 450.188 1209.12 452.437 1209.44 454.255C1209.76 456.074 1210.43 457.541 1211.45 458.657C1212.5 459.774 1214.03 460.332 1216.04 460.332C1218.05 460.332 1219.57 459.774 1220.59 458.657C1221.64 457.541 1222.33 456.074 1222.65 454.255C1222.96 452.437 1223.12 450.188 1223.12 447.508ZM1233.54 435.498V430.522H1243.49V465.404H1237.99V435.498H1233.54ZM1253.9 465.739C1252.91 465.739 1252.08 465.404 1251.41 464.734C1250.74 464.064 1250.41 463.235 1250.41 462.246C1250.41 461.257 1250.74 460.428 1251.41 459.758C1252.08 459.088 1252.91 458.753 1253.9 458.753C1254.86 458.753 1255.67 459.088 1256.34 459.758C1257.01 460.428 1257.35 461.257 1257.35 462.246C1257.35 463.235 1257.01 464.064 1256.34 464.734C1255.67 465.404 1254.86 465.739 1253.9 465.739ZM1253.9 445.642C1252.91 445.642 1252.08 445.307 1251.41 444.637C1250.74 443.967 1250.41 443.138 1250.41 442.149C1250.41 441.16 1250.74 440.331 1251.41 439.661C1252.08 438.991 1252.91 438.656 1253.9 438.656C1254.86 438.656 1255.67 438.991 1256.34 439.661C1257.01 440.331 1257.35 441.16 1257.35 442.149C1257.35 443.138 1257.01 443.967 1256.34 444.637C1255.67 445.307 1254.86 445.642 1253.9 445.642ZM1262.71 447.508C1262.71 441.99 1263.64 437.683 1265.49 434.589C1267.37 431.463 1270.59 429.9 1275.15 429.9C1279.72 429.9 1282.92 431.463 1284.77 434.589C1286.65 437.683 1287.6 441.99 1287.6 447.508C1287.6 453.091 1286.65 457.461 1284.77 460.619C1282.92 463.745 1279.72 465.309 1275.15 465.309C1270.59 465.309 1267.37 463.745 1265.49 460.619C1263.64 457.461 1262.71 453.091 1262.71 447.508ZM1282.24 447.508C1282.24 444.924 1282.06 442.739 1281.71 440.953C1281.39 439.167 1280.72 437.715 1279.7 436.599C1278.68 435.45 1277.16 434.876 1275.15 434.876C1273.14 434.876 1271.63 435.45 1270.61 436.599C1269.59 437.715 1268.9 439.167 1268.55 440.953C1268.23 442.739 1268.07 444.924 1268.07 447.508C1268.07 450.188 1268.23 452.437 1268.55 454.255C1268.87 456.074 1269.54 457.541 1270.56 458.657C1271.61 459.774 1273.14 460.332 1275.15 460.332C1277.16 460.332 1278.68 459.774 1279.7 458.657C1280.75 457.541 1281.44 456.074 1281.76 454.255C1282.08 452.437 1282.24 450.188 1282.24 447.508ZM1293.37 447.508C1293.37 441.99 1294.29 437.683 1296.14 434.589C1298.02 431.463 1301.25 429.9 1305.81 429.9C1310.37 429.9 1313.58 431.463 1315.43 434.589C1317.31 437.683 1318.25 441.99 1318.25 447.508C1318.25 453.091 1317.31 457.461 1315.43 460.619C1313.58 463.745 1310.37 465.309 1305.81 465.309C1301.25 465.309 1298.02 463.745 1296.14 460.619C1294.29 457.461 1293.37 453.091 1293.37 447.508ZM1312.89 447.508C1312.89 444.924 1312.71 442.739 1312.36 440.953C1312.04 439.167 1311.37 437.715 1310.35 436.599C1309.33 435.45 1307.82 434.876 1305.81 434.876C1303.8 434.876 1302.28 435.45 1301.26 436.599C1300.24 437.715 1299.56 439.167 1299.2 440.953C1298.89 442.739 1298.73 444.924 1298.73 447.508C1298.73 450.188 1298.89 452.437 1299.2 454.255C1299.52 456.074 1300.19 457.541 1301.21 458.657C1302.27 459.774 1303.8 460.332 1305.81 460.332C1307.82 460.332 1309.33 459.774 1310.35 458.657C1311.41 457.541 1312.09 456.074 1312.41 454.255C1312.73 452.437 1312.89 450.188 1312.89 447.508Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M492 340V299H496.211V317.008L717.789 317.008V321.01L496.211 321.01V340H492Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1151.79 340V299H1147.58V317.008L711 317.008V321.01L1147.58 321.01V340H1151.79Z"></path>
+  <defs>
+    <clipPath id="nk-727">
+      <rect style="fill: var(--color-white)" x="167.85" y="400.926" width="95.7001" height="95.7001" rx="47.8501"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/audio-player/behaviours/mute-button.svg ADDED Viewed

@@ -0,0 +1,21 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <g clip-path="url(#nk-730)">
+    <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+    <path d="M378 349.3C378 343.059 381.778 338 386.437 338H504.562C509.222 338 513 343.059 513 349.3V439.7C513 445.941 509.222 451 504.562 451H386.437C381.778 451 378 445.941 378 439.7V349.3Z" fill="#E7E7E7"></path>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="763.667" y="268" width="251.333" height="251.333" rx="125.667"></rect>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M841.842 353.557L849.225 346.174L936.825 433.722L929.442 441.105L918.708 430.37C913.262 434.716 906.822 437.963 899.805 439.534V428.747C903.994 427.543 907.817 425.501 911.22 422.935L889.333 401.048V435.554L863.153 409.374H842.208V377.957H863.153L864.671 376.386L841.842 353.557ZM923.839 405.912C925.201 402.089 925.986 397.953 925.986 393.659C925.986 377.061 914.938 363.028 899.805 358.525V347.739C920.802 352.503 936.458 371.249 936.458 393.659C936.458 400.937 934.783 407.797 931.85 413.923L923.839 405.912ZM889.333 351.773L879.489 361.617L889.333 371.461V351.773ZM899.805 372.559C907.555 376.434 912.896 384.393 912.896 393.66C912.896 394.079 912.843 394.498 912.791 394.917L899.805 381.932V372.559Z"></path>
+    <g>
+      <path style="fill: var(--color-illustrationSubtle010)" fill-rule="evenodd" clip-rule="evenodd" d="M895.484 470.617C875.603 470.617 859.442 486.817 859.442 506.855C859.442 521.327 867.876 533.815 880.075 539.625C882.833 540.938 884.003 544.238 882.69 546.996C881.377 549.753 878.077 550.924 875.319 549.61C859.395 542.026 848.381 525.73 848.381 506.855C848.381 480.757 869.446 459.557 895.484 459.557C921.523 459.557 942.588 480.757 942.588 506.855C942.588 525.73 931.574 542.026 915.65 549.61C912.892 550.924 909.592 549.753 908.279 546.996C906.966 544.238 908.136 540.938 910.894 539.625C923.093 533.815 931.527 521.327 931.527 506.855C931.527 486.817 915.366 470.617 895.484 470.617Z"></path>
+      <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M884.82 596.168L875.954 582.621C869.9 573.371 857.005 569.997 847.141 575.068L849.44 573.886C846.992 575.145 845.818 578.282 846.826 580.889L859.099 612.642C861.044 617.676 866.013 624.795 870.131 628.371C870.131 628.371 894.82 648.807 894.82 656.468V666.168H934.82H945.758H954.82H964.82V656.468C964.82 648.807 979.908 624.675 979.908 624.675C982.686 619.984 985.001 611.72 985.001 606.234V565.886C984.82 556.953 977.227 549.713 967.857 549.713C963.17 549.713 959.373 553.333 959.373 557.802V561.034C959.373 552.101 951.78 544.861 942.41 544.861C937.723 544.861 933.926 548.481 933.926 552.95V556.181C933.926 547.248 926.333 540.009 916.963 540.009C912.276 540.009 908.48 543.629 908.48 548.098V551.329C908.48 549.894 908.326 548.752 908.03 547.848L905.442 506.18C905.092 500.546 900.343 496.168 894.82 496.168C889.259 496.168 884.82 500.644 884.82 506.166V546.168V596.168Z"></path>
+      <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M849.514 574.027C857.453 571.122 866.738 573.134 872.821 578.88C873.996 579.99 875.051 581.239 875.955 582.619L884.821 596.166V506.164C884.821 500.642 889.259 496.166 894.821 496.166C900.344 496.166 905.093 500.544 905.443 506.178L908.03 547.846C908.057 547.927 908.082 548.01 908.107 548.096C908.353 548.958 908.48 550.021 908.48 551.327V548.096C908.48 548.003 908.482 547.91 908.485 547.818C908.487 547.777 908.488 547.736 908.49 547.695C908.709 543.412 912.418 540.007 916.964 540.007C917.853 540.007 918.726 540.072 919.578 540.198C921.587 540.494 923.479 541.126 925.19 542.032C929.454 544.29 932.589 548.249 933.588 552.948C933.811 553.992 933.927 555.073 933.927 556.179V552.948C933.927 548.479 937.724 544.859 942.411 544.859C942.788 544.859 943.162 544.871 943.532 544.894C946.098 545.053 948.508 545.757 950.637 546.884C954.901 549.142 958.036 553.101 959.035 557.8C959.257 558.844 959.374 559.925 959.374 561.032V557.8C959.374 553.331 963.171 549.711 967.858 549.711C968.235 549.711 968.609 549.723 968.979 549.746C977.826 550.296 984.828 557.31 985.002 565.884V606.232C985.002 611.718 982.687 619.982 979.909 624.673C979.909 624.673 964.821 648.805 964.821 656.466V666.166H894.821V656.466C894.821 648.805 870.131 628.369 870.131 628.369C866.014 624.793 861.045 617.674 859.099 612.64L846.827 580.887C846.154 579.147 846.453 577.17 847.455 575.674C847.796 575.163 848.22 574.709 848.714 574.338C848.979 574.229 849.246 574.125 849.514 574.027ZM847.142 575.066C847.658 574.8 848.183 574.558 848.714 574.338C848.942 574.168 849.184 574.016 849.44 573.884L847.142 575.066ZM841.744 564.566C835.32 569.203 832.77 577.804 835.634 585.214L847.906 616.966C850.55 623.806 856.652 632.556 862.263 637.429L862.37 637.523L862.477 637.611L862.48 637.613L862.523 637.65L862.701 637.798C862.862 637.933 863.106 638.138 863.421 638.406C864.052 638.942 864.965 639.726 866.064 640.693C868.276 642.638 871.187 645.275 874.064 648.103C876.995 650.983 879.641 653.818 881.47 656.185C882.1 656.998 882.536 657.633 882.821 658.092V678.166H976.821V656.671C976.821 656.721 976.824 656.747 976.83 656.748C976.872 656.755 977.093 655.627 978.228 652.946C979.433 650.102 981.121 646.74 982.926 643.395C984.71 640.088 986.509 636.981 987.869 634.69C988.547 633.549 989.11 632.621 989.499 631.984C989.694 631.666 989.844 631.421 989.944 631.259L990.055 631.081L990.084 631.035L990.161 630.912L990.235 630.787C992.331 627.247 993.956 622.939 995.06 618.958C996.163 614.985 997.002 610.414 997.002 606.232V565.763L996.999 565.641C996.678 549.791 983.367 537.711 967.858 537.711C965.317 537.711 962.834 538.182 960.525 539.055C955.489 535.146 949.134 532.859 942.411 532.859C939.87 532.859 937.388 533.33 935.078 534.203C930.51 530.656 924.855 528.445 918.825 528.065L917.419 505.434C916.674 493.431 906.64 484.166 894.821 484.166C882.604 484.166 872.821 494.043 872.821 506.164V564.415C863.985 560.016 853.354 559.389 844 563.302M883.228 658.838C883.225 658.837 883.203 658.793 883.172 658.71C883.215 658.797 883.23 658.839 883.228 658.838ZM841.744 564.566L841.655 564.393L843.954 563.212"></path>
+    </g>
+    <path d="M414.322 409.498V427H411.451V415.013L406.113 427H404.123L398.76 415.013V427H395.889V409.498H398.986L405.131 423.223L411.25 409.498H414.322Z" fill="#2E2E2E"></path>
+    <rect x="380" y="340" width="131" height="109" rx="6" stroke="#85939C" stroke-width="4"></rect>
+  </g>
+  <defs>
+    <clipPath id="nk-730">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/audio-player/behaviours/play-pause-live.svg ADDED Viewed

@@ -0,0 +1,30 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <g clip-path="url(#nk-739)">
+    <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+    <g>
+      <rect style="fill: var(--color-interfaceBackground)" x="-73" y="83" width="1664" height="304" rx="6.82903"></rect>
+    </g>
+    <g>
+      <rect style="fill: var(--color-interfaceBackground)" x="-97" y="450" width="1736" height="304" rx="6.82903"></rect>
+    </g>
+    <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M350.762 213.268H343.463V257.059H350.762V213.268ZM387.254 257.059L356.235 235.163L387.254 213.268V257.059Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M579.833 230.483C580.415 228.65 580.665 226.317 580.665 223.651V217.486C580.665 214.82 580.332 212.57 579.75 210.654C579.167 208.738 578.335 207.155 577.253 205.905C576.172 204.655 574.924 203.739 573.426 203.155C571.928 202.572 570.347 202.322 568.517 202.322C566.686 202.322 565.022 202.572 563.607 203.155C562.193 203.739 560.862 204.655 559.863 205.905C558.865 207.155 558.032 208.821 557.45 210.654C556.868 212.487 556.618 214.82 556.618 217.486V223.651C556.618 226.317 556.951 228.567 557.533 230.483C558.116 232.4 558.948 233.983 560.029 235.232C561.111 236.482 562.359 237.399 563.857 237.982C565.355 238.565 566.936 238.815 568.766 238.815C570.597 238.815 572.261 238.565 573.676 237.982C575.09 237.399 576.421 236.482 577.42 235.232C578.418 233.983 579.25 232.316 579.833 230.483ZM537.98 238.312H545.052V202.736H544.303L529.576 207.985V213.733L537.98 211.151V238.312ZM573.593 216.489C573.593 214.906 573.51 213.573 573.26 212.49C573.01 211.407 572.678 210.574 572.262 209.907C571.846 209.241 571.346 208.741 570.681 208.491C570.015 208.241 569.349 208.074 568.6 208.074C567.852 208.074 567.103 208.241 566.52 208.491C565.938 208.741 565.355 209.241 564.939 209.907C564.523 210.574 564.19 211.407 563.941 212.49C563.691 213.573 563.608 214.906 563.608 216.489V224.571C563.608 226.154 563.691 227.487 563.941 228.57C564.19 229.653 564.523 230.57 564.939 231.236C565.355 231.903 565.855 232.403 566.52 232.652C567.186 232.902 567.852 233.069 568.6 233.069C569.349 233.069 570.098 232.902 570.681 232.652C571.263 232.403 571.846 231.903 572.262 231.236C572.678 230.57 573.01 229.653 573.177 228.57C573.343 227.487 573.51 226.154 573.51 224.571V216.489H573.593ZM569.718 268.009L553.765 257.061L569.718 246.114V268.009ZM552.827 268.009L536.874 257.061L552.827 246.114V268.009Z"></path>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="657.3" y="147.582" width="175.165" height="175.165" rx="87.5823"></rect>
+    <path style="fill: var(--color-illustrationInterface010)" d="M730.285 209.619V260.709L770.427 235.164L730.285 209.619Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1251.17 255.327H1255.17V215.266H1251.17V255.327ZM1243.15 247.313H1247.16V223.276H1243.15V247.313ZM1239.15 239.304H1235.14V231.292H1239.15V239.304ZM1259.18 247.313H1263.19V223.276H1259.18V247.313ZM1267.19 239.304V231.292H1271.2V239.304H1267.19Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1308.06 243.997H1316.53V247.314H1303.95V222.256H1308.06V243.997ZM1322.06 224.816C1321.31 224.816 1320.69 224.564 1320.18 224.059C1319.68 223.554 1319.43 222.929 1319.43 222.184C1319.43 221.439 1319.68 220.814 1320.18 220.309C1320.69 219.804 1321.31 219.552 1322.06 219.552C1322.78 219.552 1323.39 219.804 1323.9 220.309C1324.4 220.814 1324.66 221.439 1324.66 222.184C1324.66 222.929 1324.4 223.554 1323.9 224.059C1323.39 224.564 1322.78 224.816 1322.06 224.816ZM1324.08 227.448V247.314H1319.97V227.448H1324.08ZM1337.16 243.637L1342.78 227.448H1347.14L1339.57 247.314H1334.67L1327.13 227.448H1331.53L1337.16 243.637ZM1368.46 236.895C1368.46 237.64 1368.41 238.313 1368.31 238.914H1353.13C1353.25 240.5 1353.84 241.774 1354.9 242.735C1355.96 243.697 1357.26 244.178 1358.79 244.178C1361.01 244.178 1362.57 243.252 1363.48 241.401H1367.92C1367.32 243.228 1366.22 244.731 1364.64 245.908C1363.07 247.062 1361.13 247.639 1358.79 247.639C1356.9 247.639 1355.19 247.218 1353.67 246.377C1352.18 245.512 1351.01 244.31 1350.14 242.772C1349.3 241.209 1348.88 239.406 1348.88 237.363C1348.88 235.32 1349.29 233.529 1350.11 231.991C1350.95 230.429 1352.11 229.227 1353.6 228.386C1355.12 227.544 1356.85 227.124 1358.79 227.124C1360.67 227.124 1362.34 227.532 1363.81 228.349C1365.27 229.167 1366.41 230.32 1367.23 231.811C1368.05 233.277 1368.46 234.972 1368.46 236.895ZM1364.17 235.597C1364.14 234.082 1363.6 232.868 1362.54 231.955C1361.49 231.042 1360.18 230.585 1358.61 230.585C1357.2 230.585 1355.98 231.042 1354.97 231.955C1353.96 232.844 1353.36 234.058 1353.17 235.597H1364.17Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M350.762 580.492H343.463V624.283H350.762V580.492ZM387.254 624.283L356.235 602.388L387.254 580.492V624.283Z"></path>
+    <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M579.833 597.708C580.415 595.875 580.665 593.542 580.665 590.876V584.71C580.665 582.044 580.332 579.795 579.75 577.879C579.167 575.962 578.335 574.379 577.253 573.129C576.172 571.88 574.924 570.963 573.426 570.38C571.928 569.797 570.347 569.547 568.517 569.547C566.686 569.547 565.022 569.797 563.607 570.38C562.193 570.963 560.862 571.88 559.863 573.129C558.865 574.379 558.032 576.046 557.45 577.879C556.868 579.711 556.618 582.044 556.618 584.71V590.876C556.618 593.542 556.951 595.792 557.533 597.708C558.116 599.624 558.948 601.207 560.029 602.457C561.111 603.707 562.359 604.623 563.857 605.206C565.355 605.79 566.936 606.039 568.766 606.039C570.597 606.039 572.261 605.79 573.676 605.206C575.09 604.623 576.421 603.707 577.42 602.457C578.418 601.207 579.25 599.541 579.833 597.708ZM537.98 605.536H545.052V569.96H544.303L529.576 575.209V580.958L537.98 578.375V605.536ZM573.593 583.707C573.593 582.124 573.51 580.79 573.26 579.707C573.01 578.624 572.678 577.791 572.262 577.125C571.846 576.458 571.346 575.958 570.681 575.708C570.015 575.458 569.349 575.292 568.6 575.292C567.852 575.292 567.103 575.458 566.52 575.708C565.938 575.958 565.355 576.458 564.939 577.125C564.523 577.791 564.19 578.624 563.941 579.707C563.691 580.79 563.608 582.124 563.608 583.707V591.788C563.608 593.371 563.691 594.704 563.941 595.787C564.19 596.871 564.523 597.787 564.939 598.454C565.355 599.12 565.855 599.62 566.52 599.87C567.186 600.12 567.852 600.287 568.6 600.287C569.349 600.287 570.098 600.12 570.681 599.87C571.263 599.62 571.846 599.12 572.262 598.454C572.678 597.787 573.01 596.871 573.177 595.787C573.343 594.704 573.51 593.371 573.51 591.788V583.707H573.593ZM569.718 635.234L553.765 624.286L569.718 613.338V635.234ZM552.827 635.234L536.874 624.286L552.827 613.338V635.234Z"></path>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="657.3" y="514.807" width="175.165" height="175.165" rx="87.5823"></rect>
+    <path style="fill: var(--color-illustrationInterface010)" d="M722.986 580.494H766.777V624.285H722.986V580.494Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1251.17 622.549H1255.17V582.488H1251.17V622.549ZM1243.15 614.535H1247.16V590.499H1243.15V614.535ZM1239.15 606.527H1235.14V598.515H1239.15V606.527ZM1259.18 614.535H1263.19V590.499H1259.18V614.535ZM1267.19 606.527V598.515H1271.2V606.527H1267.19Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1308.06 611.22H1316.53V614.537H1303.95V589.479H1308.06V611.22ZM1322.06 592.039C1321.31 592.039 1320.69 591.786 1320.18 591.282C1319.68 590.777 1319.43 590.152 1319.43 589.407C1319.43 588.662 1319.68 588.037 1320.18 587.532C1320.69 587.027 1321.31 586.775 1322.06 586.775C1322.78 586.775 1323.39 587.027 1323.9 587.532C1324.4 588.037 1324.66 588.662 1324.66 589.407C1324.66 590.152 1324.4 590.777 1323.9 591.282C1323.39 591.786 1322.78 592.039 1322.06 592.039ZM1324.08 594.671V614.537H1319.97V594.671H1324.08ZM1337.16 610.859L1342.78 594.671H1347.14L1339.57 614.537H1334.67L1327.13 594.671H1331.53L1337.16 610.859ZM1368.46 604.117C1368.46 604.862 1368.41 605.535 1368.31 606.136H1353.13C1353.25 607.723 1353.84 608.997 1354.9 609.958C1355.96 610.92 1357.26 611.4 1358.79 611.4C1361.01 611.4 1362.57 610.475 1363.48 608.624H1367.92C1367.32 610.451 1366.22 611.953 1364.64 613.131C1363.07 614.285 1361.13 614.862 1358.79 614.862C1356.9 614.862 1355.19 614.441 1353.67 613.6C1352.18 612.734 1351.01 611.533 1350.14 609.994C1349.3 608.432 1348.88 606.629 1348.88 604.586C1348.88 602.543 1349.29 600.752 1350.11 599.214C1350.95 597.651 1352.11 596.449 1353.6 595.608C1355.12 594.767 1356.85 594.346 1358.79 594.346C1360.67 594.346 1362.34 594.755 1363.81 595.572C1365.27 596.389 1366.41 597.543 1367.23 599.033C1368.05 600.5 1368.46 602.194 1368.46 604.117ZM1364.17 602.819C1364.14 601.305 1363.6 600.091 1362.54 599.178C1361.49 598.264 1360.18 597.808 1358.61 597.808C1357.2 597.808 1355.98 598.264 1354.97 599.178C1353.96 600.067 1353.36 601.281 1353.17 602.819H1364.17Z"></path>
+  </g>
+  <defs>
+    <clipPath id="nk-739">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/audio-player/behaviours/play-pause-recorded.svg ADDED Viewed

@@ -0,0 +1,21 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+  <g>
+    <path style="fill: var(--color-interfaceBackground)" d="M131.174 97.4246C131.174 93.3241 134.498 90 138.598 90H1350.65C1354.76 90 1358.08 93.3241 1358.08 97.4245V740.575C1358.08 744.676 1354.76 748 1350.65 748H138.598C134.498 748 131.174 744.676 131.174 740.575V97.4246Z"></path>
+  </g>
+  <rect style="fill: var(--color-illustrationInterface020)" x="215.834" y="174.75" width="1057.89" height="34.4416" rx="17.2208"></rect>
+  <rect style="fill: var(--color-illustrationInterface030)" x="215.834" y="174.75" width="528.999" height="34.4416" rx="17.2208"></rect>
+  <path style="fill: var(--color-illustrationInterface030)" d="M781 192.5C781 211.002 766.002 226 747.5 226C728.998 226 714 211.002 714 192.5C714 173.998 728.998 159 747.5 159C766.002 159 781 173.998 781 192.5Z"></path>
+  <path style="fill: var(--color-illustrationBackground020)" fill-rule="evenodd" clip-rule="evenodd" d="M747.5 221.695C763.624 221.695 776.695 208.624 776.695 192.5C776.695 176.376 763.624 163.305 747.5 163.305C731.376 163.305 718.305 176.376 718.305 192.5C718.305 208.624 731.376 221.695 747.5 221.695ZM747.5 226C766.002 226 781 211.002 781 192.5C781 173.998 766.002 159 747.5 159C728.998 159 714 173.998 714 192.5C714 211.002 728.998 226 747.5 226Z"></path>
+  <path style="fill: var(--color-illustrationInterface030)" d="M219.967 316.015C219.967 308.07 221.299 301.871 223.962 297.417C226.671 292.916 231.31 290.666 237.877 290.666C244.443 290.666 249.059 292.916 251.722 297.417C254.431 301.871 255.786 308.07 255.786 316.015C255.786 324.051 254.431 330.343 251.722 334.889C249.059 339.389 244.443 341.64 237.877 341.64C231.31 341.64 226.671 339.389 223.962 334.889C221.299 330.343 219.967 324.051 219.967 316.015ZM248.071 316.015C248.071 312.295 247.819 309.15 247.314 306.578C246.854 304.006 245.89 301.917 244.42 300.31C242.951 298.656 240.77 297.83 237.877 297.83C234.983 297.83 232.802 298.656 231.333 300.31C229.863 301.917 228.876 304.006 228.371 306.578C227.911 309.15 227.682 312.295 227.682 316.015C227.682 319.872 227.911 323.11 228.371 325.728C228.83 328.345 229.794 330.458 231.264 332.065C232.779 333.672 234.983 334.476 237.877 334.476C240.77 334.476 242.951 333.672 244.42 332.065C245.936 330.458 246.923 328.345 247.382 325.728C247.842 323.11 248.071 319.872 248.071 316.015ZM264.095 316.015C264.095 308.07 265.427 301.871 268.09 297.417C270.8 292.916 275.438 290.666 282.005 290.666C288.572 290.666 293.187 292.916 295.85 297.417C298.56 301.871 299.914 308.07 299.914 316.015C299.914 324.051 298.56 330.343 295.85 334.889C293.187 339.389 288.572 341.64 282.005 341.64C275.438 341.64 270.8 339.389 268.09 334.889C265.427 330.343 264.095 324.051 264.095 316.015ZM292.2 316.015C292.2 312.295 291.947 309.15 291.442 306.578C290.983 304.006 290.018 301.917 288.549 300.31C287.079 298.656 284.898 297.83 282.005 297.83C279.112 297.83 276.93 298.656 275.461 300.31C273.991 301.917 273.004 304.006 272.499 306.578C272.04 309.15 271.81 312.295 271.81 316.015C271.81 319.872 272.04 323.11 272.499 325.728C272.958 328.345 273.923 330.458 275.392 332.065C276.907 333.672 279.112 334.476 282.005 334.476C284.898 334.476 287.079 333.672 288.549 332.065C290.064 330.458 291.051 328.345 291.511 325.728C291.97 323.11 292.2 319.872 292.2 316.015ZM312.425 342.26C311.002 342.26 309.808 341.777 308.843 340.813C307.879 339.849 307.397 338.655 307.397 337.231C307.397 335.807 307.879 334.613 308.843 333.649C309.808 332.685 311.002 332.203 312.425 332.203C313.803 332.203 314.974 332.685 315.938 333.649C316.903 334.613 317.385 335.807 317.385 337.231C317.385 338.655 316.903 339.849 315.938 340.813C314.974 341.777 313.803 342.26 312.425 342.26ZM312.425 313.329C311.002 313.329 309.808 312.846 308.843 311.882C307.879 310.918 307.397 309.724 307.397 308.3C307.397 306.876 307.879 305.683 308.843 304.718C309.808 303.754 311.002 303.272 312.425 303.272C313.803 303.272 314.974 303.754 315.938 304.718C316.903 305.683 317.385 306.876 317.385 308.3C317.385 309.724 316.903 310.918 315.938 311.882C314.974 312.846 313.803 313.329 312.425 313.329ZM324.97 303.96C325.246 299.69 326.876 296.36 329.861 293.972C332.892 291.584 336.749 290.39 341.433 290.39C344.648 290.39 347.426 290.964 349.768 292.113C352.11 293.261 353.878 294.822 355.072 296.797C356.266 298.771 356.863 300.998 356.863 303.478C356.863 306.325 356.105 308.759 354.59 310.78C353.075 312.8 351.261 314.155 349.148 314.844V315.12C351.858 315.946 353.97 317.462 355.486 319.666C357.001 321.824 357.759 324.602 357.759 328.001C357.759 330.71 357.139 333.121 355.899 335.233C354.659 337.346 352.822 339.022 350.388 340.262C347.954 341.456 345.038 342.053 341.64 342.053C336.68 342.053 332.593 340.79 329.379 338.264C326.21 335.693 324.511 332.019 324.281 327.243H331.859C332.042 329.677 332.984 331.674 334.683 333.236C336.382 334.751 338.678 335.509 341.571 335.509C344.372 335.509 346.531 334.751 348.046 333.236C349.562 331.674 350.319 329.677 350.319 327.243C350.319 324.028 349.286 321.755 347.22 320.424C345.199 319.046 342.076 318.357 337.851 318.357H336.06V311.882H337.92C341.64 311.836 344.464 311.216 346.393 310.022C348.368 308.828 349.355 306.945 349.355 304.374C349.355 302.169 348.643 300.424 347.22 299.139C345.796 297.807 343.775 297.141 341.158 297.141C338.586 297.141 336.589 297.807 335.165 299.139C333.741 300.424 332.892 302.032 332.616 303.96H324.97ZM366.007 316.015C366.007 308.07 367.339 301.871 370.003 297.417C372.712 292.916 377.35 290.666 383.917 290.666C390.484 290.666 395.099 292.916 397.763 297.417C400.472 301.871 401.827 308.07 401.827 316.015C401.827 324.051 400.472 330.343 397.763 334.889C395.099 339.389 390.484 341.64 383.917 341.64C377.35 341.64 372.712 339.389 370.003 334.889C367.339 330.343 366.007 324.051 366.007 316.015ZM394.112 316.015C394.112 312.295 393.859 309.15 393.354 306.578C392.895 304.006 391.93 301.917 390.461 300.31C388.991 298.656 386.81 297.83 383.917 297.83C381.024 297.83 378.843 298.656 377.373 300.31C375.904 301.917 374.916 304.006 374.411 306.578C373.952 309.15 373.722 312.295 373.722 316.015C373.722 319.872 373.952 323.11 374.411 325.728C374.87 328.345 375.835 330.458 377.304 332.065C378.82 333.672 381.024 334.476 383.917 334.476C386.81 334.476 388.991 333.672 390.461 332.065C391.976 330.458 392.964 328.345 393.423 325.728C393.882 323.11 394.112 319.872 394.112 316.015Z"></path>
+  <path style="fill: var(--color-illustrationInterface030)" d="M1104.61 316.015C1104.61 308.07 1105.94 301.871 1108.61 297.417C1111.32 292.916 1115.96 290.666 1122.52 290.666C1129.09 290.666 1133.7 292.916 1136.37 297.417C1139.08 301.871 1140.43 308.07 1140.43 316.015C1140.43 324.051 1139.08 330.343 1136.37 334.889C1133.7 339.389 1129.09 341.64 1122.52 341.64C1115.96 341.64 1111.32 339.389 1108.61 334.889C1105.94 330.343 1104.61 324.051 1104.61 316.015ZM1132.72 316.015C1132.72 312.295 1132.46 309.15 1131.96 306.578C1131.5 304.006 1130.54 301.917 1129.07 300.31C1127.6 298.656 1125.42 297.83 1122.52 297.83C1119.63 297.83 1117.45 298.656 1115.98 300.31C1114.51 301.917 1113.52 304.006 1113.02 306.578C1112.56 309.15 1112.33 312.295 1112.33 316.015C1112.33 319.872 1112.56 323.11 1113.02 325.728C1113.48 328.345 1114.44 330.458 1115.91 332.065C1117.42 333.672 1119.63 334.476 1122.52 334.476C1125.42 334.476 1127.6 333.672 1129.07 332.065C1130.58 330.458 1131.57 328.345 1132.03 325.728C1132.49 323.11 1132.72 319.872 1132.72 316.015ZM1147.71 298.725V291.561H1162.04V341.777H1154.11V298.725H1147.71ZM1177.02 342.26C1175.6 342.26 1174.41 341.777 1173.44 340.813C1172.48 339.849 1172 338.655 1172 337.231C1172 335.807 1172.48 334.613 1173.44 333.649C1174.41 332.685 1175.6 332.203 1177.02 332.203C1178.4 332.203 1179.57 332.685 1180.54 333.649C1181.5 334.613 1181.98 335.807 1181.98 337.231C1181.98 338.655 1181.5 339.849 1180.54 340.813C1179.57 341.777 1178.4 342.26 1177.02 342.26ZM1177.02 313.329C1175.6 313.329 1174.41 312.846 1173.44 311.882C1172.48 310.918 1172 309.724 1172 308.3C1172 306.876 1172.48 305.683 1173.44 304.718C1174.41 303.754 1175.6 303.272 1177.02 303.272C1178.4 303.272 1179.57 303.754 1180.54 304.718C1181.5 305.683 1181.98 306.876 1181.98 308.3C1181.98 309.724 1181.5 310.918 1180.54 311.882C1179.57 312.846 1178.4 313.329 1177.02 313.329ZM1189.71 316.015C1189.71 308.07 1191.04 301.871 1193.7 297.417C1196.41 292.916 1201.05 290.666 1207.62 290.666C1214.18 290.666 1218.8 292.916 1221.46 297.417C1224.17 301.871 1225.53 308.07 1225.53 316.015C1225.53 324.051 1224.17 330.343 1221.46 334.889C1218.8 339.389 1214.18 341.64 1207.62 341.64C1201.05 341.64 1196.41 339.389 1193.7 334.889C1191.04 330.343 1189.71 324.051 1189.71 316.015ZM1217.81 316.015C1217.81 312.295 1217.56 309.15 1217.05 306.578C1216.59 304.006 1215.63 301.917 1214.16 300.31C1212.69 298.656 1210.51 297.83 1207.62 297.83C1204.72 297.83 1202.54 298.656 1201.07 300.31C1199.6 301.917 1198.62 304.006 1198.11 306.578C1197.65 309.15 1197.42 312.295 1197.42 316.015C1197.42 319.872 1197.65 323.11 1198.11 325.728C1198.57 328.345 1199.53 330.458 1201 332.065C1202.52 333.672 1204.72 334.476 1207.62 334.476C1210.51 334.476 1212.69 333.672 1214.16 332.065C1215.68 330.458 1216.66 328.345 1217.12 325.728C1217.58 323.11 1217.81 319.872 1217.81 316.015ZM1233.84 316.015C1233.84 308.07 1235.17 301.871 1237.83 297.417C1240.54 292.916 1245.18 290.666 1251.75 290.666C1258.31 290.666 1262.93 292.916 1265.59 297.417C1268.3 301.871 1269.66 308.07 1269.66 316.015C1269.66 324.051 1268.3 330.343 1265.59 334.889C1262.93 339.389 1258.31 341.64 1251.75 341.64C1245.18 341.64 1240.54 339.389 1237.83 334.889C1235.17 330.343 1233.84 324.051 1233.84 316.015ZM1261.94 316.015C1261.94 312.295 1261.69 309.15 1261.18 306.578C1260.72 304.006 1259.76 301.917 1258.29 300.31C1256.82 298.656 1254.64 297.83 1251.75 297.83C1248.85 297.83 1246.67 298.656 1245.2 300.31C1243.73 301.917 1242.74 304.006 1242.24 306.578C1241.78 309.15 1241.55 312.295 1241.55 316.015C1241.55 319.872 1241.78 323.11 1242.24 325.728C1242.7 328.345 1243.66 330.458 1245.13 332.065C1246.65 333.672 1248.85 334.476 1251.75 334.476C1254.64 334.476 1256.82 333.672 1258.29 332.065C1259.8 330.458 1260.79 328.345 1261.25 325.728C1261.71 323.11 1261.94 319.872 1261.94 316.015Z"></path>
+  <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M279.871 546.453H271.26V598.116H279.871V546.453ZM322.923 598.116L286.328 572.284L322.923 546.453V598.116Z"></path>
+  <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M550.117 566.76C550.804 564.597 551.098 561.845 551.098 558.7V551.426C551.098 548.281 550.706 545.627 550.018 543.366C549.331 541.106 548.35 539.238 547.073 537.764C545.797 536.289 544.325 535.208 542.558 534.52C540.791 533.832 538.926 533.537 536.766 533.537C534.607 533.537 532.643 533.832 530.975 534.52C529.306 535.208 527.735 536.289 526.557 537.764C525.379 539.238 524.398 541.204 523.71 543.366C523.023 545.529 522.729 548.281 522.729 551.426V558.7C522.729 561.845 523.121 564.499 523.809 566.76C524.496 569.021 525.477 570.888 526.753 572.363C528.03 573.837 529.502 574.918 531.269 575.606C533.036 576.294 534.901 576.589 537.061 576.589C539.22 576.589 541.184 576.294 542.852 575.606C544.521 574.918 546.092 573.837 547.27 572.363C548.448 570.888 549.429 568.922 550.117 566.76ZM500.74 575.996H509.084V534.025H508.201L490.826 540.217V546.999L500.74 543.952V575.996ZM542.755 550.25C542.755 548.383 542.657 546.81 542.362 545.532C542.068 544.255 541.675 543.272 541.184 542.485C540.693 541.699 540.104 541.109 539.319 540.814C538.534 540.519 537.749 540.323 536.865 540.323C535.982 540.323 535.098 540.519 534.411 540.814C533.724 541.109 533.037 541.699 532.546 542.485C532.055 543.272 531.662 544.255 531.368 545.532C531.073 546.81 530.975 548.383 530.975 550.25V559.785C530.975 561.652 531.073 563.225 531.368 564.503C531.662 565.781 532.055 566.862 532.546 567.648C533.037 568.434 533.626 569.024 534.411 569.319C535.196 569.614 535.982 569.811 536.865 569.811C537.749 569.811 538.632 569.614 539.319 569.319C540.006 569.024 540.693 568.434 541.184 567.648C541.675 566.862 542.068 565.781 542.264 564.503C542.46 563.225 542.657 561.652 542.657 559.785V550.25H542.755ZM518.256 611.031L499.436 598.116L518.256 585.2V611.031ZM538.183 611.031L519.363 598.116L538.183 585.2V611.031Z"></path>
+  <rect style="fill: var(--color-illustrationHighlight010)" x="641.508" y="468.961" width="206.65" height="206.65" rx="103.325"></rect>
+  <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M736.222 602.423H719.001V542.15H736.222V602.423ZM753.443 602.423V542.15H770.664V602.423H753.443Z"></path>
+  <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M997.858 566.76C998.545 564.597 998.839 561.845 998.839 558.7V551.426C998.839 548.281 998.447 545.627 997.76 543.366C997.072 541.106 996.091 539.238 994.815 537.764C993.539 536.289 992.066 535.208 990.299 534.52C988.532 533.832 986.667 533.537 984.507 533.537C982.348 533.537 980.385 533.832 978.716 534.52C977.047 535.208 975.476 536.289 974.298 537.764C973.12 539.238 972.139 541.204 971.452 543.366C970.764 545.529 970.47 548.281 970.47 551.426V558.7C970.47 561.845 970.863 564.499 971.55 566.76C972.237 569.021 973.219 570.888 974.495 572.363C975.771 573.837 977.243 574.918 979.01 575.606C980.777 576.294 982.642 576.589 984.802 576.589C986.962 576.589 988.925 576.294 990.594 575.606C992.262 574.918 993.833 573.837 995.011 572.363C996.189 570.888 997.171 568.922 997.858 566.76ZM948.481 575.996H956.825V534.025H955.942L938.567 540.217V546.999L948.481 543.952V575.996ZM990.496 550.25C990.496 548.383 990.398 546.81 990.103 545.532C989.809 544.255 989.416 543.272 988.925 542.485C988.435 541.699 987.846 541.109 987.06 540.814C986.275 540.519 985.49 540.323 984.606 540.323C983.723 540.323 982.839 540.519 982.152 540.814C981.465 541.109 980.778 541.699 980.287 542.485C979.796 543.272 979.404 544.255 979.109 545.532C978.815 546.81 978.716 548.383 978.716 550.25V559.785C978.716 561.652 978.815 563.225 979.109 564.503C979.404 565.781 979.796 566.862 980.287 567.648C980.778 568.434 981.367 569.024 982.152 569.319C982.937 569.614 983.723 569.811 984.606 569.811C985.49 569.811 986.373 569.614 987.06 569.319C987.748 569.024 988.435 568.434 988.925 567.648C989.416 566.862 989.809 565.781 990.005 564.503C990.202 563.225 990.398 561.652 990.398 559.785V550.25H990.496ZM971.41 611.031L990.23 598.116L971.41 585.2V611.031ZM951.483 611.031L970.303 598.116L951.483 585.2V611.031Z"></path>
+  <path style="fill: var(--color-illustrationPalette020)" fill-rule="evenodd" clip-rule="evenodd" d="M1203.34 572.284L1166.74 598.116V546.453L1203.34 572.284ZM1218.4 598.116H1209.79V546.453H1218.4V598.116Z"></path>
+  <defs>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/audio-player/behaviours/skip-next.svg ADDED Viewed

@@ -0,0 +1,24 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <g clip-path="url(#nk-745)">
+    <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+    <g>
+      <rect style="fill: var(--color-interfaceBackground)" x="-109" y="223" width="1748" height="403" rx="8"></rect>
+    </g>
+    <path style="fill: var(--color-illustrationInterface030)" fill-rule="evenodd" clip-rule="evenodd" d="M244.222 396.832H234.944V452.499H244.222V396.832ZM290.611 452.499L251.181 424.665L290.611 396.832V452.499Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" fill-rule="evenodd" clip-rule="evenodd" d="M535.414 418.714C536.155 416.384 536.472 413.418 536.472 410.029V402.192C536.472 398.803 536.049 395.943 535.309 393.507C534.568 391.071 533.51 389.059 532.135 387.47C530.76 385.882 529.174 384.716 527.27 383.975C525.366 383.234 523.356 382.916 521.029 382.916C518.702 382.916 516.587 383.234 514.789 383.975C512.991 384.716 511.298 385.882 510.029 387.47C508.76 389.059 507.702 391.177 506.962 393.507C506.221 395.837 505.904 398.803 505.904 402.192V410.029C505.904 413.418 506.327 416.278 507.067 418.714C507.808 421.15 508.865 423.162 510.24 424.751C511.616 426.339 513.202 427.504 515.106 428.246C517.01 428.987 519.02 429.305 521.347 429.305C523.674 429.305 525.789 428.987 527.587 428.246C529.385 427.504 531.078 426.339 532.347 424.751C533.616 423.162 534.674 421.044 535.414 418.714ZM482.211 428.665H491.202V383.442H490.25L471.528 390.114V397.422L482.211 394.138V428.665ZM527.482 400.916C527.482 398.903 527.376 397.209 527.059 395.832C526.742 394.455 526.319 393.396 525.79 392.549C525.261 391.701 524.626 391.066 523.78 390.748C522.934 390.43 522.088 390.219 521.136 390.219C520.184 390.219 519.232 390.43 518.491 390.748C517.751 391.066 517.011 391.701 516.482 392.549C515.953 393.396 515.53 394.455 515.213 395.832C514.895 397.209 514.789 398.903 514.789 400.916V411.189C514.789 413.201 514.895 414.896 515.213 416.273C515.53 417.65 515.953 418.815 516.482 419.662C517.011 420.509 517.645 421.145 518.491 421.462C519.338 421.78 520.184 421.992 521.136 421.992C522.088 421.992 523.04 421.78 523.78 421.462C524.521 421.145 525.261 420.509 525.79 419.662C526.319 418.815 526.742 417.65 526.953 416.273C527.165 414.896 527.376 413.201 527.376 411.189V400.916H527.482ZM522.556 466.415L502.278 452.498L522.556 438.581V466.415ZM501.084 466.415L480.806 452.498L501.084 438.581V466.415Z"></path>
+    <rect style="fill: var(--color-illustrationInterface030)" x="633.889" y="313.334" width="222.667" height="222.667" rx="111.333"></rect>
+    <g>
+      <path style="fill: var(--color-interfaceBackground)" d="M726.667 392.195V457.14L777.694 424.668L726.667 392.195Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationInterface030)" fill-rule="evenodd" clip-rule="evenodd" d="M1017.86 418.716C1018.6 416.386 1018.92 413.42 1018.92 410.031V402.194C1018.92 398.805 1018.49 395.945 1017.75 393.509C1017.01 391.073 1015.95 389.061 1014.58 387.472C1013.2 385.883 1011.62 384.718 1009.71 383.977C1007.81 383.236 1005.8 382.918 1003.47 382.918C1001.15 382.918 999.031 383.236 997.233 383.977C995.435 384.718 993.743 385.883 992.473 387.472C991.204 389.061 990.146 391.179 989.406 393.509C988.666 395.839 988.348 398.805 988.348 402.194V410.031C988.348 413.42 988.771 416.28 989.512 418.716C990.252 421.152 991.31 423.164 992.685 424.753C994.06 426.341 995.647 427.506 997.55 428.248C999.454 428.989 1001.46 429.307 1003.79 429.307C1006.12 429.307 1008.23 428.989 1010.03 428.248C1011.83 427.506 1013.52 426.341 1014.79 424.753C1016.06 423.164 1017.12 421.046 1017.86 418.716ZM964.655 428.667H973.646V383.443H972.694L953.972 390.116V397.424L964.655 394.14V428.667ZM1009.93 400.918C1009.93 398.905 1009.82 397.211 1009.5 395.834C1009.19 394.457 1008.76 393.398 1008.23 392.551C1007.71 391.703 1007.07 391.068 1006.22 390.75C1005.38 390.432 1004.53 390.221 1003.58 390.221C1002.63 390.221 1001.68 390.432 1000.94 390.75C1000.2 391.068 999.455 391.703 998.926 392.551C998.397 393.398 997.974 394.457 997.657 395.834C997.34 397.211 997.234 398.905 997.234 400.918V411.191C997.234 413.203 997.34 414.898 997.657 416.275C997.974 417.651 998.397 418.816 998.926 419.664C999.455 420.511 1000.09 421.147 1000.94 421.464C1001.78 421.782 1002.63 421.994 1003.58 421.994C1004.53 421.994 1005.48 421.782 1006.22 421.464C1006.96 421.147 1007.71 420.511 1008.23 419.664C1008.76 418.816 1009.19 417.651 1009.4 416.275C1009.61 414.898 1009.82 413.203 1009.82 411.191V400.918H1009.93ZM989.361 466.417L1009.64 452.5L989.361 438.583V466.417ZM967.889 466.417L988.168 452.5L967.889 438.583V466.417Z"></path>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="1116.33" y="313.334" width="222.667" height="222.667" rx="111.333"></rect>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M1239.26 424.665L1199.83 452.499V396.832L1239.26 424.665ZM1255.5 452.499H1246.22V396.832H1255.5V452.499Z"></path>
+  </g>
+  <defs>
+    <clipPath id="nk-745">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/audio-player/behaviours/skip-previous.svg ADDED Viewed

@@ -0,0 +1,21 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <g clip-path="url(#nk-748)">
+    <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+    <g>
+      <rect style="fill: var(--color-interfaceBackground)" x="-185" y="223" width="1792" height="403" rx="8"></rect>
+    </g>
+    <rect style="fill: var(--color-illustrationHighlight010)" x="151.444" y="313.334" width="222.667" height="222.667" rx="111.333"></rect>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M244.222 396.832H234.944V452.499H244.222V396.832ZM290.611 452.499L251.181 424.665L290.611 396.832V452.499Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" fill-rule="evenodd" clip-rule="evenodd" d="M535.414 418.716C536.155 416.386 536.472 413.42 536.472 410.031V402.194C536.472 398.805 536.049 395.945 535.309 393.509C534.568 391.073 533.511 389.061 532.135 387.472C530.76 385.883 529.174 384.718 527.27 383.977C525.366 383.236 523.356 382.918 521.029 382.918C518.702 382.918 516.587 383.236 514.789 383.977C512.991 384.718 511.298 385.883 510.029 387.472C508.76 389.061 507.702 391.179 506.962 393.509C506.221 395.839 505.904 398.805 505.904 402.194V410.031C505.904 413.42 506.327 416.28 507.067 418.716C507.808 421.152 508.865 423.164 510.241 424.753C511.616 426.341 513.202 427.506 515.106 428.248C517.01 428.989 519.02 429.307 521.347 429.307C523.674 429.307 525.789 428.989 527.587 428.248C529.385 427.506 531.078 426.341 532.347 424.753C533.616 423.164 534.674 421.046 535.414 418.716ZM482.211 428.667H491.202V383.443H490.25L471.528 390.116V397.424L482.211 394.14V428.667ZM527.482 400.918C527.482 398.905 527.376 397.211 527.059 395.834C526.742 394.457 526.319 393.398 525.79 392.551C525.261 391.703 524.626 391.068 523.78 390.75C522.934 390.432 522.088 390.221 521.136 390.221C520.184 390.221 519.232 390.432 518.492 390.75C517.751 391.068 517.011 391.703 516.482 392.551C515.953 393.398 515.53 394.457 515.213 395.834C514.895 397.211 514.789 398.905 514.789 400.918V411.191C514.789 413.203 514.895 414.898 515.213 416.275C515.53 417.651 515.953 418.816 516.482 419.664C517.011 420.511 517.645 421.147 518.492 421.464C519.338 421.782 520.184 421.994 521.136 421.994C522.088 421.994 523.04 421.782 523.78 421.464C524.521 421.147 525.261 420.511 525.79 419.664C526.319 418.816 526.742 417.651 526.953 416.275C527.165 414.898 527.376 413.203 527.376 411.191V400.918H527.482ZM522.556 466.417L502.278 452.5L522.556 438.583V466.417ZM501.084 466.417L480.806 452.5L501.084 438.583V466.417Z"></path>
+    <rect style="fill: var(--color-illustrationInterface030)" x="633.889" y="313.334" width="222.667" height="222.667" rx="111.333"></rect>
+    <path style="fill: var(--color-interfaceBackground)" d="M726.667 392.195V457.14L777.694 424.668L726.667 392.195Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" fill-rule="evenodd" clip-rule="evenodd" d="M1017.86 418.716C1018.6 416.386 1018.92 413.42 1018.92 410.031V402.194C1018.92 398.805 1018.49 395.945 1017.75 393.509C1017.01 391.073 1015.95 389.061 1014.58 387.472C1013.2 385.883 1011.62 384.718 1009.71 383.977C1007.81 383.236 1005.8 382.918 1003.47 382.918C1001.15 382.918 999.031 383.236 997.233 383.977C995.435 384.718 993.743 385.883 992.473 387.472C991.204 389.061 990.146 391.179 989.406 393.509C988.666 395.839 988.348 398.805 988.348 402.194V410.031C988.348 413.42 988.771 416.28 989.512 418.716C990.252 421.152 991.31 423.164 992.685 424.753C994.06 426.341 995.647 427.506 997.55 428.248C999.454 428.989 1001.46 429.307 1003.79 429.307C1006.12 429.307 1008.23 428.989 1010.03 428.248C1011.83 427.506 1013.52 426.341 1014.79 424.753C1016.06 423.164 1017.12 421.046 1017.86 418.716ZM964.655 428.667H973.646V383.443H972.694L953.972 390.116V397.424L964.655 394.14V428.667ZM1009.93 400.918C1009.93 398.905 1009.82 397.211 1009.5 395.834C1009.19 394.457 1008.76 393.398 1008.23 392.551C1007.71 391.703 1007.07 391.068 1006.22 390.75C1005.38 390.432 1004.53 390.221 1003.58 390.221C1002.63 390.221 1001.68 390.432 1000.94 390.75C1000.2 391.068 999.455 391.703 998.926 392.551C998.397 393.398 997.974 394.457 997.657 395.834C997.34 397.211 997.234 398.905 997.234 400.918V411.191C997.234 413.203 997.34 414.898 997.657 416.275C997.974 417.651 998.397 418.816 998.926 419.664C999.455 420.511 1000.09 421.147 1000.94 421.464C1001.78 421.782 1002.63 421.994 1003.58 421.994C1004.53 421.994 1005.48 421.782 1006.22 421.464C1006.96 421.147 1007.71 420.511 1008.23 419.664C1008.76 418.816 1009.19 417.651 1009.4 416.275C1009.61 414.898 1009.82 413.203 1009.82 411.191V400.918H1009.93ZM989.361 466.417L1009.64 452.5L989.361 438.583V466.417ZM967.889 466.417L988.168 452.5L967.889 438.583V466.417Z"></path>
+    <path style="fill: var(--color-illustrationInterface030)" fill-rule="evenodd" clip-rule="evenodd" d="M1239.26 424.665L1199.83 452.499V396.832L1239.26 424.665ZM1255.5 452.499H1246.22V396.832H1255.5V452.499Z"></path>
+  </g>
+  <defs>
+    <clipPath id="nk-748">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/audio-player/layout-examples/full-player.svg ADDED Viewed

@@ -0,0 +1,198 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground010)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationInterface020)"
+    x="499.514"
+    y="192"
+    width="767.213"
+    height="11.3294"
+    rx="5.66469"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="499.514"
+    y="192"
+    width="383.447"
+    height="11.3294"
+    rx="5.66469"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M895 197.5C895 203.851 889.851 209 883.5 209C877.149 209 872 203.851 872 197.5C872 191.149 877.149 186 883.5 186C889.851 186 895 191.149 895 197.5Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M883.5 207.584C889.069 207.584 893.584 203.069 893.584 197.5C893.584 191.931 889.069 187.416 883.5 187.416C877.931 187.416 873.416 191.931 873.416 197.5C873.416 203.069 877.931 207.584 883.5 207.584ZM883.5 209C889.851 209 895 203.851 895 197.5C895 191.149 889.851 186 883.5 186C877.149 186 872 191.149 872 197.5C872 203.851 877.149 209 883.5 209Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M500.874 242.047C500.874 239.433 501.312 237.394 502.188 235.929C503.079 234.448 504.605 233.708 506.765 233.708C508.925 233.708 510.443 234.448 511.319 235.929C512.211 237.394 512.656 239.433 512.656 242.047C512.656 244.69 512.211 246.76 511.319 248.255C510.443 249.735 508.925 250.476 506.765 250.476C504.605 250.476 503.079 249.735 502.188 248.255C501.312 246.76 500.874 244.69 500.874 242.047ZM510.118 242.047C510.118 240.823 510.035 239.788 509.869 238.942C509.718 238.096 509.401 237.409 508.918 236.88C508.434 236.337 507.717 236.065 506.765 236.065C505.813 236.065 505.096 236.337 504.612 236.88C504.129 237.409 503.804 238.096 503.638 238.942C503.487 239.788 503.411 240.823 503.411 242.047C503.411 243.316 503.487 244.38 503.638 245.241C503.789 246.103 504.106 246.797 504.59 247.326C505.088 247.855 505.813 248.119 506.765 248.119C507.717 248.119 508.434 247.855 508.918 247.326C509.416 246.797 509.741 246.103 509.892 245.241C510.043 244.38 510.118 243.316 510.118 242.047ZM515.389 242.047C515.389 239.433 515.828 237.394 516.704 235.929C517.595 234.448 519.121 233.708 521.281 233.708C523.441 233.708 524.959 234.448 525.835 235.929C526.726 237.394 527.172 239.433 527.172 242.047C527.172 244.69 526.726 246.76 525.835 248.255C524.959 249.735 523.441 250.476 521.281 250.476C519.121 250.476 517.595 249.735 516.704 248.255C515.828 246.76 515.389 244.69 515.389 242.047ZM524.634 242.047C524.634 240.823 524.551 239.788 524.385 238.942C524.234 238.096 523.917 237.409 523.433 236.88C522.95 236.337 522.232 236.065 521.281 236.065C520.329 236.065 519.612 236.337 519.128 236.88C518.645 237.409 518.32 238.096 518.154 238.942C518.003 239.788 517.927 240.823 517.927 242.047C517.927 243.316 518.003 244.38 518.154 245.241C518.305 246.103 518.622 246.797 519.106 247.326C519.604 247.855 520.329 248.119 521.281 248.119C522.232 248.119 522.95 247.855 523.433 247.326C523.932 246.797 524.257 246.103 524.408 245.241C524.559 244.38 524.634 243.316 524.634 242.047ZM531.287 250.68C530.819 250.68 530.426 250.521 530.109 250.204C529.792 249.887 529.633 249.494 529.633 249.026C529.633 248.557 529.792 248.164 530.109 247.847C530.426 247.53 530.819 247.371 531.287 247.371C531.741 247.371 532.126 247.53 532.443 247.847C532.76 248.164 532.919 248.557 532.919 249.026C532.919 249.494 532.76 249.887 532.443 250.204C532.126 250.521 531.741 250.68 531.287 250.68ZM531.287 241.163C530.819 241.163 530.426 241.004 530.109 240.687C529.792 240.37 529.633 239.977 529.633 239.509C529.633 239.041 529.792 238.648 530.109 238.331C530.426 238.013 530.819 237.855 531.287 237.855C531.741 237.855 532.126 238.013 532.443 238.331C532.76 238.648 532.919 239.041 532.919 239.509C532.919 239.977 532.76 240.37 532.443 240.687C532.126 241.004 531.741 241.163 531.287 241.163ZM535.414 238.081C535.505 236.676 536.041 235.581 537.023 234.796C538.02 234.01 539.289 233.618 540.829 233.618C541.887 233.618 542.801 233.806 543.571 234.184C544.342 234.562 544.923 235.075 545.316 235.725C545.709 236.374 545.905 237.107 545.905 237.923C545.905 238.859 545.656 239.66 545.157 240.325C544.659 240.989 544.062 241.435 543.367 241.661V241.752C544.258 242.024 544.953 242.522 545.452 243.248C545.95 243.958 546.2 244.871 546.2 245.989C546.2 246.88 545.996 247.674 545.588 248.368C545.18 249.063 544.576 249.615 543.775 250.023C542.974 250.415 542.015 250.612 540.897 250.612C539.266 250.612 537.922 250.196 536.864 249.365C535.822 248.519 535.263 247.311 535.187 245.74H537.68C537.74 246.541 538.05 247.198 538.609 247.711C539.168 248.21 539.923 248.459 540.875 248.459C541.796 248.459 542.506 248.21 543.005 247.711C543.503 247.198 543.752 246.541 543.752 245.74C543.752 244.683 543.413 243.935 542.733 243.497C542.068 243.044 541.041 242.817 539.651 242.817H539.062V240.687H539.674C540.897 240.672 541.826 240.468 542.461 240.075C543.11 239.683 543.435 239.063 543.435 238.217C543.435 237.492 543.201 236.918 542.733 236.495C542.264 236.057 541.6 235.838 540.739 235.838C539.893 235.838 539.236 236.057 538.767 236.495C538.299 236.918 538.02 237.447 537.929 238.081H535.414ZM548.913 242.047C548.913 239.433 549.351 237.394 550.227 235.929C551.118 234.448 552.644 233.708 554.804 233.708C556.964 233.708 558.483 234.448 559.359 235.929C560.25 237.394 560.696 239.433 560.696 242.047C560.696 244.69 560.25 246.76 559.359 248.255C558.483 249.735 556.964 250.476 554.804 250.476C552.644 250.476 551.118 249.735 550.227 248.255C549.351 246.76 548.913 244.69 548.913 242.047ZM558.158 242.047C558.158 240.823 558.075 239.788 557.908 238.942C557.757 238.096 557.44 237.409 556.957 236.88C556.473 236.337 555.756 236.065 554.804 236.065C553.853 236.065 553.135 236.337 552.652 236.88C552.168 237.409 551.843 238.096 551.677 238.942C551.526 239.788 551.451 240.823 551.451 242.047C551.451 243.316 551.526 244.38 551.677 245.241C551.828 246.103 552.146 246.797 552.629 247.326C553.127 247.855 553.853 248.119 554.804 248.119C555.756 248.119 556.473 247.855 556.957 247.326C557.455 246.797 557.78 246.103 557.931 245.241C558.082 244.38 558.158 243.316 558.158 242.047Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M1210.74 242.047C1210.74 239.433 1211.18 237.394 1212.06 235.929C1212.95 234.448 1214.48 233.708 1216.64 233.708C1218.8 233.708 1220.31 234.448 1221.19 235.929C1222.08 237.394 1222.53 239.433 1222.53 242.047C1222.53 244.69 1222.08 246.76 1221.19 248.255C1220.31 249.735 1218.8 250.476 1216.64 250.476C1214.48 250.476 1212.95 249.735 1212.06 248.255C1211.18 246.76 1210.74 244.69 1210.74 242.047ZM1219.99 242.047C1219.99 240.823 1219.91 239.788 1219.74 238.942C1219.59 238.096 1219.27 237.409 1218.79 236.88C1218.31 236.337 1217.59 236.065 1216.64 236.065C1215.68 236.065 1214.97 236.337 1214.48 236.88C1214 237.409 1213.68 238.096 1213.51 238.942C1213.36 239.788 1213.28 240.823 1213.28 242.047C1213.28 243.316 1213.36 244.38 1213.51 245.241C1213.66 246.103 1213.98 246.797 1214.46 247.326C1214.96 247.855 1215.68 248.119 1216.64 248.119C1217.59 248.119 1218.31 247.855 1218.79 247.326C1219.29 246.797 1219.61 246.103 1219.76 245.241C1219.91 244.38 1219.99 243.316 1219.99 242.047ZM1224.92 236.359V234.003H1229.63V250.521H1227.03V236.359H1224.92ZM1234.56 250.68C1234.1 250.68 1233.7 250.521 1233.39 250.204C1233.07 249.887 1232.91 249.494 1232.91 249.026C1232.91 248.557 1233.07 248.164 1233.39 247.847C1233.7 247.53 1234.1 247.371 1234.56 247.371C1235.02 247.371 1235.4 247.53 1235.72 247.847C1236.04 248.164 1236.2 248.557 1236.2 249.026C1236.2 249.494 1236.04 249.887 1235.72 250.204C1235.4 250.521 1235.02 250.68 1234.56 250.68ZM1234.56 241.163C1234.1 241.163 1233.7 241.004 1233.39 240.687C1233.07 240.37 1232.91 239.977 1232.91 239.509C1232.91 239.041 1233.07 238.648 1233.39 238.331C1233.7 238.013 1234.1 237.855 1234.56 237.855C1235.02 237.855 1235.4 238.013 1235.72 238.331C1236.04 238.648 1236.2 239.041 1236.2 239.509C1236.2 239.977 1236.04 240.37 1235.72 240.687C1235.4 241.004 1235.02 241.163 1234.56 241.163ZM1238.74 242.047C1238.74 239.433 1239.17 237.394 1240.05 235.929C1240.94 234.448 1242.47 233.708 1244.63 233.708C1246.79 233.708 1248.31 234.448 1249.18 235.929C1250.07 237.394 1250.52 239.433 1250.52 242.047C1250.52 244.69 1250.07 246.76 1249.18 248.255C1248.31 249.735 1246.79 250.476 1244.63 250.476C1242.47 250.476 1240.94 249.735 1240.05 248.255C1239.17 246.76 1238.74 244.69 1238.74 242.047ZM1247.98 242.047C1247.98 240.823 1247.9 239.788 1247.73 238.942C1247.58 238.096 1247.26 237.409 1246.78 236.88C1246.3 236.337 1245.58 236.065 1244.63 236.065C1243.68 236.065 1242.96 236.337 1242.48 236.88C1241.99 237.409 1241.67 238.096 1241.5 238.942C1241.35 239.788 1241.27 240.823 1241.27 242.047C1241.27 243.316 1241.35 244.38 1241.5 245.241C1241.65 246.103 1241.97 246.797 1242.45 247.326C1242.95 247.855 1243.68 248.119 1244.63 248.119C1245.58 248.119 1246.3 247.855 1246.78 247.326C1247.28 246.797 1247.6 246.103 1247.75 245.241C1247.91 244.38 1247.98 243.316 1247.98 242.047ZM1253.25 242.047C1253.25 239.433 1253.69 237.394 1254.57 235.929C1255.46 234.448 1256.98 233.708 1259.14 233.708C1261.3 233.708 1262.82 234.448 1263.7 235.929C1264.59 237.394 1265.03 239.433 1265.03 242.047C1265.03 244.69 1264.59 246.76 1263.7 248.255C1262.82 249.735 1261.3 250.476 1259.14 250.476C1256.98 250.476 1255.46 249.735 1254.57 248.255C1253.69 246.76 1253.25 244.69 1253.25 242.047ZM1262.5 242.047C1262.5 240.823 1262.41 239.788 1262.25 238.942C1262.1 238.096 1261.78 237.409 1261.3 236.88C1260.81 236.337 1260.1 236.065 1259.14 236.065C1258.19 236.065 1257.47 236.337 1256.99 236.88C1256.51 237.409 1256.18 238.096 1256.02 238.942C1255.87 239.788 1255.79 240.823 1255.79 242.047C1255.79 243.316 1255.87 244.38 1256.02 245.241C1256.17 246.103 1256.48 246.797 1256.97 247.326C1257.47 247.855 1258.19 248.119 1259.14 248.119C1260.1 248.119 1260.81 247.855 1261.3 247.326C1261.79 246.797 1262.12 246.103 1262.27 245.241C1262.42 244.38 1262.5 243.316 1262.5 242.047Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M515.564 330.45V324.785H519.341L524.061 320.064V335.17L519.341 330.45H515.564ZM525.949 323.812C527.347 324.511 528.31 325.946 528.31 327.617C528.31 329.288 527.347 330.723 525.949 331.412V323.812Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationInterface020)"
+    x="561.826"
+    y="324.785"
+    width="106"
+    height="6"
+    rx="3"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="561.826"
+    y="324.785"
+    width="53"
+    height="6"
+    rx="3"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M627 327.5C627 333.851 621.851 339 615.5 339C609.149 339 604 333.851 604 327.5C604 321.149 609.149 316 615.5 316C621.851 316 627 321.149 627 327.5Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M615.5 337.584C621.069 337.584 625.584 333.069 625.584 327.5C625.584 321.931 621.069 317.416 615.5 317.416C609.931 317.416 605.416 321.931 605.416 327.5C605.416 333.069 609.931 337.584 615.5 337.584ZM615.5 339C621.851 339 627 333.851 627 327.5C627 321.149 621.851 316 615.5 316C609.149 316 604 321.149 604 327.5C604 333.851 609.149 339 615.5 339Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M744.176 336.115L732.139 327.618L744.176 319.121V336.115ZM730.015 319.121H727.182V336.115H730.015V319.121Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M818.911 325.801C819.137 325.089 819.233 324.184 819.233 323.149V320.757C819.233 319.722 819.104 318.849 818.878 318.105C818.652 317.362 818.329 316.747 817.91 316.262C817.49 315.777 817.005 315.422 816.424 315.195C815.843 314.969 815.229 314.872 814.519 314.872C813.809 314.872 813.163 314.969 812.614 315.195C812.065 315.422 811.548 315.777 811.161 316.262C810.773 316.747 810.45 317.394 810.224 318.105C809.998 318.817 809.902 319.722 809.902 320.757V323.149C809.902 324.184 810.031 325.057 810.257 325.801C810.483 326.544 810.806 327.159 811.225 327.644C811.645 328.128 812.13 328.484 812.711 328.71C813.292 328.937 813.906 329.034 814.616 329.034C815.326 329.034 815.972 328.937 816.521 328.71C817.07 328.484 817.587 328.128 817.974 327.644C818.362 327.159 818.685 326.512 818.911 325.801ZM802.668 328.839H805.413V315.033H805.123L799.407 317.07V319.301L802.668 318.299V328.839ZM816.489 320.368C816.489 319.754 816.457 319.237 816.36 318.816C816.263 318.396 816.134 318.073 815.972 317.814C815.811 317.555 815.617 317.361 815.359 317.264C815.101 317.167 814.842 317.103 814.552 317.103C814.261 317.103 813.97 317.167 813.744 317.264C813.518 317.361 813.292 317.555 813.131 317.814C812.969 318.073 812.84 318.396 812.743 318.816C812.646 319.237 812.614 319.754 812.614 320.368V323.505C812.614 324.119 812.646 324.636 812.743 325.057C812.84 325.477 812.969 325.833 813.131 326.091C813.292 326.35 813.486 326.544 813.744 326.641C814.003 326.738 814.261 326.803 814.552 326.803C814.842 326.803 815.133 326.738 815.359 326.641C815.585 326.544 815.811 326.35 815.972 326.091C816.134 325.833 816.263 325.477 816.328 325.057C816.392 324.636 816.457 324.119 816.457 323.505V320.368H816.489ZM808.43 340.363L802.239 336.115L808.43 331.866V340.363ZM814.985 340.363L808.794 336.115L814.985 331.866V340.363Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="848.973"
+    y="293.629"
+    width="67.9763"
+    height="67.9763"
+    rx="33.9882"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    d="M877.297 317.705V337.531L892.875 327.618L877.297 317.705Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M966.193 325.801C966.419 325.089 966.516 324.184 966.516 323.149V320.757C966.516 319.722 966.386 318.849 966.16 318.105C965.934 317.362 965.611 316.747 965.192 316.262C964.772 315.777 964.287 315.422 963.706 315.195C963.125 314.969 962.512 314.872 961.801 314.872C961.091 314.872 960.445 314.969 959.896 315.195C959.347 315.422 958.83 315.777 958.443 316.262C958.055 316.747 957.733 317.394 957.506 318.105C957.28 318.817 957.184 319.722 957.184 320.757V323.149C957.184 324.184 957.313 325.057 957.539 325.801C957.765 326.544 958.088 327.159 958.507 327.644C958.927 328.128 959.412 328.484 959.993 328.71C960.574 328.937 961.188 329.034 961.898 329.034C962.608 329.034 963.254 328.937 963.803 328.71C964.352 328.484 964.869 328.128 965.256 327.644C965.644 327.159 965.967 326.512 966.193 325.801ZM949.951 328.839H952.695V315.033H952.405L946.689 317.07V319.301L949.951 318.299V328.839ZM963.771 320.368C963.771 319.754 963.739 319.237 963.642 318.816C963.545 318.396 963.416 318.073 963.254 317.814C963.093 317.555 962.899 317.361 962.641 317.264C962.383 317.167 962.124 317.103 961.834 317.103C961.543 317.103 961.252 317.167 961.026 317.264C960.8 317.361 960.574 317.555 960.413 317.814C960.251 318.073 960.122 318.396 960.025 318.816C959.928 319.237 959.896 319.754 959.896 320.368V323.505C959.896 324.119 959.928 324.636 960.025 325.057C960.122 325.477 960.251 325.833 960.413 326.091C960.574 326.35 960.768 326.544 961.026 326.641C961.285 326.738 961.543 326.803 961.834 326.803C962.124 326.803 962.415 326.738 962.641 326.641C962.867 326.544 963.093 326.35 963.254 326.091C963.416 325.833 963.545 325.477 963.61 325.057C963.674 324.636 963.739 324.119 963.739 323.505V320.368H963.771ZM957.493 340.363L963.683 336.115L957.493 331.866V340.363ZM950.938 340.363L957.129 336.115L950.938 331.866V340.363Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1035.91 336.115V319.121H1038.74V336.115H1035.91ZM1033.78 327.618L1021.75 336.115V319.121L1033.78 327.618Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1245.64 321.009V319.121H1252.25V325.73H1250.36V322.34L1241.08 331.621L1239.75 330.29L1249.03 321.009H1245.64ZM1237.14 334.227H1250.36V327.618H1252.25V334.227C1252.25 335.265 1251.4 336.115 1250.36 336.115H1237.14C1236.09 336.115 1235.25 335.265 1235.25 334.227V321.009C1235.25 319.971 1236.09 319.121 1237.14 319.121H1243.75V321.009H1237.14V334.227Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M515.05 621.82V616.156H518.826L523.547 611.435V626.541L518.826 621.82H515.05ZM525.435 615.183C526.833 615.881 527.796 617.317 527.796 618.988C527.796 620.659 526.833 622.094 525.435 622.783V615.183Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationInterface020)"
+    x="561.312"
+    y="616.156"
+    width="106"
+    height="6"
+    rx="3"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="561.312"
+    y="616.156"
+    width="53"
+    height="6"
+    rx="3"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M627 618.5C627 624.851 621.851 630 615.5 630C609.149 630 604 624.851 604 618.5C604 612.149 609.149 607 615.5 607C621.851 607 627 612.149 627 618.5Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M615.5 628.584C621.069 628.584 625.584 624.069 625.584 618.5C625.584 612.931 621.069 608.416 615.5 608.416C609.931 608.416 605.416 612.931 605.416 618.5C605.416 624.069 609.931 628.584 615.5 628.584ZM615.5 630C621.851 630 627 624.851 627 618.5C627 612.149 621.851 607 615.5 607C609.149 607 604 612.149 604 618.5C604 624.851 609.149 630 615.5 630Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="848.459"
+    y="585"
+    width="67.9763"
+    height="67.9763"
+    rx="33.9882"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    d="M876.782 609.075V628.902L892.36 618.988L876.782 609.075Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1245.12 612.38V610.492H1251.73V617.101H1249.84V613.711L1240.56 622.992L1239.23 621.661L1248.51 612.38H1245.12ZM1236.63 625.598H1249.84V618.989H1251.73V625.598C1251.73 626.636 1250.88 627.486 1249.84 627.486H1236.63C1235.58 627.486 1234.74 626.636 1234.74 625.598V612.38C1234.74 611.342 1235.58 610.492 1236.63 610.492H1243.24V612.38H1236.63V625.598Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1130.72 628.435H1132.6V609.553H1130.72V628.435ZM1126.94 624.659H1128.83V613.329H1126.94V624.659ZM1125.05 620.883H1123.16V617.106H1125.05V620.883ZM1134.49 624.659H1136.38V613.329H1134.49V624.659ZM1138.27 620.883V617.106H1140.16V620.883H1138.27Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M1158.22 622.704H1162.21V624.267H1156.28V612.456H1158.22V622.704ZM1164.82 613.663C1164.47 613.663 1164.17 613.544 1163.93 613.306C1163.7 613.068 1163.58 612.773 1163.58 612.422C1163.58 612.071 1163.7 611.776 1163.93 611.539C1164.17 611.301 1164.47 611.182 1164.82 611.182C1165.16 611.182 1165.45 611.301 1165.68 611.539C1165.92 611.776 1166.04 612.071 1166.04 612.422C1166.04 612.773 1165.92 613.068 1165.68 613.306C1165.45 613.544 1165.16 613.663 1164.82 613.663ZM1165.77 614.903V624.267H1163.83V614.903H1165.77ZM1171.93 622.534L1174.58 614.903H1176.64L1173.07 624.267H1170.76L1167.21 614.903H1169.28L1171.93 622.534ZM1186.69 619.356C1186.69 619.707 1186.66 620.024 1186.62 620.307H1179.46C1179.52 621.055 1179.8 621.656 1180.3 622.109C1180.8 622.562 1181.41 622.789 1182.13 622.789C1183.17 622.789 1183.91 622.352 1184.34 621.48H1186.43C1186.15 622.341 1185.63 623.049 1184.89 623.604C1184.15 624.148 1183.23 624.42 1182.13 624.42C1181.24 624.42 1180.43 624.222 1179.72 623.825C1179.02 623.417 1178.46 622.851 1178.05 622.126C1177.66 621.389 1177.46 620.54 1177.46 619.577C1177.46 618.614 1177.65 617.77 1178.04 617.045C1178.43 616.308 1178.98 615.742 1179.69 615.345C1180.4 614.949 1181.21 614.75 1182.13 614.75C1183.02 614.75 1183.8 614.943 1184.49 615.328C1185.19 615.713 1185.72 616.257 1186.11 616.96C1186.49 617.651 1186.69 618.449 1186.69 619.356ZM1184.66 618.744C1184.65 618.03 1184.4 617.458 1183.9 617.028C1183.4 616.597 1182.78 616.382 1182.05 616.382C1181.38 616.382 1180.81 616.597 1180.33 617.028C1179.86 617.447 1179.57 618.019 1179.48 618.744H1184.66Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M237.828 283.594L232.505 274.192H230.224V283.594H225.385V259.468H234.441C236.307 259.468 237.897 259.802 239.211 260.47C240.524 261.115 241.503 262.003 242.149 263.132C242.817 264.238 243.151 265.482 243.151 266.865C243.151 268.455 242.69 269.895 241.768 271.185C240.847 272.453 239.476 273.328 237.655 273.812L243.427 283.594H237.828ZM230.224 270.563H234.268C235.581 270.563 236.561 270.252 237.206 269.63C237.851 268.985 238.174 268.097 238.174 266.968C238.174 265.862 237.851 265.01 237.206 264.411C236.561 263.788 235.581 263.477 234.268 263.477H230.224V270.563ZM265.328 273.605C265.328 274.296 265.282 274.918 265.19 275.471H251.191C251.307 276.854 251.791 277.937 252.643 278.72C253.496 279.504 254.544 279.895 255.789 279.895C257.586 279.895 258.865 279.123 259.625 277.58H264.844C264.291 279.423 263.231 280.944 261.664 282.142C260.098 283.317 258.173 283.905 255.892 283.905C254.049 283.905 252.39 283.502 250.915 282.695C249.463 281.866 248.323 280.702 247.493 279.204C246.687 277.706 246.283 275.978 246.283 274.019C246.283 272.038 246.687 270.298 247.493 268.8C248.3 267.302 249.429 266.15 250.88 265.344C252.332 264.537 254.003 264.134 255.892 264.134C257.713 264.134 259.337 264.526 260.766 265.309C262.217 266.093 263.335 267.21 264.119 268.662C264.925 270.091 265.328 271.738 265.328 273.605ZM260.316 272.222C260.293 270.978 259.844 269.987 258.968 269.25C258.093 268.489 257.021 268.109 255.754 268.109C254.556 268.109 253.542 268.478 252.712 269.215C251.906 269.929 251.41 270.932 251.226 272.222H260.316ZM267.616 274.019C267.616 272.038 268.019 270.31 268.826 268.835C269.632 267.337 270.75 266.185 272.178 265.378C273.607 264.549 275.243 264.134 277.087 264.134C279.46 264.134 281.419 264.733 282.962 265.931C284.529 267.107 285.578 268.766 286.108 270.909H280.889C280.612 270.079 280.14 269.434 279.472 268.973C278.826 268.489 278.02 268.247 277.052 268.247C275.669 268.247 274.575 268.754 273.768 269.768C272.962 270.759 272.559 272.176 272.559 274.019C272.559 275.84 272.962 277.257 273.768 278.271C274.575 279.262 275.669 279.757 277.052 279.757C279.011 279.757 280.29 278.881 280.889 277.13H286.108C285.578 279.204 284.529 280.852 282.962 282.073C281.396 283.294 279.437 283.905 277.087 283.905C275.243 283.905 273.607 283.502 272.178 282.695C270.75 281.866 269.632 280.713 268.826 279.239C268.019 277.741 267.616 276.001 267.616 274.019ZM298.156 283.905C296.312 283.905 294.653 283.502 293.178 282.695C291.704 281.866 290.54 280.702 289.687 279.204C288.858 277.706 288.443 275.978 288.443 274.019C288.443 272.061 288.869 270.333 289.722 268.835C290.598 267.337 291.784 266.185 293.282 265.378C294.78 264.549 296.45 264.134 298.294 264.134C300.137 264.134 301.808 264.549 303.306 265.378C304.804 266.185 305.979 267.337 306.831 268.835C307.707 270.333 308.145 272.061 308.145 274.019C308.145 275.978 307.695 277.706 306.797 279.204C305.921 280.702 304.723 281.866 303.202 282.695C301.704 283.502 300.022 283.905 298.156 283.905ZM298.156 279.688C299.031 279.688 299.849 279.481 300.61 279.066C301.393 278.628 302.015 277.983 302.476 277.13C302.937 276.278 303.167 275.241 303.167 274.019C303.167 272.199 302.684 270.805 301.716 269.837C300.771 268.846 299.607 268.351 298.225 268.351C296.842 268.351 295.679 268.846 294.734 269.837C293.812 270.805 293.351 272.199 293.351 274.019C293.351 275.84 293.801 277.245 294.699 278.236C295.621 279.204 296.773 279.688 298.156 279.688ZM316.533 267.418C317.155 266.404 317.962 265.609 318.953 265.033C319.967 264.457 321.119 264.169 322.409 264.169V269.25H321.13C319.61 269.25 318.457 269.607 317.674 270.321C316.914 271.035 316.533 272.28 316.533 274.054V283.594H311.694V264.445H316.533V267.418ZM324.424 273.95C324.424 272.015 324.804 270.298 325.565 268.8C326.348 267.302 327.408 266.15 328.745 265.344C330.081 264.537 331.567 264.134 333.204 264.134C334.448 264.134 335.635 264.411 336.764 264.964C337.893 265.494 338.791 266.208 339.46 267.107V258.016H344.368V283.594H339.46V280.759C338.861 281.704 338.019 282.465 336.936 283.041C335.853 283.617 334.598 283.905 333.169 283.905C331.556 283.905 330.081 283.49 328.745 282.661C327.408 281.831 326.348 280.667 325.565 279.17C324.804 277.649 324.424 275.909 324.424 273.95ZM339.494 274.019C339.494 272.844 339.264 271.842 338.803 271.012C338.342 270.16 337.72 269.515 336.936 269.077C336.153 268.616 335.312 268.385 334.413 268.385C333.515 268.385 332.685 268.604 331.925 269.042C331.164 269.48 330.542 270.125 330.058 270.978C329.597 271.807 329.367 272.798 329.367 273.95C329.367 275.102 329.597 276.116 330.058 276.992C330.542 277.845 331.164 278.501 331.925 278.962C332.708 279.423 333.538 279.653 334.413 279.653C335.312 279.653 336.153 279.435 336.936 278.997C337.72 278.536 338.342 277.891 338.803 277.061C339.264 276.209 339.494 275.195 339.494 274.019ZM366.895 273.605C366.895 274.296 366.848 274.918 366.756 275.471H352.758C352.873 276.854 353.357 277.937 354.209 278.72C355.062 279.504 356.11 279.895 357.355 279.895C359.152 279.895 360.431 279.123 361.191 277.58H366.411C365.858 279.423 364.798 280.944 363.231 282.142C361.664 283.317 359.74 283.905 357.458 283.905C355.615 283.905 353.956 283.502 352.481 282.695C351.03 281.866 349.889 280.702 349.059 279.204C348.253 277.706 347.85 275.978 347.85 274.019C347.85 272.038 348.253 270.298 349.059 268.8C349.866 267.302 350.995 266.15 352.447 265.344C353.898 264.537 355.569 264.134 357.458 264.134C359.279 264.134 360.903 264.526 362.332 265.309C363.784 266.093 364.901 267.21 365.685 268.662C366.491 270.091 366.895 271.738 366.895 273.605ZM361.883 272.222C361.86 270.978 361.41 269.987 360.535 269.25C359.659 268.489 358.588 268.109 357.32 268.109C356.122 268.109 355.108 268.478 354.279 269.215C353.472 269.929 352.977 270.932 352.792 272.222H361.883ZM369.182 273.95C369.182 272.015 369.562 270.298 370.323 268.8C371.106 267.302 372.166 266.15 373.503 265.344C374.839 264.537 376.326 264.134 377.962 264.134C379.206 264.134 380.393 264.411 381.522 264.964C382.651 265.494 383.549 266.208 384.218 267.107V258.016H389.126V283.594H384.218V280.759C383.619 281.704 382.778 282.465 381.694 283.041C380.611 283.617 379.356 283.905 377.927 283.905C376.314 283.905 374.839 283.49 373.503 282.661C372.166 281.831 371.106 280.667 370.323 279.17C369.562 277.649 369.182 275.909 369.182 273.95ZM384.252 274.019C384.252 272.844 384.022 271.842 383.561 271.012C383.1 270.16 382.478 269.515 381.694 269.077C380.911 268.616 380.07 268.385 379.171 268.385C378.273 268.385 377.443 268.604 376.683 269.042C375.922 269.48 375.3 270.125 374.816 270.978C374.355 271.807 374.125 272.798 374.125 273.95C374.125 275.102 374.355 276.116 374.816 276.992C375.3 277.845 375.922 278.501 376.683 278.962C377.466 279.423 378.296 279.653 379.171 279.653C380.07 279.653 380.911 279.435 381.694 278.997C382.478 278.536 383.1 277.891 383.561 277.061C384.022 276.209 384.252 275.195 384.252 274.019Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M230.224 627.123H238.174V630.96H225.385V606.834H230.224V627.123ZM243.703 609.53C242.851 609.53 242.137 609.265 241.56 608.735C241.007 608.182 240.731 607.502 240.731 606.696C240.731 605.889 241.007 605.221 241.56 604.691C242.137 604.138 242.851 603.862 243.703 603.862C244.556 603.862 245.259 604.138 245.812 604.691C246.388 605.221 246.676 605.889 246.676 606.696C246.676 607.502 246.388 608.182 245.812 608.735C245.259 609.265 244.556 609.53 243.703 609.53ZM246.088 611.811V630.96H241.249V611.811H246.088ZM258.854 626.501L263.693 611.811H268.843L261.757 630.96H255.881L248.83 611.811H254.015L258.854 626.501ZM289.361 620.971C289.361 621.662 289.315 622.284 289.223 622.837H275.224C275.34 624.22 275.824 625.303 276.676 626.086C277.529 626.87 278.577 627.262 279.821 627.262C281.619 627.262 282.898 626.49 283.658 624.946H288.877C288.324 626.789 287.264 628.31 285.697 629.508C284.13 630.683 282.206 631.271 279.925 631.271C278.082 631.271 276.423 630.868 274.948 630.061C273.496 629.232 272.356 628.068 271.526 626.57C270.72 625.073 270.316 623.344 270.316 621.386C270.316 619.404 270.72 617.664 271.526 616.166C272.333 614.669 273.462 613.517 274.913 612.71C276.365 611.904 278.036 611.5 279.925 611.5C281.746 611.5 283.37 611.892 284.799 612.675C286.25 613.459 287.368 614.577 288.151 616.028C288.958 617.457 289.361 619.104 289.361 620.971ZM284.349 619.588C284.326 618.344 283.877 617.353 283.001 616.616C282.126 615.855 281.054 615.475 279.787 615.475C278.589 615.475 277.575 615.844 276.745 616.581C275.939 617.296 275.443 618.298 275.259 619.588H284.349Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1175.71 318.265V320.172C1174.34 320.342 1173.08 320.89 1172.03 321.702L1170.69 320.352C1172.09 319.209 1173.82 318.454 1175.71 318.265ZM1177.65 325.573L1174.77 323.411V331.908L1177.65 329.746L1180.44 327.659L1177.65 325.573ZM1170.7 323.033L1169.35 321.692C1168.21 323.089 1167.45 324.817 1167.26 326.715H1169.17C1169.34 325.336 1169.89 324.081 1170.7 323.033ZM1167.26 328.603H1169.17C1169.34 329.981 1169.89 331.237 1170.7 332.276L1169.35 333.626C1168.21 332.228 1167.45 330.501 1167.26 328.603ZM1170.69 334.966C1172.09 336.109 1173.83 336.864 1175.71 337.053V335.146C1174.34 334.976 1173.08 334.428 1172.03 333.616L1170.69 334.966ZM1177.65 337.053C1182.4 336.553 1186.1 332.531 1186.1 327.659C1186.1 322.787 1182.4 318.766 1177.65 318.265V320.172C1181.35 320.663 1184.21 323.835 1184.21 327.659C1184.21 331.483 1181.35 334.655 1177.65 335.146V337.053Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/audio-player/layout-examples/inline-player.svg ADDED Viewed

@@ -0,0 +1,34 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <rect style="fill: var(--color-illustrationBackground010)" width="1490" height="838"></rect>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M231.828 309.558L226.505 300.156H224.224V309.558H219.385V285.432H228.441C230.307 285.432 231.897 285.766 233.211 286.434C234.524 287.079 235.503 287.966 236.149 289.096C236.817 290.202 237.151 291.446 237.151 292.829C237.151 294.418 236.69 295.859 235.768 297.149C234.847 298.416 233.476 299.292 231.655 299.776L237.427 309.558H231.828ZM224.224 296.527H228.268C229.581 296.527 230.561 296.216 231.206 295.594C231.851 294.948 232.174 294.061 232.174 292.932C232.174 291.826 231.851 290.974 231.206 290.374C230.561 289.752 229.581 289.441 228.268 289.441H224.224V296.527ZM259.328 299.569C259.328 300.26 259.282 300.882 259.19 301.435H245.191C245.307 302.818 245.791 303.901 246.643 304.684C247.496 305.468 248.544 305.859 249.789 305.859C251.586 305.859 252.865 305.087 253.625 303.543H258.844C258.291 305.387 257.231 306.908 255.664 308.106C254.098 309.281 252.173 309.869 249.892 309.869C248.049 309.869 246.39 309.465 244.915 308.659C243.463 307.829 242.323 306.666 241.493 305.168C240.687 303.67 240.283 301.942 240.283 299.983C240.283 298.002 240.687 296.262 241.493 294.764C242.3 293.266 243.429 292.114 244.88 291.308C246.332 290.501 248.003 290.098 249.892 290.098C251.713 290.098 253.337 290.49 254.766 291.273C256.217 292.057 257.335 293.174 258.119 294.626C258.925 296.055 259.328 297.702 259.328 299.569ZM254.316 298.186C254.293 296.942 253.844 295.951 252.968 295.213C252.093 294.453 251.021 294.073 249.754 294.073C248.556 294.073 247.542 294.442 246.712 295.179C245.906 295.893 245.41 296.896 245.226 298.186H254.316ZM261.616 299.983C261.616 298.002 262.019 296.273 262.826 294.799C263.632 293.301 264.75 292.149 266.178 291.342C267.607 290.513 269.243 290.098 271.087 290.098C273.46 290.098 275.419 290.697 276.962 291.895C278.529 293.07 279.578 294.73 280.108 296.873H274.889C274.612 296.043 274.14 295.398 273.472 294.937C272.826 294.453 272.02 294.211 271.052 294.211C269.669 294.211 268.575 294.718 267.768 295.732C266.962 296.723 266.559 298.14 266.559 299.983C266.559 301.804 266.962 303.221 267.768 304.235C268.575 305.226 269.669 305.721 271.052 305.721C273.011 305.721 274.29 304.845 274.889 303.094H280.108C279.578 305.168 278.529 306.816 276.962 308.037C275.396 309.258 273.437 309.869 271.087 309.869C269.243 309.869 267.607 309.465 266.178 308.659C264.75 307.829 263.632 306.677 262.826 305.203C262.019 303.705 261.616 301.965 261.616 299.983ZM292.156 309.869C290.312 309.869 288.653 309.465 287.178 308.659C285.704 307.829 284.54 306.666 283.687 305.168C282.858 303.67 282.443 301.942 282.443 299.983C282.443 298.025 282.869 296.296 283.722 294.799C284.598 293.301 285.784 292.149 287.282 291.342C288.78 290.513 290.45 290.098 292.294 290.098C294.137 290.098 295.808 290.513 297.306 291.342C298.804 292.149 299.979 293.301 300.831 294.799C301.707 296.296 302.145 298.025 302.145 299.983C302.145 301.942 301.695 303.67 300.797 305.168C299.921 306.666 298.723 307.829 297.202 308.659C295.704 309.465 294.022 309.869 292.156 309.869ZM292.156 305.652C293.031 305.652 293.849 305.444 294.61 305.03C295.393 304.592 296.015 303.947 296.476 303.094C296.937 302.242 297.167 301.205 297.167 299.983C297.167 298.163 296.684 296.769 295.716 295.801C294.771 294.81 293.607 294.315 292.225 294.315C290.842 294.315 289.679 294.81 288.734 295.801C287.812 296.769 287.351 298.163 287.351 299.983C287.351 301.804 287.801 303.209 288.699 304.2C289.621 305.168 290.773 305.652 292.156 305.652ZM310.533 293.382C311.155 292.368 311.962 291.573 312.953 290.997C313.967 290.421 315.119 290.133 316.409 290.133V295.213H315.13C313.61 295.213 312.457 295.571 311.674 296.285C310.914 296.999 310.533 298.244 310.533 300.018V309.558H305.694V290.409H310.533V293.382ZM318.424 299.914C318.424 297.979 318.804 296.262 319.565 294.764C320.348 293.266 321.408 292.114 322.745 291.308C324.081 290.501 325.567 290.098 327.204 290.098C328.448 290.098 329.635 290.374 330.764 290.927C331.893 291.457 332.791 292.172 333.46 293.07V283.98H338.368V309.558H333.46V306.723C332.861 307.668 332.019 308.429 330.936 309.005C329.853 309.581 328.598 309.869 327.169 309.869C325.556 309.869 324.081 309.454 322.745 308.624C321.408 307.795 320.348 306.631 319.565 305.133C318.804 303.613 318.424 301.873 318.424 299.914ZM333.494 299.983C333.494 298.808 333.264 297.806 332.803 296.976C332.342 296.124 331.72 295.478 330.936 295.041C330.153 294.58 329.312 294.349 328.413 294.349C327.515 294.349 326.685 294.568 325.925 295.006C325.164 295.444 324.542 296.089 324.058 296.942C323.597 297.771 323.367 298.762 323.367 299.914C323.367 301.066 323.597 302.08 324.058 302.956C324.542 303.808 325.164 304.465 325.925 304.926C326.708 305.387 327.538 305.617 328.413 305.617C329.312 305.617 330.153 305.398 330.936 304.961C331.72 304.5 332.342 303.855 332.803 303.025C333.264 302.172 333.494 301.159 333.494 299.983ZM360.895 299.569C360.895 300.26 360.848 300.882 360.756 301.435H346.758C346.873 302.818 347.357 303.901 348.209 304.684C349.062 305.468 350.11 305.859 351.355 305.859C353.152 305.859 354.431 305.087 355.191 303.543H360.411C359.858 305.387 358.798 306.908 357.231 308.106C355.664 309.281 353.74 309.869 351.458 309.869C349.615 309.869 347.956 309.465 346.481 308.659C345.03 307.829 343.889 306.666 343.059 305.168C342.253 303.67 341.85 301.942 341.85 299.983C341.85 298.002 342.253 296.262 343.059 294.764C343.866 293.266 344.995 292.114 346.447 291.308C347.898 290.501 349.569 290.098 351.458 290.098C353.279 290.098 354.903 290.49 356.332 291.273C357.784 292.057 358.901 293.174 359.685 294.626C360.491 296.055 360.895 297.702 360.895 299.569ZM355.883 298.186C355.86 296.942 355.41 295.951 354.535 295.213C353.659 294.453 352.588 294.073 351.32 294.073C350.122 294.073 349.108 294.442 348.279 295.179C347.472 295.893 346.977 296.896 346.792 298.186H355.883ZM363.182 299.914C363.182 297.979 363.562 296.262 364.323 294.764C365.106 293.266 366.166 292.114 367.503 291.308C368.839 290.501 370.326 290.098 371.962 290.098C373.206 290.098 374.393 290.374 375.522 290.927C376.651 291.457 377.549 292.172 378.218 293.07V283.98H383.126V309.558H378.218V306.723C377.619 307.668 376.778 308.429 375.694 309.005C374.611 309.581 373.356 309.869 371.927 309.869C370.314 309.869 368.839 309.454 367.503 308.624C366.166 307.795 365.106 306.631 364.323 305.133C363.562 303.613 363.182 301.873 363.182 299.914ZM378.252 299.983C378.252 298.808 378.022 297.806 377.561 296.976C377.1 296.124 376.478 295.478 375.694 295.041C374.911 294.58 374.07 294.349 373.171 294.349C372.273 294.349 371.443 294.568 370.683 295.006C369.922 295.444 369.3 296.089 368.816 296.942C368.355 297.771 368.125 298.762 368.125 299.914C368.125 301.066 368.355 302.08 368.816 302.956C369.3 303.808 369.922 304.465 370.683 304.926C371.466 305.387 372.296 305.617 373.171 305.617C374.07 305.617 374.911 305.398 375.694 304.961C376.478 304.5 377.1 303.855 377.561 303.025C378.022 302.172 378.252 301.159 378.252 299.983Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M224.224 548.046H232.174V551.883H219.385V527.757H224.224V548.046ZM237.703 530.453C236.851 530.453 236.137 530.188 235.56 529.658C235.007 529.105 234.731 528.425 234.731 527.619C234.731 526.812 235.007 526.144 235.56 525.614C236.137 525.061 236.851 524.784 237.703 524.784C238.556 524.784 239.259 525.061 239.812 525.614C240.388 526.144 240.676 526.812 240.676 527.619C240.676 528.425 240.388 529.105 239.812 529.658C239.259 530.188 238.556 530.453 237.703 530.453ZM240.088 532.734V551.883H235.249V532.734H240.088ZM252.854 547.424L257.693 532.734H262.843L255.757 551.883H249.881L242.83 532.734H248.015L252.854 547.424ZM283.361 541.894C283.361 542.585 283.315 543.207 283.223 543.76H269.224C269.34 545.143 269.824 546.226 270.676 547.009C271.529 547.793 272.577 548.184 273.821 548.184C275.619 548.184 276.898 547.413 277.658 545.869H282.877C282.324 547.712 281.264 549.233 279.697 550.431C278.13 551.606 276.206 552.194 273.925 552.194C272.082 552.194 270.423 551.791 268.948 550.984C267.496 550.155 266.356 548.991 265.526 547.493C264.72 545.995 264.316 544.267 264.316 542.309C264.316 540.327 264.72 538.587 265.526 537.089C266.333 535.592 267.462 534.439 268.913 533.633C270.365 532.826 272.036 532.423 273.925 532.423C275.746 532.423 277.37 532.815 278.799 533.598C280.25 534.382 281.368 535.499 282.151 536.951C282.958 538.38 283.361 540.027 283.361 541.894ZM278.349 540.511C278.326 539.267 277.877 538.276 277.001 537.539C276.126 536.778 275.054 536.398 273.787 536.398C272.589 536.398 271.575 536.767 270.745 537.504C269.939 538.218 269.443 539.221 269.259 540.511H278.349Z"></path>
+  <g>
+    <rect style="fill: var(--color-interfaceBackground)" width="787.667" height="68" transform="translate(494 264)"></rect>
+    <rect style="fill: var(--color-illustrationPalette040)" x="516.667" y="275.333" width="45.3333" height="45.3333" rx="22.6667"></rect>
+    <path style="fill: var(--color-illustrationBackground010)" d="M535.556 291.39V304.612L545.944 298.001L535.556 291.39Z"></path>
+    <path style="fill: var(--color-illustrationPalette040)" fill-rule="evenodd" clip-rule="evenodd" d="M600.722 300.833V295.167H604.5L609.222 290.444V305.555L604.5 300.833H600.722ZM611.111 294.194C612.509 294.893 613.472 296.328 613.472 298C613.472 299.672 612.509 301.107 611.111 301.797V294.194Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M654.027 297.399C654.027 294.785 654.465 292.745 655.341 291.279C656.233 289.798 657.759 289.058 659.92 289.058C662.081 289.058 663.6 289.798 664.476 291.279C665.368 292.745 665.813 294.785 665.813 297.399C665.813 300.044 665.368 302.114 664.476 303.61C663.6 305.091 662.081 305.831 659.92 305.831C657.759 305.831 656.233 305.091 655.341 303.61C654.465 302.114 654.027 300.044 654.027 297.399ZM663.275 297.399C663.275 296.175 663.192 295.14 663.025 294.294C662.874 293.448 662.557 292.76 662.073 292.231C661.59 291.687 660.872 291.415 659.92 291.415C658.968 291.415 658.25 291.687 657.767 292.231C657.283 292.76 656.958 293.448 656.792 294.294C656.641 295.14 656.565 296.175 656.565 297.399C656.565 298.668 656.641 299.734 656.792 300.595C656.943 301.456 657.26 302.152 657.744 302.68C658.243 303.209 658.968 303.474 659.92 303.474C660.872 303.474 661.59 303.209 662.073 302.68C662.572 302.152 662.897 301.456 663.048 300.595C663.199 299.734 663.275 298.668 663.275 297.399ZM668.547 297.399C668.547 294.785 668.986 292.745 669.862 291.279C670.754 289.798 672.28 289.058 674.441 289.058C676.602 289.058 678.12 289.798 678.997 291.279C679.888 292.745 680.334 294.785 680.334 297.399C680.334 300.044 679.888 302.114 678.997 303.61C678.12 305.091 676.602 305.831 674.441 305.831C672.28 305.831 670.754 305.091 669.862 303.61C668.986 302.114 668.547 300.044 668.547 297.399ZM677.795 297.399C677.795 296.175 677.712 295.14 677.546 294.294C677.395 293.448 677.078 292.76 676.594 292.231C676.111 291.687 675.393 291.415 674.441 291.415C673.489 291.415 672.771 291.687 672.287 292.231C671.804 292.76 671.479 293.448 671.313 294.294C671.162 295.14 671.086 296.175 671.086 297.399C671.086 298.668 671.162 299.734 671.313 300.595C671.464 301.456 671.781 302.152 672.265 302.68C672.763 303.209 673.489 303.474 674.441 303.474C675.393 303.474 676.111 303.209 676.594 302.68C677.093 302.152 677.418 301.456 677.569 300.595C677.72 299.734 677.795 298.668 677.795 297.399ZM684.451 306.035C683.983 306.035 683.59 305.876 683.272 305.559C682.955 305.242 682.796 304.849 682.796 304.38C682.796 303.912 682.955 303.519 683.272 303.202C683.59 302.884 683.983 302.726 684.451 302.726C684.904 302.726 685.29 302.884 685.607 303.202C685.924 303.519 686.083 303.912 686.083 304.38C686.083 304.849 685.924 305.242 685.607 305.559C685.29 305.876 684.904 306.035 684.451 306.035ZM684.451 296.515C683.983 296.515 683.59 296.356 683.272 296.039C682.955 295.722 682.796 295.329 682.796 294.86C682.796 294.392 682.955 293.999 683.272 293.682C683.59 293.364 683.983 293.206 684.451 293.206C684.904 293.206 685.29 293.364 685.607 293.682C685.924 293.999 686.083 294.392 686.083 294.86C686.083 295.329 685.924 295.722 685.607 296.039C685.29 296.356 684.904 296.515 684.451 296.515ZM688.579 293.432C688.67 292.027 689.206 290.932 690.188 290.146C691.186 289.36 692.455 288.967 693.996 288.967C695.054 288.967 695.968 289.156 696.739 289.534C697.51 289.912 698.091 290.425 698.484 291.075C698.877 291.725 699.074 292.458 699.074 293.274C699.074 294.211 698.824 295.012 698.326 295.676C697.827 296.341 697.23 296.787 696.535 297.014V297.104C697.427 297.376 698.122 297.875 698.62 298.6C699.119 299.311 699.368 300.225 699.368 301.343C699.368 302.235 699.164 303.028 698.756 303.723C698.348 304.418 697.744 304.97 696.943 305.378C696.142 305.771 695.183 305.967 694.064 305.967C692.432 305.967 691.087 305.552 690.03 304.72C688.987 303.874 688.428 302.665 688.352 301.094H690.846C690.906 301.895 691.216 302.552 691.775 303.066C692.334 303.564 693.09 303.814 694.042 303.814C694.963 303.814 695.674 303.564 696.172 303.066C696.671 302.552 696.92 301.895 696.92 301.094C696.92 300.036 696.58 299.288 695.9 298.85C695.235 298.396 694.208 298.17 692.818 298.17H692.228V296.039H692.84C694.064 296.024 694.994 295.82 695.628 295.427C696.278 295.034 696.603 294.415 696.603 293.568C696.603 292.843 696.369 292.269 695.9 291.846C695.432 291.408 694.767 291.188 693.906 291.188C693.059 291.188 692.402 291.408 691.934 291.846C691.465 292.269 691.186 292.798 691.095 293.432H688.579ZM702.083 297.399C702.083 294.785 702.521 292.745 703.397 291.279C704.289 289.798 705.815 289.058 707.976 289.058C710.137 289.058 711.656 289.798 712.532 291.279C713.424 292.745 713.869 294.785 713.869 297.399C713.869 300.044 713.424 302.114 712.532 303.61C711.656 305.091 710.137 305.831 707.976 305.831C705.815 305.831 704.289 305.091 703.397 303.61C702.521 302.114 702.083 300.044 702.083 297.399ZM711.331 297.399C711.331 296.175 711.248 295.14 711.081 294.294C710.93 293.448 710.613 292.76 710.129 292.231C709.646 291.687 708.928 291.415 707.976 291.415C707.024 291.415 706.306 291.687 705.823 292.231C705.339 292.76 705.014 293.448 704.848 294.294C704.697 295.14 704.621 296.175 704.621 297.399C704.621 298.668 704.697 299.734 704.848 300.595C704.999 301.456 705.316 302.152 705.8 302.68C706.299 303.209 707.024 303.474 707.976 303.474C708.928 303.474 709.646 303.209 710.129 302.68C710.628 302.152 710.953 301.456 711.104 300.595C711.255 299.734 711.331 298.668 711.331 297.399Z"></path>
+    <rect style="fill: var(--color-illustrationInterface020)" x="739" y="292.333" width="371" height="11.3333" rx="5.66667"></rect>
+    <rect style="fill: var(--color-illustrationPalette040)" x="738.667" y="292.333" width="185" height="11.3333" rx="5.66667"></rect>
+    <path style="fill: var(--color-illustrationPalette040)" d="M935.667 298.5C935.667 304.299 930.966 309 925.167 309C919.368 309 914.667 304.299 914.667 298.5C914.667 292.701 919.368 288 925.167 288C930.966 288 935.667 292.701 935.667 298.5Z"></path>
+    <path style="fill: var(--color-interfaceBackground)" fill-rule="evenodd" clip-rule="evenodd" d="M925.167 307.583C930.183 307.583 934.25 303.517 934.25 298.5C934.25 293.483 930.183 289.417 925.167 289.417C920.15 289.417 916.083 293.483 916.083 298.5C916.083 303.517 920.15 307.583 925.167 307.583ZM925.167 309C930.966 309 935.667 304.299 935.667 298.5C935.667 292.701 930.966 288 925.167 288C919.368 288 914.667 292.701 914.667 298.5C914.667 304.299 919.368 309 925.167 309Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1135.32 297.4C1135.32 294.785 1135.76 292.745 1136.63 291.28C1137.52 289.799 1139.05 289.058 1141.21 289.058C1143.37 289.058 1144.89 289.799 1145.77 291.28C1146.66 292.745 1147.1 294.785 1147.1 297.4C1147.1 300.044 1146.66 302.114 1145.77 303.61C1144.89 305.091 1143.37 305.832 1141.21 305.832C1139.05 305.832 1137.52 305.091 1136.63 303.61C1135.76 302.114 1135.32 300.044 1135.32 297.4ZM1144.56 297.4C1144.56 296.176 1144.48 295.141 1144.32 294.294C1144.16 293.448 1143.85 292.761 1143.36 292.232C1142.88 291.688 1142.16 291.416 1141.21 291.416C1140.26 291.416 1139.54 291.688 1139.06 292.232C1138.57 292.761 1138.25 293.448 1138.08 294.294C1137.93 295.141 1137.86 296.176 1137.86 297.4C1137.86 298.669 1137.93 299.734 1138.08 300.596C1138.23 301.457 1138.55 302.152 1139.03 302.681C1139.53 303.21 1140.26 303.474 1141.21 303.474C1142.16 303.474 1142.88 303.21 1143.36 302.681C1143.86 302.152 1144.19 301.457 1144.34 300.596C1144.49 299.734 1144.56 298.669 1144.56 297.4ZM1149.5 291.71V289.353H1154.21V305.877H1151.61V291.71H1149.5ZM1159.14 306.036C1158.68 306.036 1158.28 305.877 1157.97 305.56C1157.65 305.242 1157.49 304.849 1157.49 304.381C1157.49 303.913 1157.65 303.52 1157.97 303.202C1158.28 302.885 1158.68 302.726 1159.14 302.726C1159.6 302.726 1159.98 302.885 1160.3 303.202C1160.62 303.52 1160.78 303.913 1160.78 304.381C1160.78 304.849 1160.62 305.242 1160.3 305.56C1159.98 305.877 1159.6 306.036 1159.14 306.036ZM1159.14 296.516C1158.68 296.516 1158.28 296.357 1157.97 296.04C1157.65 295.722 1157.49 295.329 1157.49 294.861C1157.49 294.393 1157.65 294 1157.97 293.682C1158.28 293.365 1158.68 293.206 1159.14 293.206C1159.6 293.206 1159.98 293.365 1160.3 293.682C1160.62 294 1160.78 294.393 1160.78 294.861C1160.78 295.329 1160.62 295.722 1160.3 296.04C1159.98 296.357 1159.6 296.516 1159.14 296.516ZM1163.32 297.4C1163.32 294.785 1163.76 292.745 1164.63 291.28C1165.52 289.799 1167.05 289.058 1169.21 289.058C1171.37 289.058 1172.89 289.799 1173.77 291.28C1174.66 292.745 1175.1 294.785 1175.1 297.4C1175.1 300.044 1174.66 302.114 1173.77 303.61C1172.89 305.091 1171.37 305.832 1169.21 305.832C1167.05 305.832 1165.52 305.091 1164.63 303.61C1163.76 302.114 1163.32 300.044 1163.32 297.4ZM1172.57 297.4C1172.57 296.176 1172.48 295.141 1172.32 294.294C1172.17 293.448 1171.85 292.761 1171.36 292.232C1170.88 291.688 1170.16 291.416 1169.21 291.416C1168.26 291.416 1167.54 291.688 1167.06 292.232C1166.57 292.761 1166.25 293.448 1166.08 294.294C1165.93 295.141 1165.86 296.176 1165.86 297.4C1165.86 298.669 1165.93 299.734 1166.08 300.596C1166.23 301.457 1166.55 302.152 1167.04 302.681C1167.53 303.21 1168.26 303.474 1169.21 303.474C1170.16 303.474 1170.88 303.21 1171.36 302.681C1171.86 302.152 1172.19 301.457 1172.34 300.596C1172.49 299.734 1172.57 298.669 1172.57 297.4ZM1177.84 297.4C1177.84 294.785 1178.28 292.745 1179.15 291.28C1180.05 289.799 1181.57 289.058 1183.73 289.058C1185.89 289.058 1187.41 289.799 1188.29 291.28C1189.18 292.745 1189.63 294.785 1189.63 297.4C1189.63 300.044 1189.18 302.114 1188.29 303.61C1187.41 305.091 1185.89 305.832 1183.73 305.832C1181.57 305.832 1180.05 305.091 1179.15 303.61C1178.28 302.114 1177.84 300.044 1177.84 297.4ZM1187.09 297.4C1187.09 296.176 1187 295.141 1186.84 294.294C1186.69 293.448 1186.37 292.761 1185.89 292.232C1185.4 291.688 1184.68 291.416 1183.73 291.416C1182.78 291.416 1182.06 291.688 1181.58 292.232C1181.1 292.761 1180.77 293.448 1180.6 294.294C1180.45 295.141 1180.38 296.176 1180.38 297.4C1180.38 298.669 1180.45 299.734 1180.6 300.596C1180.76 301.457 1181.07 302.152 1181.56 302.681C1182.06 303.21 1182.78 303.474 1183.73 303.474C1184.68 303.474 1185.4 303.21 1185.89 302.681C1186.38 302.152 1186.71 301.457 1186.86 300.596C1187.01 299.734 1187.09 298.669 1187.09 297.4Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1235.39 288.603V290.511C1234.01 290.681 1232.75 291.229 1231.71 292.041L1230.36 290.69C1231.76 289.548 1233.49 288.792 1235.39 288.603ZM1237.32 295.913L1234.44 293.75V302.25L1237.32 300.088L1240.11 298L1237.32 295.913ZM1230.37 293.372L1229.02 292.031C1227.88 293.429 1227.12 295.157 1226.94 297.056H1228.84C1229.01 295.677 1229.56 294.421 1230.37 293.372ZM1226.94 298.945H1228.84C1229.01 300.323 1229.56 301.58 1230.37 302.618L1229.02 303.969C1227.88 302.571 1227.12 300.843 1226.94 298.945ZM1230.36 305.31C1231.76 306.453 1233.5 307.208 1235.39 307.397V305.49C1234.01 305.32 1232.75 304.772 1231.71 303.96L1230.36 305.31ZM1237.32 307.398C1242.08 306.897 1245.78 302.874 1245.78 298C1245.78 293.127 1242.08 289.104 1237.32 288.603V290.511C1241.03 291.002 1243.89 294.175 1243.89 298C1243.89 301.825 1241.03 304.999 1237.32 305.49V307.398Z"></path>
+  </g>
+  <g>
+    <rect style="fill: var(--color-interfaceBackground)" width="788" height="67.9995" transform="translate(494 506)"></rect>
+    <rect style="fill: var(--color-illustrationPalette040)" x="516.667" y="517.333" width="45.333" height="45.333" rx="22.6665"></rect>
+    <path style="fill: var(--color-illustrationBackground010)" d="M535.555 533.39V546.612L545.944 540.001L535.555 533.39Z"></path>
+    <path style="fill: var(--color-illustrationPalette040)" fill-rule="evenodd" clip-rule="evenodd" d="M600.722 542.833V537.167H604.499L609.221 532.444V547.555L604.499 542.833H600.722ZM611.11 536.194C612.508 536.893 613.471 538.328 613.471 540C613.471 541.671 612.508 543.107 611.11 543.796V536.194Z"></path>
+    <rect style="fill: var(--color-illustrationInterface020)" x="646.999" y="537.167" width="106" height="6" rx="3"></rect>
+    <rect style="fill: var(--color-illustrationPalette040)" x="646.999" y="537.167" width="53" height="6" rx="3"></rect>
+    <path style="fill: var(--color-illustrationPalette040)" d="M712 540C712 546.075 707.075 551 701 551C694.925 551 690 546.075 690 540C690 533.925 694.925 529 701 529C707.075 529 712 533.925 712 540Z"></path>
+    <path style="fill: var(--color-interface010)" fill-rule="evenodd" clip-rule="evenodd" d="M701 549.583C706.293 549.583 710.583 545.293 710.583 540C710.583 534.707 706.293 530.417 701 530.417C695.707 530.417 691.417 534.707 691.417 540C691.417 545.293 695.707 549.583 701 549.583ZM701 551C707.075 551 712 546.075 712 540C712 533.925 707.075 529 701 529C694.925 529 690 533.925 690 540C690 546.075 694.925 551 701 551Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1191.39 549.444H1193.28V530.556H1191.39V549.444ZM1187.61 545.666H1189.5V534.333H1187.61V545.666ZM1185.72 541.889H1183.83V538.111H1185.72V541.889ZM1195.17 545.666H1197.06V534.333H1195.17V545.666ZM1198.94 541.889V538.111H1200.83V541.889H1198.94Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1218.21 543.709H1222.21V545.273H1216.28V533.459H1218.21V543.709ZM1224.81 534.666C1224.46 534.666 1224.17 534.547 1223.93 534.309C1223.69 534.071 1223.57 533.776 1223.57 533.425C1223.57 533.073 1223.69 532.779 1223.93 532.541C1224.17 532.303 1224.46 532.184 1224.81 532.184C1225.15 532.184 1225.44 532.303 1225.68 532.541C1225.92 532.779 1226.04 533.073 1226.04 533.425C1226.04 533.776 1225.92 534.071 1225.68 534.309C1225.44 534.547 1225.15 534.666 1224.81 534.666ZM1225.77 535.906V545.273H1223.83V535.906H1225.77ZM1231.93 543.539L1234.58 535.906H1236.64L1233.07 545.273H1230.76L1227.21 535.906H1229.28L1231.93 543.539ZM1246.69 540.36C1246.69 540.712 1246.67 541.029 1246.62 541.312H1239.47C1239.52 542.06 1239.8 542.661 1240.3 543.114C1240.8 543.568 1241.41 543.794 1242.14 543.794C1243.18 543.794 1243.91 543.358 1244.35 542.485H1246.44C1246.15 543.347 1245.64 544.055 1244.89 544.61C1244.15 545.154 1243.23 545.426 1242.14 545.426C1241.24 545.426 1240.44 545.228 1239.72 544.831C1239.02 544.423 1238.46 543.857 1238.06 543.131C1237.66 542.395 1237.46 541.545 1237.46 540.581C1237.46 539.618 1237.65 538.774 1238.04 538.048C1238.43 537.312 1238.98 536.745 1239.69 536.348C1240.4 535.952 1241.22 535.754 1242.14 535.754C1243.02 535.754 1243.81 535.946 1244.5 536.331C1245.19 536.717 1245.73 537.261 1246.11 537.963C1246.5 538.655 1246.69 539.454 1246.69 540.36ZM1244.67 539.748C1244.66 539.034 1244.4 538.462 1243.9 538.031C1243.4 537.601 1242.79 537.385 1242.05 537.385C1241.38 537.385 1240.81 537.601 1240.33 538.031C1239.86 538.451 1239.57 539.023 1239.48 539.748H1244.67Z"></path>
+  </g>
+  <defs>
+  </defs>
+</svg>