@format.dev/cli 0.0.0 → 0.1.0

package/templates/html/documents/welcome/pages/NextSteps/next-steps.html

@@ -0,0 +1,398 @@
+<section class="next-steps-page">
+	<h2>Your next steps</h2>
+	<p>Here's the path from here to your first production PDF.</p>
+</section>
+<template data-type="flow">
+	<ol class="next-steps">
+		<template data-type="stream">
+			<li class="next-steps-step">
+				<span class="next-steps-marker">1</span>
+				<div class="next-steps-content">
+					<h3 class="next-steps-title">Explore this document's code</h3>
+					<p class="next-steps-body">
+						Open <code>documents/welcome</code> to see the source code for this document. It's purposely simple,
+						using just a few Format primitives like <code>&lt;Layout&gt;</code> and <code>&lt;Flow&gt;</code>.
+						It's also styled with plain CSS and uses Format's out the box fonts. Have a play with the code and
+						see how the document changes.
+					</p>
+				</div>
+			</li>
+			<li class="next-steps-step">
+				<span class="next-steps-marker">2</span>
+				<div class="next-steps-content">
+					<h3 class="next-steps-title">Create your own document</h3>
+					<p class="next-steps-body">
+						Hit the
+						<span class="plus-key" aria-hidden="true">
+							<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round">
+								<path d="M12 5v14" />
+								<path d="M5 12h14" />
+							</svg>
+						</span>
+						button in the sidebar to scaffold a new document and see some of the options available.
+					</p>
+				</div>
+			</li>
+			<li class="next-steps-step">
+				<span class="next-steps-marker">3</span>
+				<div class="next-steps-content">
+					<h3 class="next-steps-title">Build your first paged document</h3>
+					<p class="next-steps-body">Follow our step-by-step guide. You'll learn how to:</p>
+					<ul class="learn-list">
+						<li>Use the document model</li>
+						<li>Add repeating headers and footers</li>
+						<li>Paginate content with page numbers</li>
+						<li>Pass in dynamic data</li>
+					</ul>
+					<a class="button" href="https://format.dev/docs/introduction/build-your-first-pdf" target="_blank" rel="noopener noreferrer">Build your first PDF<svg class="button-icon" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></a>
+				</div>
+			</li>
+			<li class="next-steps-step">
+				<span class="next-steps-marker">4</span>
+				<div class="next-steps-content">
+					<h3 class="next-steps-title">Test your favorite frameworks</h3>
+					<p class="next-steps-body">
+						Styling on the web brings out some pretty strong opinions! Format supports a wide range of popular
+						frameworks so you can make fast progress without learning any new frameworks or syntax.
+					</p>
+					<div class="logos-row">
+						<span class="logo-item">
+							<svg viewBox="0 0 30 30" width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_28_8188)">
+									<path d="M0 0H25.2C26.473 0 27.6939 0.505713 28.5941 1.40589C29.4943 2.30606 30 3.52696 30 4.8V25.2C30 26.473 29.4943 27.6939 28.5941 28.5941C27.6939 29.4943 26.473 30 25.2 30H4.8C3.52696 30 2.30606 29.4943 1.40589 28.5941C0.505713 27.6939 0 26.473 0 25.2L0 0Z" fill="#663399"/>
+									<path d="M10.744 27.5996C8.81706 27.5978 7.62816 26.5127 7.65096 24.5159V19.4642C7.65096 18.452 7.94736 17.6822 8.54016 17.1554C9.60486 16.1297 12.0751 16.0673 13.1179 17.171C13.7605 17.7377 14.0029 18.8954 13.9453 19.9757H11.7337C11.7505 19.5512 11.728 18.9083 11.4784 18.6662C11.1541 18.2273 10.2976 18.2789 10.0711 18.7358C9.93186 18.9836 9.86226 19.3505 9.86226 19.8359V24.2213C9.86226 25.1408 10.1818 25.6058 10.8211 25.616C11.1199 25.616 11.347 25.5074 11.5015 25.2905C11.7172 25.0331 11.7508 24.4631 11.7334 24.0509H13.945C14.0962 26.153 12.8554 27.6257 10.7437 27.5996H10.744ZM17.7652 27.5996C15.6301 27.629 14.6749 26.1098 14.734 24.0509H16.8217C16.7638 24.9485 17.0722 25.766 17.8114 25.709C18.1411 25.709 18.3733 25.6058 18.5074 25.3991C18.7624 25.0214 18.8101 23.9306 18.4456 23.5085C18.1909 23.102 17.2747 22.7432 16.7908 22.5014C16.0999 22.1708 15.6025 21.7784 15.2983 21.3236C14.6122 20.3144 14.6758 18.0992 15.6385 17.2016C16.5739 16.094 19.0168 16.043 19.9531 17.1785C20.5306 17.7638 20.7829 18.9155 20.734 19.9754H18.7234C18.7405 19.5398 18.6994 18.8369 18.5302 18.5807C18.4117 18.3638 18.1873 18.2552 17.8576 18.2552C17.2699 18.2552 16.9762 18.6065 16.9762 19.3088C16.9825 20.0546 17.2732 20.3606 17.9506 20.6723C18.8278 21.0131 19.9432 21.5951 20.3476 22.2995C21.5536 24.4457 20.7262 27.7241 17.7649 27.599L17.7652 27.5996ZM24.508 27.5996C22.3729 27.629 21.4177 26.1098 21.4768 24.0509H23.5645C23.5066 24.9485 23.815 25.766 24.5542 25.709C24.8839 25.709 25.1161 25.6058 25.2502 25.3991C25.5052 25.0214 25.5529 23.9306 25.1884 23.5085C24.9337 23.102 24.0175 22.7432 23.5336 22.5014C22.8427 22.1708 22.3453 21.7784 22.0411 21.3236C21.355 20.3144 21.4186 18.0992 22.3813 17.2016C23.3167 16.094 25.7596 16.043 26.6959 17.1785C27.2734 17.7638 27.5257 18.9155 27.4768 19.9754H25.4662C25.4833 19.5398 25.4422 18.8369 25.273 18.5807C25.1545 18.3638 24.9301 18.2552 24.6004 18.2552C24.0127 18.2552 23.719 18.6065 23.719 19.3088C23.7253 20.0546 24.016 20.3606 24.6934 20.6723C25.5706 21.0131 26.686 21.5951 27.0904 22.2995C28.2964 24.4457 27.469 27.7241 24.5077 27.599L24.508 27.5996Z" fill="white"/>
+								</g>
+								<defs>
+									<clipPath id="clip0_28_8188">
+										<rect width="30" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							CSS
+						</span>
+						<span class="logo-item">
+							<svg width="24" height="28" viewBox="0 0 12 14" fill="none" aria-hidden="true">
+								<path d="M5.84794 8.17428C5.61223 8.28246 5.35397 8.42343 4.83694 8.70674C4.64091 8.81686 4.43606 8.92697 4.24542 9.03074C4.23219 9.01754 4.21847 9.00086 4.20523 8.9872C3.18246 7.89583 1.29078 7.12503 1.37115 5.65934C1.40104 5.12542 1.58482 3.72381 5.00405 2.02171C7.81806 0.636743 10.0572 1.02042 10.4438 1.87147C10.9996 3.08466 9.24366 5.34221 6.33754 5.66962C6.01589 5.73474 5.68371 5.72691 5.36553 5.64659C5.04734 5.56629 4.7513 5.41561 4.49928 5.20567C4.34539 5.03879 4.32237 5.02901 4.26551 5.06229C4.17191 5.11122 4.23219 5.26245 4.26551 5.34906C4.37637 5.54949 4.52634 5.72571 4.70656 5.86726C4.88678 6.0088 5.09359 6.11286 5.31476 6.1732C6.4584 6.42006 7.6508 6.30211 8.72371 5.836C10.485 5.15527 11.8602 3.2628 11.4573 1.67621C11.053 0.067584 8.3792 -0.462913 5.84943 0.434626C4.26516 0.96776 2.80144 1.80702 1.54169 2.90457C0.147927 4.20634 -0.0726057 5.33781 0.0175678 5.81154C0.341996 7.49354 2.66396 8.58834 3.5951 9.39926C3.54609 9.42617 3.50492 9.44817 3.46817 9.4692C3.00358 9.69971 1.23246 10.6242 0.790903 11.602C0.289558 12.7099 0.871274 13.5042 1.25549 13.6109C1.8345 13.7494 2.44238 13.7039 2.99422 13.4807C3.54607 13.2575 4.01434 12.8678 4.33363 12.3659C4.60478 11.9498 4.77128 11.4744 4.81897 10.9802C4.86667 10.4861 4.79415 9.98766 4.60758 9.52748C4.71766 9.43977 4.83505 9.36171 4.95847 9.294C5.19567 9.15406 5.42159 9.01606 5.62203 8.90937C6.30834 8.58834 7.05726 8.42309 7.81509 8.42537C9.40589 8.61229 9.72 9.60331 9.65971 10.0207C9.63154 10.1689 9.57189 10.3093 9.48486 10.4324C9.39777 10.5555 9.28526 10.6587 9.15497 10.7348C9.04469 10.8047 9.00794 10.8283 9.01777 10.8782C9.03097 10.9516 9.0844 10.9482 9.178 10.935C9.41703 10.8595 9.62754 10.7137 9.78206 10.5165C9.93651 10.3194 10.0277 10.0802 10.0435 9.8304C10.0925 8.8516 9.15789 7.77789 7.50343 7.78771C7.008 7.78851 6.51754 7.88611 6.05966 8.07497C5.98617 8.10531 5.9148 8.13794 5.84549 8.17286L5.84794 8.17428ZM3.48336 12.0106C2.95506 12.5847 2.21995 12.8015 1.90238 12.6179C1.55934 12.4222 1.69509 11.5731 2.34345 10.9658C2.72745 10.6203 3.1425 10.3108 3.58333 10.0413C3.66027 9.9924 3.77397 9.92777 3.9107 9.84554C3.93423 9.83234 3.94746 9.82548 3.94746 9.82548L4.02783 9.77657C4.14346 10.1637 4.15399 10.5746 4.05831 10.9671C3.96265 11.3597 3.76422 11.7198 3.48336 12.0106Z" fill="#B73CBE"/>
+							</svg>
+							Sass
+						</span>
+						<span class="logo-item">
+							<svg width="24" height="16" viewBox="0 0 12 8" fill="none" aria-hidden="true">
+								<g clip-path="url(#clip0_1_151)">
+									<mask id="mask0_1_151" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="8">
+										<path d="M0.000380516 0H11.9213V7.79447H0.000380516V0Z" fill="white" />
+									</mask>
+									<g mask="url(#mask0_1_151)">
+										<mask id="mask1_1_151" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="8">
+											<path d="M11.9211 0H0.000183105V7.65276H11.9211V0Z" fill="white" />
+										</mask>
+										<g mask="url(#mask1_1_151)">
+											<path fill-rule="evenodd" clip-rule="evenodd" d="M5.96066 0C7.55011 0 8.54353 0.850305 8.94091 2.55092C8.34484 1.70061 7.64946 1.38175 6.85473 1.59432C6.40128 1.71549 6.0772 2.06766 5.71848 2.45715C5.13415 3.0918 4.45775 3.82636 2.98042 3.82636C1.39096 3.82636 0.397549 2.97607 0.000183105 1.27546C0.596229 2.12576 1.29162 2.44463 2.08635 2.23205C2.53979 2.11088 2.86386 1.75872 3.22259 1.36923C3.80695 0.734571 4.48335 0 5.96066 0ZM8.94091 3.82636C10.5304 3.82636 11.5237 4.67669 11.9211 6.37727C11.3251 5.52698 10.6297 5.20811 9.83495 5.42069C9.38153 5.54211 9.05746 5.89404 8.69873 6.28353C8.11437 6.91818 7.43797 7.65276 5.96066 7.65276C4.3712 7.65276 3.37779 6.80244 2.98042 5.10182C3.57647 5.95215 4.27186 6.27102 5.06659 6.05844C5.52004 5.93727 5.84411 5.58509 6.20284 5.1956C6.78717 4.56095 7.46357 3.82636 8.94091 3.82636Z" fill="#4CA5CB"/>
+										</g>
+									</g>
+								</g>
+								<defs>
+									<clipPath id="clip0_1_151">
+										<rect width="12" height="8" fill="white" />
+									</clipPath>
+								</defs>
+							</svg>
+							Tailwind
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 36 30" width="36" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<path d="M27.8425 1.68164H1.59253V27.9316H27.8425V1.68164Z" fill="white" stroke="black" stroke-width="0.1875" />
+								<path d="M5.14558 13.748C5.71878 13.748 6.16356 13.899 6.47992 14.2011C6.7963 14.5031 6.97195 14.8462 7.00688 15.2303H6.40903C6.34124 14.9386 6.20564 14.7075 6.00225 14.537C5.80092 14.3665 5.5174 14.2812 5.15171 14.2812C4.70589 14.2812 4.34533 14.4384 4.07003 14.7527C3.79679 15.065 3.66017 15.5447 3.66017 16.1918C3.66017 16.7218 3.78343 17.1522 4.02997 17.483C4.27855 17.8117 4.64835 17.9761 5.13934 17.9761C5.59132 17.9761 5.93545 17.8025 6.17172 17.4553C6.29705 17.2724 6.39052 17.0321 6.45215 16.7342H7.05C6.99658 17.2108 6.8199 17.6104 6.51995 17.933C6.16042 18.3212 5.67558 18.5154 5.06542 18.5154C4.53948 18.5154 4.09779 18.3562 3.74034 18.0377C3.26989 17.6166 3.03467 16.9663 3.03467 16.0871C3.03467 15.4194 3.21135 14.8719 3.56471 14.4445C3.94684 13.9802 4.47377 13.748 5.14558 13.748Z" fill="black"/>
+								<path d="M8.20047 16.9371C8.21485 17.1939 8.27546 17.4024 8.38229 17.5627C8.58568 17.8626 8.94418 18.0126 9.4578 18.0126C9.6879 18.0126 9.89745 17.9797 10.0865 17.914C10.4521 17.7866 10.635 17.5586 10.635 17.2299C10.635 16.9833 10.558 16.8077 10.4039 16.7029C10.2477 16.6002 10.0033 16.5108 9.67043 16.4348L9.05718 16.2961C8.65657 16.2057 8.37305 16.1061 8.20664 15.9972C7.91901 15.8082 7.7752 15.5257 7.7752 15.1497C7.7752 14.743 7.91593 14.4091 8.19739 14.1482C8.47884 13.8873 8.87741 13.7568 9.39309 13.7568C9.86765 13.7568 10.2703 13.8719 10.6011 14.102C10.934 14.33 11.1004 14.6957 11.1004 15.1991H10.5241C10.4933 14.9567 10.4275 14.7707 10.3269 14.6413C10.1399 14.405 9.8225 14.2869 9.37464 14.2869C9.01305 14.2869 8.75317 14.3629 8.59499 14.515C8.43679 14.667 8.3577 14.8437 8.3577 15.045C8.3577 15.2669 8.45015 15.4292 8.63505 15.5319C8.75626 15.5977 9.03052 15.6798 9.45783 15.7784L10.0926 15.9233C10.3988 15.9931 10.635 16.0887 10.8014 16.2099C11.089 16.4215 11.2328 16.7286 11.2328 17.1313C11.2328 17.6326 11.05 17.9911 10.6843 18.2068C10.3207 18.4225 9.89745 18.5304 9.41468 18.5304C8.85176 18.5304 8.41107 18.3866 8.09261 18.099C7.77418 17.8134 7.61804 17.4262 7.6242 16.9372H8.20047V16.9371Z" fill="black"/>
+								<path d="M12.4029 16.9371C12.4172 17.1939 12.4779 17.4024 12.5847 17.5627C12.7881 17.8626 13.1466 18.0126 13.6602 18.0126C13.8903 18.0126 14.0998 17.9797 14.2888 17.914C14.6545 17.7866 14.8374 17.5586 14.8374 17.2299C14.8374 16.9833 14.7603 16.8077 14.6063 16.7029C14.4501 16.6002 14.2056 16.5108 13.8728 16.4348L13.2596 16.2961C12.859 16.2057 12.5754 16.1061 12.409 15.9972C12.1214 15.8082 11.9776 15.5257 11.9776 15.1497C11.9776 14.743 12.1183 14.4091 12.3998 14.1482C12.6812 13.8873 13.0798 13.7568 13.5955 13.7568C14.07 13.7568 14.4727 13.8719 14.8035 14.102C15.1363 14.33 15.3028 14.6957 15.3028 15.1991H14.7265C14.6957 14.9567 14.6299 14.7707 14.5293 14.6413C14.3423 14.405 14.0249 14.2869 13.577 14.2869C13.2154 14.2869 12.9556 14.3629 12.7974 14.515C12.6392 14.667 12.5601 14.8437 12.5601 15.045C12.5601 15.2669 12.6525 15.4292 12.8374 15.5319C12.9587 15.5977 13.2329 15.6798 13.6602 15.7784L14.295 15.9233C14.6012 15.9931 14.8374 16.0887 15.0038 16.2099C15.2914 16.4215 15.4352 16.7286 15.4352 17.1313C15.4352 17.6326 15.2524 17.9911 14.8867 18.2068C14.523 18.4225 14.0998 18.5304 13.6171 18.5304C13.0542 18.5304 12.6135 18.3866 12.295 18.099C11.9766 17.8134 11.8204 17.4262 11.8266 16.9372H12.4029V16.9371Z" fill="black"/>
+								<path d="M3.22192 21.7598H4.10017L5.40064 25.5872L6.69185 21.7598H7.56091V26.2868H6.97847V23.6149C6.97847 23.5225 6.98053 23.3694 6.98463 23.1558C6.98874 22.9421 6.9908 22.713 6.9908 22.4685L5.69959 26.2867H5.0925L3.79203 22.4685V22.6072C3.79203 22.7182 3.79409 22.8876 3.7982 23.1157C3.80436 23.3417 3.80744 23.5081 3.80744 23.6149V26.2868H3.22193L3.22192 21.7598Z" fill="black"/>
+								<path d="M10.4551 21.6367C11.2543 21.6367 11.8459 21.8935 12.2301 22.4071C12.53 22.8077 12.68 23.3203 12.68 23.9449C12.68 24.6208 12.5085 25.1827 12.1654 25.6305C11.7627 26.1565 11.1885 26.4195 10.4428 26.4195C9.74632 26.4195 9.19881 26.1894 8.80022 25.7292C8.4448 25.2854 8.26709 24.7245 8.26709 24.0466C8.26709 23.4343 8.41912 22.9105 8.72318 22.4749C9.11352 21.9161 9.69085 21.6367 10.4551 21.6367ZM10.5167 25.8709C11.0571 25.8709 11.4474 25.6778 11.6877 25.2916C11.9302 24.9033 12.0514 24.4575 12.0514 23.9542C12.0514 23.4221 11.9117 22.9937 11.6323 22.6691C11.3549 22.3445 10.9748 22.1822 10.492 22.1822C10.0236 22.1822 9.64147 22.3435 9.34563 22.666C9.0498 22.9865 8.90188 23.4601 8.90188 24.0867C8.90188 24.588 9.02823 25.0112 9.28092 25.3563C9.53567 25.6994 9.94764 25.8709 10.5167 25.8709Z" fill="black"/>
+								<path d="M15.1453 25.7638C15.3528 25.7638 15.5233 25.7423 15.6568 25.6991C15.8951 25.619 16.0903 25.4649 16.2423 25.2369C16.3635 25.054 16.4509 24.8198 16.5043 24.5342C16.5351 24.3637 16.5505 24.2055 16.5505 24.0596C16.5505 23.4988 16.4385 23.0632 16.2146 22.753C15.9925 22.443 15.634 22.2881 15.1389 22.2881H14.051V25.7642H15.1451L15.1453 25.7638ZM13.4349 21.7607H15.2685C15.8909 21.7607 16.3737 21.9816 16.7168 22.4233C17.0229 22.8219 17.176 23.3324 17.176 23.9549C17.176 24.4356 17.0856 24.8701 16.9048 25.2585C16.5864 25.9446 16.0389 26.2877 15.2623 26.2877H13.4348V21.7608L13.4349 21.7607Z" fill="black"/>
+								<path d="M18.6341 21.7598V24.5579C18.6341 24.8866 18.6958 25.1599 18.819 25.3776C19.0019 25.7063 19.3101 25.8707 19.7436 25.8707C20.2633 25.8707 20.6167 25.693 20.8037 25.3375C20.9043 25.1444 20.9547 24.8845 20.9547 24.5579V21.7598H21.5772V24.3021C21.5772 24.8589 21.5022 25.2872 21.3522 25.5872C21.0769 26.1336 20.5571 26.4069 19.7929 26.4069C19.0286 26.4069 18.5099 26.1336 18.2367 25.5872C18.0867 25.2872 18.0117 24.8589 18.0117 24.3021V21.7598H18.6342L18.6341 21.7598Z" fill="black"/>
+								<path d="M22.5171 21.7598H23.1303V25.7475H25.4231V26.2868H22.5171L22.5171 21.7598Z" fill="black" />
+								<path d="M26.0889 21.7598H29.3894V22.3145H26.6868V23.6889H29.186V24.2128H26.6868V25.7475H29.4356V26.2868H26.0889V21.7598L26.0889 21.7598Z" fill="black"/>
+								<path d="M30.6463 24.8267C30.6607 25.0836 30.7213 25.2921 30.8281 25.4523C31.0315 25.7523 31.39 25.9022 31.9036 25.9022C32.1337 25.9022 32.3433 25.8694 32.5323 25.8036C32.8979 25.6763 33.0808 25.4482 33.0808 25.1195C33.0808 24.873 33.0038 24.6973 32.8497 24.5925C32.6935 24.4898 32.4491 24.4004 32.1162 24.3244L31.503 24.1858C31.1024 24.0954 30.8189 23.9957 30.6524 23.8868C30.3648 23.6978 30.221 23.4153 30.221 23.0394C30.221 22.6326 30.3617 22.2988 30.6432 22.0379C30.9247 21.7769 31.3232 21.6465 31.8389 21.6465C32.3135 21.6465 32.7161 21.7615 33.0469 21.9916C33.3798 22.2197 33.5462 22.5854 33.5462 23.0887H32.9699C32.9391 22.8463 32.8733 22.6604 32.7727 22.531C32.5857 22.2947 32.2683 22.1766 31.8204 22.1766C31.4589 22.1766 31.199 22.2526 31.0408 22.4046C30.8826 22.5566 30.8035 22.7333 30.8035 22.9347C30.8035 23.1565 30.896 23.3188 31.0809 23.4216C31.2021 23.4873 31.4763 23.5695 31.9036 23.6681L32.5384 23.8129C32.8446 23.8828 33.0808 23.9783 33.2472 24.0995C33.5348 24.3111 33.6786 24.6183 33.6786 25.021C33.6786 25.5223 33.4958 25.8808 33.1301 26.0965C32.7665 26.3122 32.3433 26.4201 31.8605 26.4201C31.2976 26.4201 30.8569 26.2762 30.5384 25.9886C30.22 25.7031 30.0638 25.3158 30.07 24.8269H30.6463V24.8267Z" fill="black"/>
+							</svg>
+							CSS Modules
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 30 30" width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_28_8217)">
+									<path d="M0.219971 3.64297C0.219971 1.77825 1.73163 0.266602 3.59635 0.266602H26.0032C27.8679 0.266602 29.3795 1.77825 29.3795 3.64297V26.3567C29.3795 28.2215 27.8679 29.7331 26.0032 29.7331H3.59635C1.73163 29.7331 0.219971 28.2215 0.219971 26.3567V3.64297Z" fill="#F6E458"/>
+									<path d="M18.9071 6.85295C17.2983 6.39082 15.6573 6.32801 13.9851 6.47757C13.0493 6.5748 12.1496 6.76057 11.2818 7.08653C9.40614 7.7911 7.99783 9.01132 7.15806 10.8486C6.55602 12.1658 6.33843 13.565 6.31575 15.0006C6.29179 16.5178 6.48192 18.014 6.78402 19.4974C7.05786 20.8419 7.42254 22.1601 7.94336 23.4327C7.99284 23.5536 8.05447 23.5943 8.18654 23.5941C9.83373 23.5905 11.481 23.5905 13.1283 23.5905C13.6158 23.5905 14.1035 23.5905 14.5912 23.5904C14.6285 23.5904 14.6658 23.5884 14.7088 23.586C14.7307 23.5849 14.7541 23.5836 14.7797 23.5824C14.7698 23.5589 14.761 23.5372 14.7526 23.5169C14.7363 23.4771 14.7221 23.4424 14.7063 23.4084C14.5871 23.1536 14.4656 22.8999 14.344 22.6461C14.0802 22.0957 13.8166 21.5453 13.5781 20.9841C12.8546 19.2824 12.3007 17.5301 12.1316 15.6753C12.0571 14.8569 12.0674 14.0432 12.2945 13.2457C12.554 12.3342 13.111 11.6907 14.0343 11.4216C14.8823 11.1747 15.7421 11.1763 16.5853 11.449C17.338 11.6924 17.8286 12.2065 18.0374 12.9763C18.1977 13.5674 18.1976 14.165 18.0764 14.761C17.983 15.2198 17.795 15.6386 17.4566 15.9735C16.8496 16.5744 16.0916 16.7126 15.2781 16.6665C15.1334 16.6583 14.9891 16.6425 14.8405 16.6261C14.7708 16.6185 14.7003 16.6108 14.6282 16.6036C14.6302 16.6266 14.6313 16.6478 14.6325 16.6677C14.6345 16.7068 14.6364 16.7406 14.6444 16.773C14.6791 16.9124 14.7122 17.0522 14.7452 17.1921C14.8248 17.5289 14.9043 17.8658 15.0066 18.1956C15.2076 18.8433 15.4412 19.4754 15.7061 20.0925C17.5941 19.9452 19.3331 19.4759 21.1788 18.3679C21.2065 18.3504 21.2317 18.3346 21.2569 18.3189C22.0497 17.8253 22.6914 17.1851 23.1339 16.3583C23.8505 15.0194 23.9902 13.5876 23.7773 12.1098C23.5576 10.5846 22.8731 9.30435 21.6948 8.30018C20.8777 7.60367 19.9327 7.14754 18.9071 6.85295Z" fill="black"/>
+								</g>
+								<defs>
+									<clipPath id="clip0_28_8217">
+										<rect width="30" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							Panda
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 33 30" width="33" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_28_8222)">
+									<path d="M0.020752 15.6126C0.475556 13.4695 1.41789 11.6941 3.29574 10.4678C4.35581 9.7755 6.17093 9.06381 7.44075 9.33255C7.79351 9.4072 8.12394 9.5979 8.32068 9.90709C8.50357 10.1945 8.51355 10.5634 8.43551 10.8867C8.37755 11.1265 8.20015 11.3018 7.99263 11.424C7.43756 11.7511 6.74293 11.7273 6.12848 11.861C4.39907 12.2375 2.99464 13.6592 2.543 15.3561C2.21549 16.5867 2.43298 17.9604 3.07155 19.0576C3.72293 20.1767 4.76963 20.9509 6.01999 21.2764C7.53508 21.6709 9.18289 21.4293 10.7304 21.4864C13.1375 21.575 15.3897 23.0144 16.6006 25.0732C17.3138 26.2858 17.6201 27.6627 17.5897 29.0605C17.374 29.456 17.1586 29.7834 16.7017 29.9205C16.4046 30.0096 16.0653 29.9396 15.7998 29.7865C15.5845 29.6622 15.4199 29.4765 15.2575 29.2922C14.9484 27.3648 14.9216 26.0837 13.1625 24.8055C11.213 23.389 8.81751 24.026 6.59744 23.8311C2.96908 23.5124 0.78453 20.9816 0.020752 17.6061V15.6126Z" fill="#DE2D68"/>
+									<path d="M16.262 0.0234375C16.5374 0.0545872 16.821 0.0370784 17.0985 0.0570305C19.0377 0.196356 20.8204 1.20577 22.0752 2.66458C23.1347 3.89631 23.9398 5.83865 23.8059 7.48748C23.7781 7.82945 23.6744 8.17311 23.3984 8.39761C23.1392 8.60833 22.78 8.67789 22.4534 8.63758C21.2065 8.48386 21.4891 7.21141 21.276 6.32924C21.1028 5.61233 20.8005 4.95873 20.3465 4.37604C19.4787 3.26219 18.1722 2.6033 16.7811 2.43479C15.5879 2.29031 14.1707 2.78022 13.2419 3.52089C12.1853 4.36349 11.4997 5.65372 11.3492 6.99241C11.2069 8.25883 11.6531 9.61489 12.4494 10.5984C15.7509 14.6756 19.8909 10.6496 23.4949 9.5836C24.4046 9.31452 25.3195 9.24557 26.2611 9.34574C28.2031 9.5492 29.9819 10.5247 31.1974 12.0528C32.4107 13.5814 32.9618 15.5319 32.7283 17.4694C32.5061 19.4196 31.5009 21.1405 29.9747 22.3537C28.0298 23.8608 25.8709 23.9584 23.5134 23.9413C22.9536 23.9372 22.3598 23.8641 21.8055 23.9297C21.0228 24.0223 20.3743 24.5171 19.6115 24.6478C19.3061 24.7001 19.0075 24.6924 18.7482 24.5011C18.5582 24.361 18.2513 23.9726 18.2283 23.7296C18.1947 23.3753 18.329 22.919 18.5624 22.6555C18.8477 22.3334 19.2868 22.1497 19.681 22.0038C21.685 21.2617 23.6715 21.5753 25.7484 21.4761C26.9555 21.4184 28.2413 20.8136 29.0514 19.9209C29.9378 18.9443 30.4344 17.6857 30.3637 16.3609C30.299 15.061 29.72 13.8403 28.7545 12.9677C28.1782 12.4566 27.4905 12.0872 26.7461 11.8892C24.6939 11.3433 23.2396 12.3113 21.4763 13.1453C19.9447 13.8698 17.995 14.7429 16.2814 14.8383C14.4623 14.9396 12.7124 14.1812 11.3763 12.9744C9.92514 11.6497 9.0577 9.80403 8.96371 7.84133C8.85316 5.8622 9.53913 3.92115 10.8687 2.45101C12.2977 0.887553 14.1684 0.117429 16.262 0.0234375Z" fill="#DE2D68"/>
+								</g>
+								<defs>
+									<clipPath id="clip0_28_8222">
+										<rect width="32.8079" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							Linaria
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 26 30" width="26" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<path d="M23.4226 16.1976C23.3687 16.2233 23.3148 16.2562 23.2609 16.289C23.2586 15.9468 23.0781 15.7804 22.9516 15.5999C22.3422 14.728 21.1656 15.0585 20.8187 15.8601C20.7719 15.9702 21.5359 16.9663 21.5031 17.0741C20.9969 17.3015 20.5094 17.8241 20.4109 18.2812C20.5117 17.8101 20.1601 17.5898 19.6281 17.7655C19.0961 17.9413 18.5922 18.4476 18.5195 18.9163C18.5945 18.4476 18.2148 18.1921 17.6711 18.3233C17.1273 18.4546 16.6422 18.921 16.593 19.3874C16.6422 18.921 16.2344 18.628 15.6859 18.7101C15.1375 18.7921 14.6687 19.2187 14.6453 19.6827C14.6664 19.2163 14.2351 18.8858 13.682 18.9163C13.1289 18.9468 12.6812 19.3312 12.6859 19.7976C12.6812 19.3335 12.2266 18.9585 11.6734 18.9398C11.1203 18.921 10.6937 19.2608 10.7242 19.7273C10.6937 19.2608 10.2156 18.846 9.66718 18.7757C9.1164 18.7054 8.71562 19.0054 8.77187 19.4718C8.71562 19.0054 8.21874 18.5483 7.67499 18.4288C7.13124 18.3093 6.75624 18.5718 6.83827 19.0405C6.75624 18.5741 6.24296 18.0773 5.70624 17.9108C5.16952 17.7468 4.82265 17.9741 4.9328 18.4429C4.82499 17.9741 3.6414 15.9937 3.51249 15.7007C3.16562 14.8991 2.49765 14.646 1.92577 15.1663C1.6914 15.3796 1.54608 15.7663 1.66562 16.3358C1.29296 16.2327 1.1078 16.4132 1.24374 16.8093C1.98671 18.9796 2.7203 21.1874 3.32968 23.4069C3.58983 24.3562 3.85937 25.5866 4.62343 26.2944C5.17187 26.8007 5.85624 27.1523 6.51483 27.4358C8.48124 28.2796 10.6633 28.5374 12.6953 28.5515C14.8703 28.5655 17.6359 28.0405 19.5601 26.946C20.2891 26.5335 20.9828 26.053 21.3086 25.2444C21.8453 23.9038 22.2344 22.4976 22.6445 21.1523C23.1109 19.6241 23.4625 18.0023 24.0672 16.5749C24.2172 16.1062 23.9312 15.9444 23.4226 16.1976Z" fill="#48A2AD"/>
+								<path d="M12.6234 22.3596C18.4496 22.3596 23.1727 20.4613 23.1727 18.1197C23.1727 15.7781 18.4496 13.8799 12.6234 13.8799C6.79727 13.8799 2.07422 15.7781 2.07422 18.1197C2.07422 20.4613 6.79727 22.3596 12.6234 22.3596Z" fill="url(#paint0_radial_28_8227)"/>
+								<path d="M21.5812 12.0654C21.3844 11.8662 21.143 11.6787 20.8547 11.5146C20.8547 11.5146 14.1328 13.7014 9.45467 13.4646C4.77655 13.2279 5.46561 12.717 3.08905 14.2311C3.08905 14.2311 2.43983 15.1592 3.23202 15.724C4.26796 16.4623 5.57577 17.0717 7.01014 17.5357C7.18358 17.4092 7.35702 17.3295 7.50467 17.3295C11.9648 15.7803 20.6414 17.7443 21.5812 12.0654Z" fill="url(#paint1_linear_28_8227)"/>
+								<path d="M21.5817 12.0654C20.6418 17.7443 11.9653 15.7803 7.50747 17.3295C7.35981 17.3295 7.18638 17.4068 7.01294 17.5357C10.6106 18.6982 15.0122 18.935 17.9512 17.9576C21.6426 16.7342 23.309 13.8162 21.5817 12.0654Z" fill="#EB5E8E"/>
+								<path d="M19.6758 7.88184C19.6758 7.88184 20.9485 8.63652 20.9485 10.5889C20.9485 12.5412 19.3242 15.0725 12.1172 14.3482C4.97346 13.6287 3.12893 14.2381 3.12893 14.2381C3.12893 14.2381 0.939868 11.2662 5.51487 11.2826C9.6094 11.2967 15.6985 11.7795 17.1328 10.8701C19.268 9.51074 19.3477 9.47324 19.6758 7.88184Z" fill="url(#paint2_linear_28_8227)"/>
+								<path d="M11.3556 6.43105C13.5728 5.0459 13.4533 3.03262 12.3962 1.31934C12.2814 1.38496 12.2134 1.52324 12.272 1.66621C12.504 2.22402 12.7103 3.01152 12.3353 3.54121C11.7001 4.43652 10.5236 4.66387 8.59935 5.7373C6.76419 6.75918 6.05872 7.73418 5.92981 8.95762C5.9181 9.07246 5.98372 9.18262 6.09153 9.23652C6.29778 9.33965 6.69153 9.5084 7.28685 9.66308C7.93372 8.0623 9.88138 7.16699 11.3556 6.43105Z" fill="#F77CA5"/>
+								<path d="M16.1925 3.85551C15.2011 2.78676 14.0292 1.91488 12.6722 1.30551C12.5738 1.26098 12.473 1.27504 12.3933 1.31957C13.4503 3.03051 13.5699 5.04379 11.3527 6.43129C9.88081 7.16723 7.93315 8.06254 7.28394 9.66332C7.93081 9.83207 8.81675 9.98441 9.96987 10.0196C12.7964 10.1039 16.605 9.94926 17.2519 8.84066C17.9011 7.73441 17.3597 5.1141 16.1925 3.85551Z" fill="url(#paint3_linear_28_8227)"/>
+								<path d="M19.4762 7.49941C19.5301 7.36348 19.57 7.22285 19.5981 7.08223C18.8387 5.91973 17.0622 5.56348 17.0622 5.56348C18.9887 9.66504 8.96216 8.77207 6.12153 8.94082C4.91216 9.01348 4.21841 9.54551 3.81763 10.1361C4.4106 9.82676 5.10435 9.65566 5.80044 9.42363C10.2864 8.35488 17.552 12.8432 19.4762 7.49941Z" fill="#F79EBC"/>
+								<path d="M19.88 7.7252C19.8247 7.49629 19.7295 7.27891 19.5988 7.08301C19.5707 7.22598 19.5308 7.36426 19.4769 7.5002C17.5527 12.8439 10.2871 8.35566 5.79878 9.42441C5.10503 9.65645 4.40894 9.8252 3.81597 10.1369C3.27456 10.9314 3.27222 11.8268 3.27222 11.8268C6.19487 10.9408 8.35112 11.8314 13.9691 11.9135C19.5871 11.9908 20.2832 9.40332 19.88 7.7252Z" fill="url(#paint4_linear_28_8227)"/>
+								<path d="M23.4282 17.8217C22.9149 18.0608 22.3782 18.6092 22.2446 19.0662C22.3805 18.6092 22.0641 18.4147 21.5391 18.6092C21.0117 18.8037 20.4867 19.3076 20.3766 19.7553C20.4867 19.3076 20.1399 19.085 19.6032 19.235C19.0664 19.385 18.5532 19.8467 18.4711 20.2873C18.5555 19.8467 18.1805 19.5936 17.6367 19.699C17.093 19.8045 16.5961 20.2264 16.5399 20.6623C16.5985 20.2264 16.1953 19.9404 15.6469 20.0014C15.0961 20.0623 14.6203 20.4467 14.5899 20.8779C14.6203 20.4467 14.1961 20.1256 13.643 20.142C13.0899 20.1584 12.6352 20.5053 12.6305 20.9365C12.6352 20.5053 12.1875 20.149 11.6344 20.1209C11.0836 20.0928 10.65 20.4045 10.6735 20.8381C10.6524 20.4045 10.1836 20.0131 9.63284 19.9404C9.0844 19.8678 8.67659 20.1467 8.72581 20.5826C8.67659 20.1467 8.19143 19.7131 7.64768 19.5983C7.10393 19.4834 6.72659 19.7272 6.79925 20.1701C6.72425 19.7272 6.22268 19.2561 5.68831 19.0943C5.15393 18.9326 4.80471 19.1506 4.9055 19.6006C4.80471 19.1506 4.28909 18.635 3.76643 18.4311C3.24378 18.2272 2.92503 18.4147 3.05159 18.874C2.92503 18.4147 2.40003 17.8545 1.89143 17.6061C1.38284 17.3576 1.0969 17.5193 1.2469 17.9904C1.85159 19.4108 2.2055 21.0022 2.6719 22.474C3.0844 23.7701 3.47346 25.1131 4.01253 26.3623C4.33831 27.117 5.02737 27.5154 5.76331 27.8483C7.87034 28.7975 10.3313 29.0436 12.6141 29.0647C14.6766 29.0858 16.8141 28.9053 18.7805 28.2514C19.4414 28.0311 20.1258 27.7568 20.6742 27.3186C21.4407 26.7068 21.7102 25.5373 21.9727 24.6326C22.5985 22.467 23.3367 20.3553 24.0633 18.2225C24.2227 17.749 23.9414 17.5826 23.4282 17.8217Z" fill="url(#paint5_linear_28_8227)"/>
+								<path d="M6.26953 12.0117C6.52841 12.0117 6.73828 11.8019 6.73828 11.543C6.73828 11.2841 6.52841 11.0742 6.26953 11.0742C6.01065 11.0742 5.80078 11.2841 5.80078 11.543C5.80078 11.8019 6.01065 12.0117 6.26953 12.0117Z" fill="#B8EB96"/>
+								<path d="M9.31641 13.7109C9.57529 13.7109 9.78516 13.5011 9.78516 13.2422C9.78516 12.9833 9.57529 12.7734 9.31641 12.7734C9.05752 12.7734 8.84766 12.9833 8.84766 13.2422C8.84766 13.5011 9.05752 13.7109 9.31641 13.7109Z" fill="#EBD3DB"/>
+								<path d="M6.38672 15.4688C6.6456 15.4688 6.85547 15.2589 6.85547 15C6.85547 14.7411 6.6456 14.5312 6.38672 14.5312C6.12784 14.5312 5.91797 14.7411 5.91797 15C5.91797 15.2589 6.12784 15.4688 6.38672 15.4688Z" fill="#EB5E8E"/>
+								<path d="M9.84375 8.55469C10.1026 8.55469 10.3125 8.34482 10.3125 8.08594C10.3125 7.82705 10.1026 7.61719 9.84375 7.61719C9.58487 7.61719 9.375 7.82705 9.375 8.08594C9.375 8.34482 9.58487 8.55469 9.84375 8.55469Z" fill="#3DC2EB"/>
+								<path d="M12.3633 11.7773C12.6222 11.7773 12.832 11.5675 12.832 11.3086C12.832 11.0497 12.6222 10.8398 12.3633 10.8398C12.1044 10.8398 11.8945 11.0497 11.8945 11.3086C11.8945 11.5675 12.1044 11.7773 12.3633 11.7773Z" fill="#FFA600"/>
+								<path d="M20.0391 15.293C20.2979 15.293 20.5078 15.0831 20.5078 14.8242C20.5078 14.5653 20.2979 14.3555 20.0391 14.3555C19.7802 14.3555 19.5703 14.5653 19.5703 14.8242C19.5703 15.0831 19.7802 15.293 20.0391 15.293Z" fill="#79EB2D"/>
+								<path d="M14.2969 6.85547C14.5558 6.85547 14.7656 6.6456 14.7656 6.38672C14.7656 6.12784 14.5558 5.91797 14.2969 5.91797C14.038 5.91797 13.8281 6.12784 13.8281 6.38672C13.8281 6.6456 14.038 6.85547 14.2969 6.85547Z" fill="#FFF000"/>
+								<path d="M16.7578 12.3047C17.0167 12.3047 17.2266 12.0948 17.2266 11.8359C17.2266 11.5771 17.0167 11.3672 16.7578 11.3672C16.4989 11.3672 16.2891 11.5771 16.2891 11.8359C16.2891 12.0948 16.4989 12.3047 16.7578 12.3047Z" fill="#8052FF"/>
+								<path d="M17.9297 8.78906C18.1886 8.78906 18.3984 8.5792 18.3984 8.32031C18.3984 8.06143 18.1886 7.85156 17.9297 7.85156C17.6708 7.85156 17.4609 8.06143 17.4609 8.32031C17.4609 8.5792 17.6708 8.78906 17.9297 8.78906Z" fill="#5EEBB3"/>
+								<path d="M14.5898 15.8789C14.8487 15.8789 15.0586 15.669 15.0586 15.4102C15.0586 15.1513 14.8487 14.9414 14.5898 14.9414C14.331 14.9414 14.1211 15.1513 14.1211 15.4102C14.1211 15.669 14.331 15.8789 14.5898 15.8789Z" fill="#A45EEB"/>
+								<path opacity="0.56" d="M4.33594 20.0391L5.74219 26.0742" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.56" d="M20.9766 20.0576L19.5703 26.1326" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.56" d="M7.25708 20.9951L8.07739 26.9717" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.56" d="M18.0566 20.7822L17.2363 26.7588" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.56" d="M9.80396 21.3281L10.3524 27.4617" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.56" d="M15.5086 21.1123L14.9602 27.2459" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.56" d="M12.6965 21.7197L12.7739 27.6166" stroke="#49A5B0" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+								<path opacity="0.2" d="M13.2077 2.36484C14.1124 2.88047 14.9421 3.53906 15.678 4.33594C16.0015 4.68516 16.2991 5.2125 16.5101 5.82187C16.5874 6.04688 16.7749 6.21563 17.0046 6.27188C17.2483 6.33281 18.4929 6.675 19.0108 7.46719C19.0999 7.60547 19.1608 7.74375 19.196 7.88906C19.2171 7.98047 19.2358 8.08125 19.2499 8.18437C19.271 8.34844 19.3507 8.50078 19.4726 8.61328C19.7608 8.87812 20.246 9.4875 20.2483 10.5891C20.2483 10.8469 20.2132 11.0953 20.1429 11.3297C20.0702 11.5805 20.1382 11.85 20.3257 12.0305C20.4171 12.1195 20.5273 12.1805 20.6468 12.2109C20.8108 12.3164 20.9585 12.4336 21.0827 12.5625C21.8163 13.3055 21.5796 14.1633 21.2515 14.7539C21.1226 14.9836 21.1343 15.2672 21.2819 15.4852C21.4132 15.682 21.6335 15.7969 21.8655 15.7969C21.8913 15.7969 21.9194 15.7945 21.9476 15.7922C21.9663 15.7898 21.9874 15.7898 22.0062 15.7898C22.1562 15.7898 22.278 15.8602 22.3788 16.0031C22.4069 16.043 22.4351 16.0805 22.4655 16.1203C22.5616 16.2469 22.5616 16.2563 22.564 16.2984C22.5663 16.5516 22.7069 16.7859 22.9296 16.9078C23.0023 16.9477 23.0796 16.9734 23.1593 16.9852C23.0983 17.1563 23.0351 17.3367 22.9718 17.5266C22.8898 17.7727 22.9507 18.0445 23.1312 18.232C23.1757 18.2789 23.2249 18.3188 23.2788 18.3516L23.1194 18.818C22.496 20.6461 21.8491 22.5352 21.2983 24.4359C21.2726 24.5203 21.2491 24.6094 21.2233 24.6984C21.003 25.4742 20.7546 26.3555 20.2366 26.768C19.7515 27.1547 19.1163 27.3961 18.5608 27.5813C16.9835 28.1063 15.1413 28.3594 12.9288 28.3594C12.828 28.3594 12.7249 28.3594 12.6241 28.357C9.82803 28.3289 7.73975 27.9609 6.05459 27.2016C5.37725 26.8969 4.88038 26.5875 4.66006 26.0789C4.22647 25.0781 3.88663 23.9883 3.55616 22.9312C3.48584 22.7062 3.41553 22.4789 3.34288 22.2563C3.19053 21.7781 3.04756 21.2719 2.90694 20.7844C2.63975 19.8469 2.36553 18.8813 1.99756 17.9648C2.01866 17.9438 2.03741 17.9203 2.05381 17.8945C2.18506 17.7117 2.21788 17.475 2.14522 17.2617L2.05381 16.9945C2.04678 16.9758 2.04209 16.957 2.03506 16.9383C2.07725 16.9125 2.11709 16.882 2.15225 16.8492C2.23979 16.766 2.30467 16.6619 2.34076 16.5467C2.37685 16.4314 2.38295 16.3089 2.3585 16.1906C2.30225 15.9234 2.33975 15.7453 2.40538 15.6867C2.47569 15.6234 2.52959 15.6 2.55538 15.6C2.55772 15.6 2.56709 15.6 2.58116 15.607C2.68554 15.6496 2.79867 15.6663 2.9109 15.6557C3.02314 15.6451 3.13113 15.6075 3.22569 15.5461C3.41788 15.4219 3.53741 15.2133 3.54678 14.9836C3.55147 14.8781 3.60069 14.7609 3.63819 14.6883C3.72256 14.5945 3.78116 14.4797 3.80694 14.3531C3.84444 14.1656 3.80459 13.9688 3.69209 13.8117C3.50225 13.5398 3.24678 13.0125 3.32413 12.6633C3.34522 12.5648 3.39913 12.4359 3.62881 12.3047C3.83038 12.1898 3.96163 11.9836 3.98038 11.7516C3.99678 11.543 4.07178 11.0062 4.39756 10.5281C4.73741 10.0289 5.27881 9.73594 6.00303 9.65859C6.16527 9.64186 6.31657 9.56902 6.43082 9.45263C6.54507 9.33624 6.6151 9.18361 6.62881 9.02109V9.00703C6.71553 8.24531 7.06475 7.39453 8.93975 6.34922C9.59131 5.98594 10.1538 5.72344 10.6507 5.49141C11.621 5.03906 12.3874 4.68047 12.9077 3.94688C13.2077 3.52734 13.3062 2.99063 13.2077 2.36484ZM12.5491 1.27734C12.4929 1.27734 12.4413 1.29375 12.3944 1.31953C12.2796 1.38516 12.2116 1.52344 12.2702 1.66641C12.5023 2.22422 12.7085 3.01172 12.3335 3.54141C11.6983 4.43672 10.5218 4.66406 8.59756 5.7375C6.76475 6.75937 6.05928 7.73438 5.93038 8.95781V8.9625C4.84053 9.07734 4.196 9.57891 3.81631 10.1367C3.39913 10.7508 3.30303 11.4234 3.27959 11.6977C1.94366 12.4641 2.99131 14.0391 3.11553 14.2172C3.10616 14.2219 3.09913 14.2289 3.08975 14.2336C3.08975 14.2336 2.85772 14.5664 2.84131 14.9555C2.74756 14.918 2.65147 14.8992 2.55303 14.8992C2.34444 14.8992 2.13116 14.9859 1.92959 15.1711C1.69522 15.3844 1.54991 15.7711 1.66944 16.3406C1.59913 16.3219 1.53819 16.3125 1.48194 16.3125C1.23819 16.3125 1.13741 16.4906 1.24756 16.8141C1.32491 17.0391 1.39991 17.2664 1.47725 17.4914C1.24288 17.4937 1.14209 17.6672 1.24288 17.9883C1.84756 19.4086 2.20147 21 2.66788 22.4719C3.08038 23.768 3.46944 25.1109 4.0085 26.3602C4.33428 27.1148 5.02334 27.5133 5.75928 27.8461C7.86631 28.7953 10.3273 29.0414 12.6101 29.0625C12.7132 29.0625 12.8187 29.0648 12.9218 29.0648C14.8858 29.0648 16.9085 28.8703 18.7765 28.2516C19.4374 28.0312 20.1218 27.757 20.6702 27.3188C21.4366 26.707 21.7062 25.5375 21.9687 24.6328C22.5944 22.4672 23.3327 20.3555 24.0593 18.2227C24.1694 17.8992 24.0663 17.7188 23.8226 17.7188C23.7663 17.7188 23.703 17.7281 23.6327 17.7469C23.764 17.3484 23.9046 16.9594 24.064 16.582C24.1671 16.2586 24.0663 16.0805 23.8296 16.0805C23.7194 16.0805 23.5812 16.118 23.4218 16.1977C23.3679 16.2234 23.314 16.2563 23.2601 16.2891C23.2577 15.9469 23.0773 15.7805 22.9507 15.6C22.6976 15.2391 22.3483 15.0867 22.0015 15.0867C21.9546 15.0867 21.9077 15.0891 21.8608 15.0938C22.4538 14.0273 22.4116 12.9117 21.5796 12.068C21.3827 11.8688 21.1413 11.6812 20.853 11.5172L20.8132 11.5289C20.9069 11.2102 20.9468 10.8938 20.9468 10.5891C20.9468 9.21562 20.3163 8.4375 19.9437 8.09531C19.9273 7.96875 19.9062 7.84453 19.8757 7.725C19.8204 7.49609 19.7252 7.27871 19.5944 7.08281C18.9476 6.09375 17.5671 5.68828 17.171 5.58984C16.939 4.92656 16.6062 4.30547 16.1913 3.85781C15.1999 2.78906 14.028 1.91719 12.671 1.30781C12.6335 1.28672 12.5913 1.27734 12.5491 1.27734Z" fill="#424242"/>
+								<defs>
+									<radialGradient id="paint0_radial_28_8227" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.5782 15.8596) rotate(90) scale(6.2543 9.79298)">
+										<stop stop-color="#BE5D23"/>
+										<stop offset="0.158" stop-color="#B65B25"/>
+										<stop offset="0.407" stop-color="#9F552A"/>
+										<stop offset="0.715" stop-color="#7A4C33"/>
+										<stop offset="0.999" stop-color="#52423C"/>
+									</radialGradient>
+									<linearGradient id="paint1_linear_28_8227" x1="2.83921" y1="14.5261" x2="21.5812" y2="14.5261" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#FF85AE"/>
+										<stop offset="0.317" stop-color="#FF7DA9"/>
+										<stop offset="0.816" stop-color="#FF669A"/>
+										<stop offset="1" stop-color="#FF5C93"/>
+									</linearGradient>
+									<linearGradient id="paint2_linear_28_8227" x1="2.60557" y1="11.1774" x2="20.9494" y2="11.1774" gradientUnits="userSpaceOnUse">
+										<stop offset="0.003" stop-color="#FFB0CB"/>
+										<stop offset="0.792" stop-color="#F383A9"/>
+										<stop offset="1" stop-color="#F0769F"/>
+									</linearGradient>
+									<linearGradient id="paint3_linear_28_8227" x1="10.5666" y1="5.65785" x2="18.0492" y2="5.65785" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#F697B7"/>
+										<stop offset="0.335" stop-color="#F78FB2"/>
+										<stop offset="0.862" stop-color="#F878A3"/>
+										<stop offset="1" stop-color="#F9719F"/>
+									</linearGradient>
+									<linearGradient id="paint4_linear_28_8227" x1="3.27245" y1="9.49754" x2="19.9742" y2="9.49754" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#F78FB2"/>
+										<stop offset="0.272" stop-color="#F887AD"/>
+										<stop offset="0.703" stop-color="#FC709F"/>
+										<stop offset="1" stop-color="#FF5C93"/>
+									</linearGradient>
+									<linearGradient id="paint5_linear_28_8227" x1="12.6563" y1="19.4529" x2="12.6563" y2="28.0358" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#4FE8FF"/>
+										<stop offset="0.497" stop-color="#4BDDF3"/>
+										<stop offset="1" stop-color="#45CEE3"/>
+									</linearGradient>
+								</defs>
+							</svg>
+							Vanilla Extract
+						</span>
+					</div>
+					<a class="button" href="https://format.dev/docs/studio/styling" target="_blank" rel="noopener noreferrer">Explore styling<svg class="button-icon" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></a>
+				</div>
+			</li>
+			<li class="next-steps-step">
+				<span class="next-steps-marker">5</span>
+				<div class="next-steps-content">
+					<h3 class="next-steps-title">Deploy and generate at runtime</h3>
+					<p class="next-steps-body">
+						Once you've designed and built your documents, you will need to select the right approach for
+						deployment, so you can generate PDFs at runtime. Format supports many popular frameworks, bundlers
+						and runtimes and we recommend taking a look at the docs to see how you might deploy your creations
+						to production.
+					</p>
+					<div class="logos-row">
+						<span class="logo-item">
+							<svg viewBox="0 0 30 30" width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_1_1022)">
+									<path d="M15.5229 0.24997C15.081 9.99868e-06 14.5564 9.99868e-06 14.1146 0.24997L2.48974 7.00165C2.04796 7.25173 1.79944 7.72399 1.79944 8.22421V21.7551C1.79944 22.2553 2.07556 22.7275 2.48974 22.9776L14.1146 29.7292C14.5564 29.9792 15.081 29.9792 15.5229 29.7292L27.1477 22.9776C27.5896 22.7275 27.838 22.2553 27.838 21.7551V8.22421C27.838 7.72399 27.5619 7.25173 27.1477 7.00165L15.5229 0.24997Z" fill="url(#paint0_linear_1_1022)"/>
+									<mask id="mask0_1_1022" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="1" y="0" width="27" height="30">
+										<path d="M15.5244 0.24997C15.0825 9.99868e-06 14.5579 9.99868e-06 14.1161 0.24997L2.4912 7.00165C2.04942 7.25173 1.8009 7.72399 1.8009 8.22421V21.7551C1.8009 22.2553 2.07702 22.7275 2.4912 22.9776L14.1161 29.7292C14.5579 29.9792 15.0825 29.9792 15.5244 29.7292L27.1492 22.9776C27.5911 22.7275 27.8395 22.2553 27.8395 21.7551V8.22421C27.8395 7.72399 27.5634 7.25173 27.1492 7.00165L15.5244 0.24997Z" fill="white"/>
+									</mask>
+									<g mask="url(#mask0_1_1022)">
+										<path d="M14.8203 -0.628418L27.7241 7.1685L14.8203 30.6432L1.89258 22.8326L14.8203 -0.628418Z" fill="url(#paint1_linear_1_1022)"/>
+									</g>
+									<mask id="mask1_1_1022" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="1" y="0" width="27" height="30">
+										<path d="M15.5244 0.24997C15.0825 9.99868e-06 14.5579 9.99868e-06 14.1161 0.24997L2.4912 7.00165C2.04942 7.25173 1.8009 7.72399 1.8009 8.22421V21.7551C1.8009 22.2553 2.07702 22.7275 2.4912 22.9776L14.1161 29.7292C14.5579 29.9792 15.0825 29.9792 15.5244 29.7292L27.1492 22.9776C27.5911 22.7275 27.8395 22.2553 27.8395 21.7551V8.22421C27.8395 7.72399 27.5634 7.25173 27.1492 7.00165L15.5244 0.24997Z" fill="white"/>
+									</mask>
+									<g mask="url(#mask1_1_1022)">
+										<path d="M14.8203 -0.628418L1.89258 7.1685L14.8203 30.6432L27.7241 22.8326L14.8203 -0.628418Z" fill="url(#paint2_linear_1_1022)"/>
+									</g>
+								</g>
+								<defs>
+									<linearGradient id="paint0_linear_1_1022" x1="19.9974" y1="5.13601" x2="10.7394" y2="26.82" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#3F8B3D"/>
+										<stop offset="0.64" stop-color="#3F873F"/>
+										<stop offset="0.93" stop-color="#3DA92E"/>
+										<stop offset="1" stop-color="#3DAE2B"/>
+									</linearGradient>
+									<linearGradient id="paint1_linear_1_1022" x1="13.0809" y1="16.0796" x2="42.6009" y2="0.239557" gradientUnits="userSpaceOnUse">
+										<stop offset="0.14" stop-color="#3F873F"/>
+										<stop offset="0.4" stop-color="#52A044"/>
+										<stop offset="0.71" stop-color="#64B749"/>
+										<stop offset="0.91" stop-color="#6ABF4B"/>
+									</linearGradient>
+									<linearGradient id="paint2_linear_1_1022" x1="1.95091" y1="14.6996" x2="28.2009" y2="14.6996" gradientUnits="userSpaceOnUse">
+										<stop offset="0.09" stop-color="#6ABF4B"/>
+										<stop offset="0.29" stop-color="#64B749"/>
+										<stop offset="0.6" stop-color="#52A044"/>
+										<stop offset="0.86" stop-color="#3F873F"/>
+									</linearGradient>
+									<clipPath id="clip0_1_1022">
+										<rect width="30" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							Node
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 35 30" width="35" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_1_1034)">
+									<path d="M30.4668 8.88867C30.3983 8.81581 30.3254 8.74296 30.2525 8.67439C30.1797 8.60581 30.1111 8.52867 30.0383 8.4601C29.9654 8.39153 29.8968 8.31439 29.824 8.24581C29.7511 8.17724 29.6825 8.1001 29.6097 8.03153C29.5368 7.96296 29.4683 7.88581 29.3954 7.81724C29.3225 7.74867 29.254 7.67153 29.1811 7.60296C29.1083 7.53439 29.0397 7.45724 28.9668 7.38867C31.0926 9.47784 32.3104 12.3199 32.3568 15.3001C32.3568 22.4015 25.1483 28.1787 16.2854 28.1787C11.3225 28.1787 6.88254 26.3658 3.92969 23.5244L4.14397 23.7387L4.35826 23.953L4.57254 24.1672L4.78683 24.3815L5.00112 24.5958L5.2154 24.8101L5.42969 25.0244C8.37826 27.9858 12.9168 29.893 17.9997 29.893C26.8625 29.893 34.0711 24.1158 34.0711 17.0358C34.0711 14.0101 32.7683 11.143 30.4668 8.88867Z" fill="black"/>
+									<path d="M31.2845 15.3004C31.2845 21.819 24.5688 27.1033 16.2845 27.1033C8.00026 27.1033 1.28455 21.819 1.28455 15.3004C1.28455 11.259 3.85597 7.68899 7.8074 5.57185C11.7588 3.4547 14.2188 1.28613 16.2845 1.28613C18.3503 1.28613 20.116 3.05613 24.7617 5.57185C28.7131 7.68899 31.2845 11.259 31.2845 15.3004Z" fill="#FBF0DF"/>
+									<path d="M31.285 15.3004C31.2829 14.463 31.1676 13.6297 30.9421 12.8232C29.7721 27.0947 12.3636 27.7804 5.51929 23.5118C8.59601 25.8965 12.3928 27.1631 16.285 27.1032C24.5564 27.1032 31.285 21.8104 31.285 15.3004Z" fill="#F6DECE"/>
+									<path d="M10.5117 4.78756C12.4274 3.63899 14.9731 1.48328 17.476 1.47899C17.0909 1.35453 16.6892 1.2895 16.2845 1.28613C15.2474 1.28613 14.1417 1.82185 12.7488 2.62756C12.2645 2.91042 11.7631 3.22328 11.2317 3.54899C10.2331 4.16613 9.08883 4.8647 7.80312 5.56328C3.72312 7.77042 1.28455 11.409 1.28455 15.3004C1.28455 15.4718 1.28455 15.6433 1.28455 15.8104C3.88169 6.6347 8.60026 5.93613 10.5117 4.78756Z" fill="#FFFEFC"/>
+									<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0505 2.37064C15.0565 3.3826 14.844 4.38392 14.4276 5.30625C14.0112 6.22857 13.4006 7.05017 12.6376 7.71493C12.5176 7.82207 12.6119 8.02779 12.7662 7.96779C14.2105 7.40636 16.1605 5.72636 15.3376 2.33636C15.3033 2.1435 15.0505 2.19493 15.0505 2.37064ZM16.0233 2.37064C16.5477 3.22626 16.8809 4.18515 17 5.18158C17.1191 6.178 17.0213 7.1884 16.7133 8.1435C16.6619 8.2935 16.8462 8.42207 16.949 8.29779C17.8876 7.09779 18.7062 4.71493 16.2548 2.1435C16.1305 2.03207 15.9376 2.2035 16.0233 2.3535V2.37064ZM17.2062 2.29779C18.0274 2.87917 18.7144 3.62989 19.2208 4.49932C19.7272 5.36874 20.0413 6.33666 20.1419 7.33779C20.1376 7.37386 20.1473 7.41023 20.169 7.43933C20.1908 7.46844 20.2229 7.48806 20.2587 7.49412C20.2946 7.50019 20.3313 7.49223 20.3615 7.4719C20.3916 7.45157 20.4127 7.42043 20.4205 7.38493C20.8148 5.88922 20.5919 3.33922 17.3476 2.01493C17.1762 1.94636 17.0648 2.17779 17.2062 2.28064V2.29779ZM9.29476 6.75493C10.2716 6.4631 11.176 5.96881 11.9491 5.30424C12.7222 4.63967 13.3467 3.81973 13.7819 2.89779C13.859 2.7435 14.1033 2.8035 14.0648 2.97493C13.3233 6.4035 10.8419 7.11922 9.29905 7.02493C9.13619 7.02922 9.14048 6.80207 9.29476 6.75493Z" fill="#CCBEA7"/>
+									<path d="M16.2846 28.1791C7.42171 28.1791 0.213135 22.402 0.213135 15.3006C0.213135 11.0148 2.86171 7.01627 7.29742 4.62056C8.58314 3.93484 9.68456 3.24484 10.666 2.64056C11.206 2.30627 11.716 1.99342 12.2088 1.70199C13.7131 0.810558 14.9988 0.214844 16.2846 0.214844C17.5703 0.214844 18.6931 0.729129 20.0989 1.56056C20.5274 1.80484 20.956 2.07056 21.4146 2.36199C22.4817 3.02199 23.686 3.7677 25.2717 4.62056C29.7074 7.01627 32.356 11.0106 32.356 15.3006C32.356 22.402 25.1474 28.1791 16.2846 28.1791ZM16.2846 1.28627C15.2474 1.28627 14.1417 1.82199 12.7488 2.6277C12.2646 2.91056 11.7631 3.22341 11.2317 3.54913C10.2331 4.16627 9.08885 4.86484 7.80313 5.56341C3.72313 7.77056 1.28456 11.4091 1.28456 15.3006C1.28456 21.8106 8.01313 27.1077 16.2846 27.1077C24.556 27.1077 31.2846 21.8106 31.2846 15.3006C31.2846 11.4091 28.846 7.77056 24.7617 5.57199C23.1417 4.71484 21.8774 3.90913 20.8531 3.27484C20.386 2.9877 19.9574 2.72199 19.5674 2.48627C18.2688 1.71484 17.3217 1.28627 16.2846 1.28627Z" fill="black"/>
+									<path d="M19.3069 18.4285C19.1144 19.217 18.6762 19.9239 18.0555 20.447C17.5895 20.8987 16.9863 21.1822 16.3412 21.2528C15.6767 21.1934 15.0524 20.9092 14.5712 20.447C13.9569 19.9214 13.5248 19.2148 13.3369 18.4285C13.3307 18.3818 13.3353 18.3343 13.3502 18.2896C13.3652 18.245 13.3902 18.2043 13.4233 18.1708C13.4563 18.1373 13.4967 18.1118 13.5411 18.0963C13.5856 18.0808 13.633 18.0757 13.6798 18.0813H18.9684C19.0148 18.0764 19.0617 18.082 19.1056 18.0979C19.1496 18.1137 19.1893 18.1393 19.2219 18.1727C19.2545 18.2061 19.2791 18.2465 19.2938 18.2908C19.3086 18.3351 19.313 18.3822 19.3069 18.4285Z" fill="#B71422"/>
+									<path d="M14.5723 20.4813C15.0524 20.9437 15.6746 21.2306 16.338 21.2956C16.9999 21.2297 17.6204 20.9428 18.0994 20.4813C18.2527 20.3385 18.3959 20.1852 18.528 20.0227C18.264 19.7232 17.9415 19.4809 17.5804 19.3106C17.2192 19.1404 16.8271 19.0458 16.428 19.0327C16.001 19.0428 15.5829 19.1566 15.2096 19.3641C14.8363 19.5716 14.5191 19.8668 14.2852 20.2241C14.3837 20.3141 14.4694 20.3999 14.5723 20.4813Z" fill="#FF6164"/>
+									<path d="M14.6409 20.1426C14.8534 19.868 15.1253 19.6451 15.4364 19.4907C15.7474 19.3363 16.0894 19.2544 16.4366 19.2512C17.0784 19.2701 17.6899 19.5285 18.1509 19.9755C18.2495 19.8684 18.3437 19.7569 18.4337 19.6455C17.8885 19.1263 17.168 18.831 16.4152 18.8184C16.0129 18.8218 15.6163 18.9143 15.254 19.0892C14.8916 19.2641 14.5725 19.517 14.3195 19.8298C14.4208 19.9399 14.5281 20.0443 14.6409 20.1426Z" fill="black"/>
+									<path d="M16.324 21.5097C15.6099 21.4471 14.9378 21.1451 14.4169 20.6525C13.7535 20.0914 13.2865 19.3332 13.084 18.4883C13.0695 18.413 13.072 18.3355 13.0913 18.2614C13.1105 18.1872 13.1461 18.1183 13.1955 18.0597C13.2542 17.9888 13.3284 17.9322 13.4123 17.8943C13.4962 17.8564 13.5877 17.8382 13.6797 17.8411H18.9683C19.0602 17.8392 19.1514 17.8578 19.2352 17.8956C19.319 17.9334 19.3933 17.9895 19.4526 18.0597C19.5014 18.1185 19.5364 18.1876 19.555 18.2618C19.5735 18.336 19.5752 18.4134 19.5597 18.4883C19.3572 19.3332 18.8903 20.0914 18.2269 20.6525C17.7071 21.1442 17.0367 21.4462 16.324 21.5097ZM13.6797 18.3383C13.6112 18.3383 13.594 18.3683 13.5897 18.3768C13.7709 19.1095 14.1807 19.7655 14.7597 20.2497C15.1832 20.6668 15.7337 20.9308 16.324 20.9997C16.9129 20.9316 17.4628 20.6709 17.8883 20.2583C18.4655 19.7733 18.8737 19.1174 19.054 18.3854C19.0447 18.3717 19.0317 18.3608 19.0166 18.354C19.0015 18.3472 18.9848 18.3447 18.9683 18.3468L13.6797 18.3383Z" fill="black"/>
+									<path d="M22.8079 18.6937C24.1926 18.6937 25.3151 18.0336 25.3151 17.2194C25.3151 16.4052 24.1926 15.7451 22.8079 15.7451C21.4233 15.7451 20.3008 16.4052 20.3008 17.2194C20.3008 18.0336 21.4233 18.6937 22.8079 18.6937Z" fill="#FEBBD0"/>
+									<path d="M9.83527 18.6937C11.2199 18.6937 12.3424 18.0336 12.3424 17.2194C12.3424 16.4052 11.2199 15.7451 9.83527 15.7451C8.45061 15.7451 7.32812 16.4052 7.32812 17.2194C7.32812 18.0336 8.45061 18.6937 9.83527 18.6937Z" fill="#FEBBD0"/>
+									<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0136 16.6281C11.4809 16.629 11.9378 16.4912 12.3267 16.2322C12.7156 15.9733 13.019 15.6048 13.1984 15.1734C13.3778 14.7419 13.4251 14.267 13.3345 13.8086C13.2439 13.3503 13.0193 12.9291 12.6892 12.5984C12.3591 12.2678 11.9384 12.0424 11.4802 11.951C11.022 11.8595 10.547 11.906 10.1152 12.0846C9.68349 12.2632 9.31443 12.5659 9.05477 12.9543C8.7951 13.3427 8.65649 13.7995 8.65649 14.2667C8.65649 14.8922 8.9047 15.4922 9.34662 15.935C9.78855 16.3777 10.3881 16.627 11.0136 16.6281ZM21.6294 16.6281C22.0971 16.6315 22.5553 16.4959 22.9459 16.2385C23.3365 15.9811 23.6418 15.6135 23.8232 15.1823C24.0046 14.7511 24.0538 14.2758 23.9646 13.8166C23.8754 13.3574 23.6519 12.935 23.3223 12.6031C22.9928 12.2711 22.5721 12.0445 22.1135 11.952C21.655 11.8595 21.1793 11.9052 20.7468 12.0834C20.3143 12.2616 19.9445 12.5643 19.6843 12.953C19.424 13.3417 19.2851 13.7989 19.2851 14.2667C19.2839 14.8904 19.53 15.4891 19.9694 15.9317C20.4088 16.3743 21.0057 16.6247 21.6294 16.6281Z" fill="black"/>
+									<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2852 14.4169C10.4608 14.4177 10.6328 14.3664 10.7792 14.2694C10.9257 14.1725 11.0401 14.0342 11.1079 13.8722C11.1757 13.7102 11.1938 13.5316 11.1601 13.3593C11.1264 13.1869 11.0422 13.0284 10.9183 12.9039C10.7944 12.7794 10.6363 12.6945 10.4641 12.6599C10.2919 12.6254 10.1133 12.6427 9.95099 12.7097C9.78864 12.7767 9.64983 12.8904 9.55216 13.0364C9.45449 13.1824 9.40235 13.3541 9.40234 13.5297C9.40234 13.7643 9.49522 13.9893 9.66066 14.1555C9.82611 14.3218 10.0507 14.4157 10.2852 14.4169ZM20.9009 14.4169C21.0766 14.4177 21.2485 14.3664 21.3949 14.2694C21.5414 14.1725 21.6558 14.0342 21.7236 13.8722C21.7914 13.7102 21.8096 13.5316 21.7758 13.3593C21.7421 13.1869 21.6579 13.0284 21.534 12.9039C21.4101 12.7794 21.2521 12.6945 21.0799 12.6599C20.9077 12.6254 20.7291 12.6427 20.5667 12.7097C20.4043 12.7767 20.2655 12.8904 20.1679 13.0364C20.0702 13.1824 20.0181 13.3541 20.0181 13.5297C20.018 13.7628 20.1097 13.9865 20.2733 14.1525C20.4369 14.3185 20.6593 14.4135 20.8923 14.4169H20.9009Z" fill="white"/>
+								</g>
+								<defs>
+									<clipPath id="clip0_1_1034">
+										<rect width="34.2857" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							Bun
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 32 30" width="32" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_1_1056)">
+									<path fill-rule="evenodd" clip-rule="evenodd" d="M20.451 19.4352C22.9843 19.5595 25.6299 18.4226 26.4512 16.1602C27.2725 13.8978 26.954 11.6604 24.0077 10.3184C21.0615 8.97589 19.7008 7.38032 17.3206 6.41763C15.7654 5.78862 14.0352 6.16194 12.2584 7.14381C7.4732 9.78854 3.1856 18.1442 5.16186 25.8858C5.1902 25.992 5.14259 26.103 5.04633 26.1563C4.95065 26.209 4.83052 26.1891 4.75628 26.1084C2.09172 23.1692 0.592427 19.1838 0.918034 14.9197C1.54679 6.68553 8.74229 0.510954 16.9764 1.13971C25.21 1.76842 31.3846 8.96392 30.7558 17.1981C30.4918 20.6559 29.0699 23.7504 26.8985 26.1306C25.238 27.8364 23.1224 28.5946 21.3571 28.5632C20.0773 28.5405 18.8256 28.0312 17.96 27.2865C16.7243 26.222 16.2249 25.0058 16.0542 23.6479C16.0113 23.3107 16.0365 22.3913 16.2122 21.7545C16.3427 21.28 16.6748 20.3631 17.1605 19.9622C16.5923 19.7179 15.8617 19.185 15.6309 18.9294C15.5746 18.8667 15.5821 18.7681 15.6328 18.7007C15.683 18.6327 15.7724 18.6063 15.8517 18.6349C16.34 18.8024 16.9347 18.9674 17.5618 19.0726C18.3864 19.2106 19.4119 19.3838 20.451 19.4352ZM15.2958 7.46043C16.103 7.39718 16.8072 8.0861 16.9286 9.00227C17.0906 10.2228 16.6427 11.4835 15.1697 11.5125C13.9114 11.5376 13.5302 10.2687 13.6136 9.50006C13.6964 8.73134 14.3301 7.53622 15.2958 7.46043Z" fill="black"/>
+								</g>
+								<defs>
+									<clipPath id="clip0_1_1056">
+										<rect width="31.895" height="29.2191" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							Deno
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 35 30" width="35" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_1_1089)">
+									<path d="M17.2965 0L34.5939 29.9601H-0.000732422L17.2965 0Z" fill="black"/>
+								</g>
+								<defs>
+									<clipPath id="clip0_1_1089">
+										<rect width="34.5946" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							Vercel
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 34 30" width="34" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<path d="M8.54742 0.431641L12.4643 7.49809L8.86717 13.973C8.51706 14.6017 8.51706 15.3667 8.86717 15.9954L12.4643 22.4863L8.54742 29.5528C7.8104 29.1874 7.19836 28.6115 6.78881 27.8981L0.553703 17.0666C-0.185544 15.7796 -0.185544 14.1968 0.553703 12.9098L6.78881 2.07835C7.1996 1.36787 7.81151 0.794901 8.54742 0.431641Z" fill="url(#paint0_linear_1_1095)"/>
+								<path opacity="0.7" d="M8.86726 13.981C8.52011 14.6076 8.52011 15.3688 8.86726 15.9954L12.4644 22.4863L8.54751 29.5527C7.81048 29.1873 7.19845 28.6115 6.78889 27.898L0.553787 17.0665C0.0581762 16.2112 2.832 15.188 8.86726 13.989V13.981Z" fill="url(#paint1_linear_1_1095)"/>
+								<path opacity="0.5" d="M8.94702 1.14308L12.4643 7.49809L11.8807 8.51329L8.77915 3.26142C7.88386 1.79857 6.51693 2.55797 4.80627 5.51565L5.06207 5.07599L6.78872 2.07835C7.19525 1.3702 7.80134 0.797469 8.53135 0.431641L8.93903 1.14308H8.94702Z" fill="url(#paint2_linear_1_1095)"/>
+								<path d="M26.4535 2.07837L32.6886 12.9099C33.432 14.1889 33.432 15.7876 32.6886 17.0666L26.4535 27.8981C25.7114 29.1834 24.3404 29.9755 22.8563 29.9765H16.6212L24.3751 15.9954C24.7223 15.3688 24.7223 14.6076 24.3751 13.981L16.6212 0H22.8563C24.3404 0.000951174 25.7114 0.793093 26.4535 2.07837Z" fill="url(#paint3_linear_1_1095)"/>
+								<path d="M22.5364 29.9285L16.3812 29.9844L23.8314 15.9315C24.1696 15.2969 24.1696 14.5356 23.8314 13.9011L16.3812 0H17.7881L25.606 13.8371C25.9829 14.5023 25.9799 15.3172 25.598 15.9794C23.9154 18.9037 22.2447 21.8348 20.5859 24.7725C19.0671 27.4424 19.7226 29.1611 22.5364 29.9285Z" fill="url(#paint4_linear_1_1095)"/>
+								<path d="M10.3859 29.9765C9.74642 29.9765 9.10692 29.8246 8.54736 29.5528L16.2373 15.6837C16.4771 15.252 16.4771 14.7244 16.2373 14.2928L8.54736 0.431661C9.11898 0.148616 9.74806 0.000917161 10.3859 0H16.621L24.3749 13.981C24.7221 14.6076 24.7221 15.3688 24.3749 15.9954L16.621 29.9765H10.3859Z" fill="url(#paint5_linear_1_1095)"/>
+								<path opacity="0.6" d="M23.8316 14.2928L15.9019 0H16.6213L24.3752 13.981C24.7223 14.6076 24.7223 15.3688 24.3752 15.9954L16.6213 29.9765H15.9019L23.8316 15.6837C24.0714 15.252 24.0714 14.7244 23.8316 14.2928Z" fill="url(#paint6_linear_1_1095)"/>
+								<path opacity="0.6" d="M16.2373 14.2928L8.54736 0.431691C8.78717 0.303792 9.07495 0.207867 9.34674 0.12793C11.0414 3.17354 13.5434 7.79391 16.8608 13.981C17.208 14.6077 17.208 15.3689 16.8608 15.9955L9.22683 29.8166C8.95504 29.7367 8.81116 29.6807 8.55536 29.5608L16.2293 15.6917C16.4691 15.26 16.4691 14.7325 16.2293 14.3008L16.2373 14.2928Z" fill="url(#paint7_linear_1_1095)"/>
+								<defs>
+									<linearGradient id="paint0_linear_1_1095" x1="6.23181" y1="29.5528" x2="-6.53524" y2="9.02026" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#EB6F07"/>
+										<stop offset="1" stop-color="#FAB743"/>
+									</linearGradient>
+									<linearGradient id="paint1_linear_1_1095" x1="10.1907" y1="27.0145" x2="3.61711" y2="20.2538" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#D96504"/>
+										<stop offset="1" stop-color="#D96504" stop-opacity="0"/>
+									</linearGradient>
+									<linearGradient id="paint2_linear_1_1095" x1="8.02263" y1="1.13474" x2="11.5026" y2="6.7248" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#EB6F07"/>
+										<stop offset="1" stop-color="#EB720A" stop-opacity="0"/>
+									</linearGradient>
+									<linearGradient id="paint3_linear_1_1095" x1="24.9337" y1="29.9765" x2="13.5018" y2="6.15541" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#EE6F05"/>
+										<stop offset="1" stop-color="#FAB743"/>
+									</linearGradient>
+									<linearGradient id="paint4_linear_1_1095" x1="13.2255" y1="29.9844" x2="31.5289" y2="25.3388" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#D96504" stop-opacity="0.8"/>
+										<stop offset="0.498" stop-color="#D96504" stop-opacity="0.2"/>
+										<stop offset="1" stop-color="#D96504" stop-opacity="0"/>
+									</linearGradient>
+									<linearGradient id="paint5_linear_1_1095" x1="16.5913" y1="29.9765" x2="4.9261" y2="6.45427" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#FFA95F"/>
+										<stop offset="1" stop-color="#FFEBC8"/>
+									</linearGradient>
+									<linearGradient id="paint6_linear_1_1095" x1="16.6093" y1="0.329741" x2="26.3374" y2="1.85911" gradientUnits="userSpaceOnUse">
+										<stop stop-color="white" stop-opacity="0.5"/>
+										<stop offset="1" stop-color="white" stop-opacity="0.1"/>
+									</linearGradient>
+									<linearGradient id="paint7_linear_1_1095" x1="7.37275" y1="31.0635" x2="19.397" y2="29.2922" gradientUnits="userSpaceOnUse">
+										<stop stop-color="white" stop-opacity="0.5"/>
+										<stop offset="1" stop-color="white" stop-opacity="0.1"/>
+									</linearGradient>
+								</defs>
+							</svg>
+							Cloudflare
+						</span>
+						<span class="logo-item">
+							<svg viewBox="0 0 30 30" width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: block; transform: scale(var(--logo-scale, 1))">
+								<g clip-path="url(#clip0_45_15323)">
+									<path d="M30 0H0V30H30V0Z" fill="url(#paint0_linear_45_15323)"/>
+									<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5028 24.75H5.84652L10.9963 13.986L13.3298 18.7897L10.5028 24.75ZM11.3324 12.9574C11.2692 12.828 11.1377 12.7459 10.9941 12.7459H10.993C10.8483 12.7462 10.7167 12.8291 10.6547 12.9592L4.91173 24.9634C4.8561 25.0796 4.86399 25.2161 4.93315 25.3252C5.00156 25.434 5.12184 25.5 5.25077 25.5H10.7408C10.8862 25.5 11.0181 25.4164 11.0805 25.2855L14.0864 18.948C14.1349 18.8453 14.1345 18.7264 14.0845 18.6244L11.3324 12.9574ZM24.3733 24.75H19.747L12.3251 9.21375C12.263 9.08325 12.1307 9 11.9856 9H8.95874L8.96213 5.25H14.8949L22.2827 20.7859C22.3447 20.9164 22.477 21 22.6221 21H24.3733V24.75ZM24.7491 20.25H22.86L15.4722 4.71413C15.4102 4.58363 15.2779 4.5 15.1324 4.5H8.58663C8.37952 4.5 8.21113 4.66762 8.21076 4.87462L8.20662 9.37463C8.20662 9.47438 8.24571 9.56963 8.31675 9.64013C8.38704 9.71063 8.48251 9.75 8.5825 9.75H11.7485L19.1708 25.2863C19.2332 25.4167 19.3648 25.5 19.5098 25.5H24.7491C24.957 25.5 25.125 25.332 25.125 25.125V20.625C25.125 20.418 24.957 20.25 24.7491 20.25Z" fill="white"/>
+								</g>
+								<defs>
+									<linearGradient id="paint0_linear_45_15323" x1="0" y1="30" x2="30" y2="0" gradientUnits="userSpaceOnUse">
+										<stop stop-color="#C8511B"/>
+										<stop offset="1" stop-color="#FF9900"/>
+									</linearGradient>
+									<clipPath id="clip0_45_15323">
+										<rect width="30" height="30" fill="white"/>
+									</clipPath>
+								</defs>
+							</svg>
+							AWS Lambda
+						</span>
+					</div>
+					<a class="button" href="https://format.dev/docs/studio/deployment/overview" target="_blank" rel="noopener noreferrer">Explore deployment<svg class="button-icon" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></a>
+				</div>
+			</li>
+		</template>
+	</ol>
+</template>