@wix/design-system-illustrations 2.14.0 → 2.15.0

package/src/RevealScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.5" d="M34.877 22.9758C35.4958 22.6185 36.2582 22.6185 36.877 22.9758L46.1353 28.3211C46.7541 28.6784 47.1353 29.3386 47.1353 30.0531V40.7437C47.1353 41.4583 46.7541 42.1185 46.1353 42.4758L36.877 47.8211C36.2582 48.1784 35.4958 48.1784 34.877 47.8211L25.6186 42.4758C24.9998 42.1185 24.6186 41.4583 24.6186 40.7437V30.0531C24.6186 29.3386 24.9998 28.6784 25.6186 28.3211L34.877 22.9758Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/>
 <mask id="mask0_676_20070" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="31" y="19" width="22" height="33">
 <rect x="31.9883" y="19.7344" width="20.2305" height="31.3274" fill="#002291"/>
 </mask>
@@ -45,4 +45,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/RevealSection.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="15.8184" y="26.0742" width="32" height="19.78" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_20869)">
 <rect x="15.8184" y="26.0742" width="32" height="19.78" rx="2" fill="#002291"/>
@@ -48,4 +48,4 @@
 <path d="M15.8184 28.0742C15.8184 26.9696 16.7138 26.0742 17.8184 26.0742L45.8184 26.0742C46.9229 26.0742 47.8184 26.9696 47.8184 28.0742L47.8184 39.6342L15.8184 39.6342L15.8184 28.0742Z" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/RotateClick.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><rect width="34.7209" height="16" rx="8" transform="matrix(0.654675 -0.75591 -0.75591 -0.654675 27.2542 54.3594)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><rect width="34.1904" height="16" rx="8" transform="matrix(0.898661 -0.438643 -0.438643 -0.898661 20.7183 50.6875)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 16.073 44)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M55.7217 39.9657C54.8998 42.8097 53.3317 44.9567 51.9769 46.3885C51.2987 47.1053 50.6707 47.6466 50.2104 48.0097C49.9801 48.1913 49.791 48.3285 49.6583 48.4215C49.5921 48.4679 49.54 48.5039 49.5035 48.5282C49.4855 48.5401 49.4711 48.549 49.461 48.5555C49.4561 48.5587 49.4516 48.5613 49.4486 48.5631C49.4472 48.5641 49.4457 48.5655 49.4448 48.5661L49.4435 48.5668C49.4434 48.5669 49.4432 48.5668 49.1764 48.1439C48.9366 47.7639 48.9127 47.7252 48.9102 47.7214L48.9105 47.7205C48.9119 47.7196 48.9145 47.7185 48.9177 47.7165C48.9246 47.712 48.9356 47.7043 48.9505 47.6944C48.9803 47.6746 49.0257 47.6444 49.0847 47.6031C49.203 47.5201 49.3764 47.3935 49.5904 47.2247C50.0193 46.8865 50.6108 46.3777 51.2503 45.7018C52.5313 44.3481 53.9959 42.3356 54.761 39.6881C55.5247 37.0449 55.2978 34.7819 54.8828 33.181C54.6752 32.38 54.4208 31.7455 54.2197 31.3141C54.1193 31.0987 54.0321 30.9342 53.9716 30.8257C53.9414 30.7715 53.9182 30.7309 53.9027 30.7051C53.895 30.6923 53.8886 30.6832 53.8852 30.6777C53.8836 30.6752 53.8834 30.6729 53.8828 30.6719C53.8865 30.6698 53.9232 30.6461 54.3034 30.4021C54.6906 30.1535 54.7213 30.1336 54.7239 30.1323L54.7248 30.1325L54.7275 30.1374C54.7294 30.1403 54.7321 30.1449 54.7351 30.1497C54.7412 30.1595 54.7496 30.1732 54.7599 30.1905C54.7807 30.225 54.8098 30.2744 54.8454 30.3381C54.9167 30.466 55.0144 30.652 55.1258 30.8908C55.3485 31.3687 55.6257 32.0614 55.8509 32.9301C56.3015 34.6687 56.5446 37.1177 55.7217 39.9657Z" fill="url(#paint0_linear_676_19520)"/>
 <path d="M54.1168 29.937C54.2597 29.8796 54.421 29.8914 54.5542 29.9687L57.6892 31.7902L57.1867 32.6548L54.6047 31.1543L53.8065 33.9198L52.8465 33.6419L53.8229 30.2621L53.8663 30.1568C53.9216 30.058 54.0097 29.98 54.1168 29.937Z" fill="#002296"/>
 <g opacity="0.25">
@@ -68,4 +68,4 @@
 <rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 16.073 44)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/RotateHover.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="20.4438" y="36" width="22" height="22" rx="1.64402" transform="rotate(-45 20.4438 36)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><rect x="47" y="25" width="22" height="22" rx="1.63259" transform="rotate(90 47 25)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19699)">
 <rect x="20.4438" y="36" width="22" height="22" rx="1.64402" transform="rotate(-45 20.4438 36)" fill="#002291"/>
@@ -53,4 +53,4 @@
 <rect x="47" y="25" width="22" height="22" rx="1.63259" transform="rotate(90 47 25)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/RotateSection.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><g clip-path="url(#wash_0_clippath)"><rect x="25.4961" y="21.0156" width="32" height="17.7778" rx="2" transform="rotate(25.9191 25.4961 21.0156)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g clip-path="url(#wash_0_clippath)"><path d="M31.3633 8.9375L82.8581 33.9633L69.2021 62.0629L17.7072 37.0372L31.3633 8.9375Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g clip-path="url(#wash_1_clippath)"><rect x="20" y="27.1172" width="32" height="17.7778" rx="2" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.25"><g clip-path="url(#wash_1_clippath)"><path d="M20 6.02344L77.2539 6.02344L77.2539 44.9334L20 44.9333L20 6.02344Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
 <path d="M36.4229 58.7344C39.7752 58.7344 42.6046 57.7033 44.5898 56.6787C45.5835 56.1659 46.3695 55.6523 46.9092 55.2656C47.179 55.0723 47.3878 54.9107 47.5303 54.7959C47.6015 54.7385 47.6567 54.6921 47.6943 54.6602C47.7129 54.6444 47.7272 54.6318 47.7373 54.623C47.7424 54.6186 47.7471 54.6158 47.75 54.6133C47.7515 54.612 47.752 54.6102 47.7529 54.6094L47.7539 54.6084L47.7549 54.6084L47.0908 53.8603L47.0898 53.8613C47.0884 53.8626 47.0855 53.8651 47.082 53.8682C47.0748 53.8745 47.0626 53.8851 47.0469 53.8984C47.0154 53.9251 46.9673 53.965 46.9033 54.0166C46.7743 54.1205 46.5806 54.2715 46.3271 54.4531C45.82 54.8165 45.0747 55.3029 44.1309 55.79C42.2411 56.7654 39.5705 57.7344 36.4229 57.7344C33.2796 57.7344 30.8666 56.7684 29.2402 55.8047C28.4266 55.3225 27.8107 54.8405 27.4004 54.4824C27.1956 54.3037 27.042 54.1562 26.9414 54.0547C26.8911 54.004 26.8538 53.964 26.8301 53.9385C26.8184 53.9259 26.8098 53.9168 26.8047 53.9111C26.8021 53.9083 26.7997 53.9063 26.7988 53.9053L26.4229 54.2344L26.0469 54.5645L26.0488 54.5654C26.0496 54.5664 26.0505 54.5679 26.0518 54.5693C26.0543 54.5722 26.0574 54.5764 26.0615 54.5811C26.07 54.5905 26.0824 54.6037 26.0977 54.6201C26.1283 54.6531 26.1727 54.6995 26.2305 54.7578C26.3467 54.8751 26.5176 55.0403 26.7422 55.2363C27.1912 55.6282 27.8568 56.1463 28.7305 56.6641C30.4791 57.7003 33.0662 58.7344 36.4229 58.7344Z" fill="url(#paint0_linear_676_22455)"/>
 <path d="M26.0257 53.9241C25.931 54.0454 25.8974 54.2037 25.9347 54.3531L26.935 58.353L27.9051 58.1102L27.0597 54.7308L30.4198 54.7312L30.4194 53.7319L26.4196 53.732L26.3064 53.7445C26.1962 53.7701 26.0967 53.8331 26.0257 53.9241Z" fill="#002296"/>
 <path d="M35.9365 13.2656C32.5842 13.2656 29.7548 14.2967 27.7695 15.3213C26.7759 15.8341 25.9899 16.3477 25.4502 16.7344C25.1804 16.9277 24.9716 17.0893 24.8291 17.2041C24.7578 17.2615 24.7027 17.3079 24.665 17.3398C24.6464 17.3556 24.6322 17.3682 24.6221 17.377C24.617 17.3814 24.6123 17.3842 24.6094 17.3867C24.6079 17.388 24.6073 17.3898 24.6064 17.3906L24.6055 17.3916L24.6045 17.3916L25.2686 18.1397L25.2695 18.1387C25.271 18.1374 25.2738 18.1349 25.2773 18.1318C25.2846 18.1255 25.2968 18.1149 25.3125 18.1016C25.3439 18.0749 25.3921 18.035 25.4561 17.9834C25.585 17.8795 25.7788 17.7284 26.0322 17.5469C26.5394 17.1835 27.2847 16.6971 28.2285 16.21C30.1183 15.2346 32.7889 14.2656 35.9365 14.2656C39.0798 14.2656 41.4928 15.2316 43.1191 16.1953C43.9328 16.6775 44.5486 17.1595 44.959 17.5176C45.1638 17.6963 45.3174 17.8438 45.418 17.9453C45.4682 17.996 45.5056 18.036 45.5293 18.0615C45.541 18.0741 45.5496 18.0832 45.5547 18.0889C45.5573 18.0917 45.5597 18.0937 45.5605 18.0947L45.9365 17.7656L46.3125 17.4355L46.3105 17.4346C46.3097 17.4336 46.3089 17.4321 46.3076 17.4307C46.3051 17.4278 46.302 17.4236 46.2979 17.4189C46.2894 17.4095 46.277 17.3963 46.2617 17.3799C46.2311 17.3469 46.1866 17.3005 46.1289 17.2422C46.0127 17.1249 45.8418 16.9597 45.6172 16.7637C45.1682 16.3718 44.5026 15.8537 43.6289 15.3359C41.8802 14.2997 39.2932 13.2656 35.9365 13.2656Z" fill="url(#paint1_linear_676_22455)"/>
@@ -52,5 +52,5 @@
 <clipPath id="clip1_676_22455">
 <rect x="20" y="27.1094" width="32" height="17.7778" rx="2" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect x="25.4961" y="21.0156" width="32" height="17.7778" rx="2" transform="rotate(25.9191 25.4961 21.0156)" fill="white"/></clipPath><clipPath id="wash_1_clippath"><rect x="20" y="27.1172" width="32" height="17.7778" rx="2" fill="white"/></clipPath></defs>
+</svg>

package/src/RubberMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><ellipse cx="26.9956" cy="36.0005" rx="13.6665" ry="9.93799" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><ellipse cx="30.5142" cy="35.9988" rx="13.6665" ry="11.7253" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><ellipse cx="44.2534" cy="36.0005" rx="13.6665" ry="9.93799" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><ellipse cx="41.0698" cy="35.9988" rx="13.6665" ry="11.7253" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.25">
 <mask id="mask0_676_20526" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="13" y="26" width="28" height="20">
 <ellipse cx="26.9956" cy="36.0005" rx="13.6665" ry="9.93799" fill="#D9D9D9"/>
@@ -116,4 +116,4 @@
 <stop offset="0.692331" stop-color="#002296"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/ScrollEffectsDisappear.svg

@@ -1,4 +1,4 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><rect width="64" height="44" transform="translate(23 33)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g clip-path="url(#clip0_676_22231)">
 <g opacity="0.5">
 <g clip-path="url(#clip1_676_22231)">
@@ -93,5 +93,5 @@
 <clipPath id="clip5_676_22231">
 <rect x="60" y="43" width="5" height="5" rx="2.5" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect x="23" y="33" width="64" height="44" rx="3" fill="white"/></clipPath></defs>
+</svg>

package/src/ScrollEffectsFadeOut.svg

@@ -1,4 +1,4 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><rect width="64" height="44" transform="translate(23 33)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g clip-path="url(#clip0_676_22198)">
 <g opacity="0.5">
 <g clip-path="url(#clip1_676_22198)">
@@ -86,5 +86,5 @@
 <clipPath id="clip4_676_22198">
 <rect x="60" y="53" width="5" height="5" rx="2.5" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect x="23" y="33" width="64" height="44" rx="3" fill="white"/></clipPath></defs>
+</svg>

package/src/ScrollEffectsMoveWithPage.svg

@@ -1,4 +1,4 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><g opacity="0.5"><rect x="23" y="33" width="64" height="44" rx="3" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
 <g clip-path="url(#clip0_676_22265)">
 <g opacity="0.5">
 <g clip-path="url(#clip1_676_22265)">
@@ -96,5 +96,5 @@
 <clipPath id="clip5_676_22265">
 <rect x="60" y="47" width="5" height="5" rx="2.5" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect x="23" y="33" width="64" height="44" rx="3" fill="white"/></clipPath></defs>
+</svg>

package/src/ScrollEffectsStayFixed.svg

@@ -1,4 +1,4 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><g opacity="0.5"><rect x="23" y="33" width="64" height="44" rx="3" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
 <g clip-path="url(#clip0_676_22299)">
 <g opacity="0.5">
 <g clip-path="url(#clip1_676_22299)">
@@ -77,5 +77,5 @@
 <clipPath id="clip4_676_22299">
 <rect x="60" y="53" width="5" height="5" rx="2.5" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect x="23" y="33" width="64" height="44" rx="3" fill="white"/></clipPath></defs>
+</svg>

package/src/ShapeScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.9997 22.5774C35.6185 22.2201 36.3809 22.2201 36.9997 22.5774L47.1239 28.4225C47.7427 28.7798 48.1239 29.44 48.1239 30.1546V41.8449C48.1239 42.5594 47.7427 43.2197 47.1239 43.577L36.9997 49.4221C36.3809 49.7794 35.6185 49.7794 34.9997 49.4221L24.8756 43.577C24.2568 43.2197 23.8756 42.5594 23.8756 41.8449V30.1546C23.8756 29.44 24.2568 28.7798 24.8756 28.4225L34.9997 22.5774Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/>
 <g opacity="0.5">
 <mask id="mask0_676_23222" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="22" width="26" height="28">
 <path d="M35 22.5774C35.6188 22.2201 36.3812 22.2201 37 22.5774L47.1244 28.4226C47.7432 28.7799 48.1244 29.4402 48.1244 30.1547V41.8453C48.1244 42.5598 47.7432 43.2201 47.1244 43.5774L37 49.4226C36.3812 49.7799 35.6188 49.7799 35 49.4226L24.8756 43.5774C24.2568 43.2201 23.8756 42.5598 23.8756 41.8453V30.1547C23.8756 29.4402 24.2568 28.7799 24.8756 28.4226L35 22.5774Z" fill="#002294"/>
@@ -44,4 +44,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/Shrink.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><rect x="21.8579" y="36" width="20" height="20" rx="2" transform="rotate(-45 21.8579 36)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M51.5194 20.9688L45.5194 26.9689L44.8123 26.2618L50.8123 20.2617L51.5194 20.9688Z" fill="url(#paint0_linear_676_19318)"/>
 <path d="M44.8125 26.9687C44.7076 26.8638 44.6548 26.7179 44.6682 26.5702L45.0217 22.6811L46.0175 22.7709L45.7178 26.0634L49.0102 25.7637L49.1 26.7594L45.2109 27.113L45.1011 27.1109C44.9929 27.0967 44.8911 27.0473 44.8125 26.9687Z" fill="#002296"/>
 <path d="M20.3782 20.9688L26.3782 26.9689L27.0853 26.2618L21.0853 20.2617L20.3782 20.9688Z" fill="url(#paint1_linear_676_19318)"/>
@@ -86,4 +86,4 @@
 <rect x="29.9998" y="36" width="8.48581" height="8.48581" rx="2" transform="rotate(-45 29.9998 36)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ShrinkClick.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="18" height="30" rx="9" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 50.9998 45.0547)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19474)">
 <rect width="18" height="30" rx="9" transform="matrix(6.2438e-08 -1 -1 -6.2438e-08 51.0003 45.0547)" fill="#002291"/>
@@ -86,4 +86,4 @@
 <rect width="6" height="17" rx="3" transform="matrix(6.2438e-08 -1 -1 -6.2438e-08 44.5004 39)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ShrinkHover.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><rect x="25" y="25" width="22" height="22" rx="2.21746" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M54.2082 18.2305L48.2082 24.2306L47.501 23.5235L53.5011 17.5234L54.2082 18.2305Z" fill="url(#paint0_linear_676_19654)"/>
 <path d="M47.5012 24.2304C47.3964 24.1255 47.3436 23.9796 47.3569 23.8319L47.7104 19.9429L48.7062 20.0326L48.4065 23.3251L51.699 23.0254L51.7887 24.0212L47.8996 24.3747L47.7898 24.3726C47.6816 24.3585 47.5798 24.309 47.5012 24.2304Z" fill="#002296"/>
 <path d="M17.7945 18.2305L23.7945 24.2306L24.5016 23.5235L18.5016 17.5234L17.7945 18.2305Z" fill="url(#paint1_linear_676_19654)"/>
@@ -86,4 +86,4 @@
 <rect x="31.7933" y="31.793" width="8.41385" height="8.41385" rx="1.10873" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ShrinkScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M46.0947 29.0172C46.7135 29.3745 47.0947 30.0347 47.0947 30.7493L47.0947 41.2507C47.0947 41.9653 46.7135 42.6255 46.0947 42.9828L37.0001 48.2335C36.3813 48.5908 35.6189 48.5908 35.0001 48.2335L25.9055 42.9828C25.2867 42.6255 24.9055 41.9653 24.9055 41.2507L24.9055 30.7493C24.9055 30.0347 25.2867 29.3745 25.9055 29.0172L35.0001 23.7665C35.6189 23.4092 36.3813 23.4092 37.0001 23.7665L46.0947 29.0172Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M50.8916 19.3907L44.8916 25.3908L44.1845 24.6836L50.1845 18.6836L50.8916 19.3907Z" fill="url(#paint0_linear_676_19869)"/>
 <path d="M44.1846 25.3905C44.0798 25.2857 44.027 25.1398 44.0403 24.9921L44.3938 21.103L45.3896 21.1928L45.0899 24.4853L48.3824 24.1856L48.4721 25.1813L44.583 25.5349L44.4733 25.5328C44.365 25.5186 44.2632 25.4692 44.1846 25.3905Z" fill="#002296"/>
 <path d="M20.3089 19.3907L26.3089 25.3908L27.016 24.6836L21.016 18.6836L20.3089 19.3907Z" fill="url(#paint1_linear_676_19869)"/>
@@ -86,4 +86,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/Shuffle.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M35.5707 41.1C34.8507 41.1 34.184 40.92 33.5707 40.56C32.9574 40.2 32.464 39.7 32.0907 39.06C31.7307 38.4067 31.5507 37.6467 31.5507 36.78C31.5507 35.9 31.7307 35.14 32.0907 34.5C32.464 33.8467 32.9574 33.34 33.5707 32.98C34.184 32.62 34.8574 32.44 35.5907 32.44C36.644 32.44 37.464 32.8533 38.0507 33.68V32.7H40.7707V37.2C40.7707 38.12 41.1174 38.58 41.8107 38.58C42.6907 38.58 43.1307 37.8067 43.1307 36.26C43.1307 35.0733 42.864 34.0133 42.3307 33.08C41.7974 32.1333 41.0574 31.3867 40.1107 30.84C39.1774 30.28 38.0974 30 36.8707 30C35.9107 30 35.0107 30.1733 34.1707 30.52C33.3307 30.8667 32.5974 31.3467 31.9707 31.96C31.344 32.5733 30.8507 33.2933 30.4907 34.12C30.144 34.9467 29.9707 35.84 29.9707 36.8C29.9707 37.6933 30.1374 38.5333 30.4707 39.32C30.804 40.0933 31.264 40.78 31.8507 41.38C32.4507 41.9667 33.1507 42.4267 33.9507 42.76C34.764 43.0933 35.644 43.26 36.5907 43.26C37.4974 43.26 38.324 43.1133 39.0707 42.82C39.8174 42.5267 40.4174 42.14 40.8707 41.66L42.6907 44C42.3307 44.32 41.8507 44.62 41.2507 44.9C40.6507 45.1933 39.9574 45.4267 39.1707 45.6C38.384 45.7867 37.5374 45.88 36.6307 45.88C35.2707 45.88 34.0107 45.6467 32.8507 45.18C31.704 44.7267 30.704 44.0867 29.8507 43.26C28.9974 42.4333 28.3307 41.4667 27.8507 40.36C27.384 39.2533 27.1507 38.0533 27.1507 36.76C27.1507 35.4267 27.3974 34.1933 27.8907 33.06C28.384 31.9133 29.0707 30.92 29.9507 30.08C30.8307 29.2267 31.864 28.5667 33.0507 28.1C34.2374 27.62 35.5174 27.38 36.8907 27.38C38.1974 27.38 39.3974 27.6133 40.4907 28.08C41.5974 28.5333 42.5574 29.1667 43.3707 29.98C44.184 30.78 44.8174 31.7067 45.2707 32.76C45.724 33.8133 45.9507 34.9333 45.9507 36.12C45.9507 37.6933 45.5574 38.92 44.7707 39.8C43.9974 40.6667 42.9107 41.1 41.5107 41.1C40.844 41.1 40.2574 40.9733 39.7507 40.72C39.244 40.4667 38.8507 40.1133 38.5707 39.66C38.2374 40.1133 37.8107 40.4667 37.2907 40.72C36.7707 40.9733 36.1974 41.1 35.5707 41.1ZM34.3307 36.78C34.3307 37.3933 34.5107 37.9 34.8707 38.3C35.2307 38.7 35.7107 38.9 36.3107 38.9C36.724 38.9 37.0707 38.8067 37.3507 38.62C37.644 38.4333 37.8707 38.1933 38.0307 37.9C38.0307 37.82 38.0307 37.7333 38.0307 37.64V36.7C38.0307 36.0467 37.864 35.54 37.5307 35.18C37.1974 34.82 36.7574 34.64 36.2107 34.64C35.6374 34.64 35.1774 34.84 34.8307 35.24C34.4974 35.64 34.3307 36.1533 34.3307 36.78Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
 <path d="M16.0941 44.0002H12.6541V29.7002H16.0941V35.2602H21.9341V29.7002H25.3741V44.0002H21.9341V38.1402H16.0941V44.0002Z" fill="#002291"/>
 <path d="M55.7669 44.0002H52.3269V38.5402L46.7469 29.7002H50.8269L54.0669 35.3202L57.3269 29.7002H61.3869L55.7669 38.5602V44.0002Z" fill="#002291"/>
 <mask id="mask0_676_17732" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="12" y="29" width="50" height="15">
@@ -43,4 +43,4 @@
 <stop offset="0.85" stop-color="#002297"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/Skew3DMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M11.5085 22.9452C11.1785 21.745 13.4265 21.745 15.164 22.9452L48.1922 45.7591C49.6429 46.7612 49.6469 47.8898 48.1997 47.8898H21.4449C19.9977 47.8898 18.0575 46.7612 17.7819 45.7591L11.5085 22.9452Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M29.6032 22.5367C29.8624 21.2309 31.8675 21.2309 33.1209 22.5367L54.8266 45.1501C56.022 46.3955 55.6333 47.9091 54.118 47.9091H27.9227C26.4074 47.9091 24.8664 46.3955 25.1136 45.1501L29.6032 22.5367Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M48.2816 22.3789C49.0514 21.0456 50.9759 21.0456 51.7457 22.3789L64.7361 44.8789C65.5059 46.2122 64.5437 47.8789 63.0041 47.8789H37.0233C35.4837 47.8789 34.5214 46.2122 35.2912 44.8789L48.2816 22.3789Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20815" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="22" width="39" height="26">
 <path d="M11.5089 22.9452C11.1789 21.745 13.4269 21.745 15.1644 22.9452L48.1927 45.7591C49.6434 46.7612 49.6473 47.8898 48.2001 47.8898H21.4453C19.9981 47.8898 18.0579 46.7612 17.7824 45.7591L11.5089 22.9452Z" fill="#D9D9D9"/>
@@ -83,4 +83,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/SkewClick.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><g clip-path="url(#wash_0_clippath)"><rect width="21.3286" height="42.6572" rx="10.6643" transform="matrix(0.475209 0.879873 -0.958188 -0.28614 51.3916 32.7734)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g clip-path="url(#wash_0_clippath)"><path d="M109.989 62.2734L94.9582 24.4437L3.58162 0.759439L18.6122 38.5892L109.989 62.2734Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g clip-path="url(#wash_1_clippath)"><rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 20.0798 44)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g clip-path="url(#wash_1_clippath)"><path d="M95.7649 44L95.7649 11.9941L20.08 11.9941L20.08 44L95.7649 44Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19502)">
 <rect width="21.3286" height="42.6572" rx="10.6643" transform="matrix(0.475209 0.879873 -0.958188 -0.28614 51.3918 32.7734)" fill="#002291"/>
@@ -40,5 +40,5 @@
 <clipPath id="clip1_676_19502">
 <rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 20.0801 44)" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect width="21.3286" height="42.6572" rx="10.6643" transform="matrix(0.475209 0.879873 -0.958188 -0.28614 51.3916 32.7734)" fill="white"/></clipPath><clipPath id="wash_1_clippath"><rect width="33" height="16" rx="8" transform="matrix(1 0 0 -1 20.0798 44)" fill="white"/></clipPath></defs>
+</svg>

package/src/SkewHover.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><rect width="30.2191" height="24.2961" rx="2" transform="matrix(1 0 0.424357 0.905495 15.7354 25)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19685)">
 <rect width="30.2191" height="24.2961" rx="2" transform="matrix(1 0 0.424357 0.905495 15.7354 25)" fill="#002291"/>
@@ -41,4 +41,4 @@
 <rect x="25.0537" y="25.0195" width="21.957" height="21.957" rx="2" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/SkewSection.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><rect width="32" height="17.7778" rx="2" transform="matrix(1 -2.18557e-08 -2.18557e-08 -1 20 44.8906)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M14.7158 28.4414L14.7158 18.2646L15.7158 18.2646L15.7158 28.4414L14.7158 28.4414Z" fill="url(#paint0_linear_676_20951)"/>
 <path d="M15.2158 17.7656C15.3641 17.7656 15.5046 17.8315 15.5996 17.9453L18.0996 20.9453L17.332 21.5859L15.2158 19.0459L13.0996 21.5859L12.332 20.9453L14.832 17.9453L14.9111 17.8691C14.9977 17.8026 15.1046 17.7656 15.2158 17.7656Z" fill="#002296"/>
 <path d="M57.2842 43.7422L57.2842 53.7383L56.2842 53.7383L56.2842 43.7422L57.2842 43.7422Z" fill="url(#paint1_linear_676_20951)"/>
@@ -53,4 +53,4 @@
 <rect x="20" y="27.1094" width="32" height="17.7778" rx="2" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/SlideAnimation.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="14" y="36.1426" width="20" height="20" rx="2" transform="rotate(-45 14 36.1426)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/><rect x="23" y="36.1426" width="20" height="20" rx="2" transform="rotate(-45 23 36.1426)" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/><rect x="32" y="36.1426" width="20" height="20" rx="2" transform="rotate(-45 32 36.1426)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
 <g opacity="0.25">
 <g clip-path="url(#clip0_676_17890)">
 <rect x="14" y="36.1426" width="20" height="20" rx="2" transform="rotate(-45 14 36.1426)" fill="#002291"/>
@@ -63,4 +63,4 @@
 <rect x="32" y="36.1426" width="20" height="20" rx="2" transform="rotate(-45 32 36.1426)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/SlideScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><path d="M32.8429 24.7422C33.5574 24.7422 34.2177 25.1234 34.5749 25.7422L39.9202 35.0005C40.2775 35.6193 40.2775 36.3817 39.9202 37.0005L34.5749 46.2588C34.2177 46.8777 33.5574 47.2588 32.8429 47.2588L22.1523 47.2588C21.4378 47.2588 20.7775 46.8776 20.4202 46.2588L15.0749 37.0005C14.7177 36.3817 14.7177 35.6193 15.0749 35.0005L20.4202 25.7422C20.7775 25.1234 21.4378 24.7422 22.1523 24.7422L32.8429 24.7422Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.75"><path d="M41.3448 24.7422C42.0594 24.7422 42.7196 25.1234 43.0769 25.7422L48.4222 35.0005C48.7795 35.6193 48.7795 36.3817 48.4222 37.0005L43.0769 46.2588C42.7196 46.8777 42.0594 47.2588 41.3448 47.2588L30.6542 47.2588C29.9397 47.2588 29.2795 46.8776 28.9222 46.2588L23.5769 37.0005C23.2196 36.3817 23.2196 35.6193 23.5769 35.0005L28.9222 25.7422C29.2795 25.1234 29.9397 24.7422 30.6542 24.7422L41.3448 24.7422Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.75"><path d="M49.8468 24.7422C50.5613 24.7422 51.2216 25.1234 51.5788 25.7422L56.9241 35.0005C57.2814 35.6193 57.2814 36.3817 56.9241 37.0005L51.5788 46.2588C51.2216 46.8777 50.5613 47.2588 49.8468 47.2588L39.1562 47.2588C38.4417 47.2588 37.7814 46.8776 37.4241 46.2588L32.0788 37.0005C31.7216 36.3817 31.7216 35.6193 32.0788 35.0005L37.4241 25.7422C37.7814 25.1234 38.4417 24.7422 39.1562 24.7422L49.8468 24.7422Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_19925" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="24" width="27" height="24">
 <path d="M32.8429 24.7422C33.5574 24.7422 34.2177 25.1234 34.5749 25.7422L39.9202 35.0005C40.2775 35.6193 40.2775 36.3817 39.9202 37.0005L34.5749 46.2588C34.2177 46.8777 33.5574 47.2588 32.8429 47.2588L22.1523 47.2588C21.4378 47.2588 20.7775 46.8776 20.4202 46.2588L15.0749 37.0005C14.7177 36.3817 14.7177 35.6193 15.0749 35.0005L20.4202 25.7422C20.7775 25.1234 21.4378 24.7422 22.1523 24.7422L32.8429 24.7422Z" fill="#002291"/>
@@ -60,4 +60,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/StretchScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><path d="M35 23.5774C35.6188 23.2201 36.3812 23.2201 37 23.5774L46.2583 28.9226C46.8771 29.2799 47.2583 29.9402 47.2583 30.6547V41.3453C47.2583 42.0598 46.8771 42.7201 46.2583 43.0774L37 48.4226C36.3812 48.7799 35.6188 48.7799 35 48.4226L25.7417 43.0774C25.1229 42.7201 24.7417 42.0598 24.7417 41.3453V30.6547C24.7417 29.9402 25.1229 29.2799 25.7417 28.9226L35 23.5774Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M58.1273 36L49.642 36" stroke="url(#paint0_linear_676_20186)" stroke-miterlimit="10"/>
 <path d="M52.6424 38.5L49.6424 36L52.6424 33.5" stroke="#002296" stroke-linejoin="round"/>
 <path d="M13.8727 36L22.358 36" stroke="url(#paint1_linear_676_20186)" stroke-miterlimit="10"/>
@@ -51,4 +51,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/Swap.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_1_clippath)"><g mask="url(#wash_0_mask)"><rect width="41.7391" height="22.7368" transform="matrix(-1 0 0 1 40.2173 24.5781)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g></g>
 <g clip-path="url(#clip0_676_17528)">
 <g opacity="0.5">
 <mask id="mask0_676_17528" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="26" width="24" height="18">
@@ -67,5 +67,5 @@
 <clipPath id="clip0_676_17528">
 <rect width="72" height="72" fill="white"/>
 </clipPath>
-</defs>
-</svg>
+<mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="26" width="24" height="18"><path d="M35 29.7431C35 28.6995 34.1977 27.8314 33.1574 27.7493L13.1574 26.1703C11.9944 26.0785 11 26.9975 11 28.1641V41.8359C11 43.0025 11.9944 43.9215 13.1574 43.8297L33.1574 42.2507C34.1977 42.1686 35 41.3005 35 40.2569V29.7431Z" fill="url(#paint0_linear_543_18598)"/></mask><clipPath id="wash_1_clippath"><rect width="72" height="72" fill="white"/></clipPath></defs>
+</svg>

package/src/SwingLoop.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="13.5459" y="16.3828" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="22" y="19.3828" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="30.4541" y="16.418" width="28" height="28" rx="14" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_20371)">
 <rect x="13.5459" y="16.3789" width="28" height="28" rx="14" fill="#002291"/>
@@ -94,4 +94,4 @@
 <rect x="30.4541" y="16.4141" width="28" height="28" rx="14" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/SwivelMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><path d="M34.2679 24.4727C35.0377 23.1393 36.9622 23.1393 37.732 24.4727L50.7224 46.9727C51.4922 48.306 50.53 49.9727 48.9904 49.9727H23.0096C21.47 49.9727 20.5078 48.306 21.2776 46.9727L34.2679 24.4727Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20843" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="21" y="23" width="30" height="27">
 <path d="M34.2679 24.4727C35.0377 23.1393 36.9622 23.1393 37.732 24.4727L50.7224 46.9727C51.4922 48.306 50.53 49.9727 48.9904 49.9727H23.0096C21.47 49.9727 20.5078 48.306 21.2776 46.9727L34.2679 24.4727Z" fill="#D9D9D9"/>
@@ -83,4 +83,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/TiltAnimation.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_0_clippath)"><path d="M21.2977 36.7832C21.4975 36.2847 21.8893 35.8875 22.385 35.681L50.8159 23.8348C52.4517 23.1532 54.1002 24.7784 53.4421 26.4237L49.9221 35.2236C49.7225 35.7227 49.3304 36.1204 48.8342 36.3271L20.3974 48.1722C18.7612 48.8538 17.1126 47.2274 17.7719 45.582L21.2977 36.7832Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g><g clip-path="url(#wash_0_clippath)"><path d="M22.06 37.5062C21.796 36.6241 22.1683 35.6757 22.9619 35.2089L43.2132 23.2964C44.3313 22.6386 45.7701 23.203 46.1428 24.4455L49.1594 34.5006C49.4241 35.3832 49.0517 36.3324 48.2574 36.7994L27.9989 48.7112C26.8803 49.3689 25.4412 48.8038 25.0691 47.5606L22.06 37.5062Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g><g clip-path="url(#wash_0_clippath)"><path d="M34.192 23.4096L23.0197 34.5819C22.2386 35.3629 22.2386 36.6293 23.0197 37.4103L34.192 48.5826C34.973 49.3636 36.2393 49.3636 37.0204 48.5826L48.1927 37.4103C48.9737 36.6293 48.9737 35.3629 48.1927 34.5819L37.0204 23.4096C36.2393 22.6285 34.973 22.6285 34.192 23.4096Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g>
 <g clip-path="url(#clip0_676_17992)">
 <g opacity="0.25">
 <path d="M21.2977 36.7793C21.4975 36.2808 21.8893 35.8836 22.385 35.6771L50.8159 23.8309C52.4517 23.1493 54.1002 24.7745 53.4421 26.4198L49.9221 35.2197C49.7225 35.7188 49.3304 36.1165 48.8342 36.3232L20.3974 48.1683C18.7612 48.8499 17.1126 47.2235 17.7719 45.5781L21.2977 36.7793Z" fill="#002291"/>
@@ -66,5 +66,5 @@
 <clipPath id="clip0_676_17992">
 <rect width="39.21" height="28" fill="white" transform="translate(16 22)"/>
 </clipPath>
-</defs>
-</svg>
+<clipPath id="wash_0_clippath"><rect width="39.21" height="28" fill="white" transform="translate(16 22)"/></clipPath></defs>
+</svg>

package/src/TiltEntrance.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="17.8579" y="51.5" width="20" height="20" rx="2" transform="rotate(-90 17.8579 51.5)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="19.8579" y="41.8867" width="20" height="20" rx="2" transform="rotate(-66.8303 19.8579 41.8867)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="25.8579" y="34.6406" width="20" height="20" rx="2" transform="rotate(-45 25.8579 34.6406)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.25">
 <g clip-path="url(#clip0_676_19366)">
 <rect x="17.8578" y="51.5" width="20" height="20" rx="2" transform="rotate(-90 17.8578 51.5)" fill="#002291"/>
@@ -63,4 +63,4 @@
 <rect x="25.8578" y="34.6445" width="20" height="20" rx="2" transform="rotate(-45 25.8578 34.6445)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/TiltScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M40.6908 24.2259C41.3977 24.1213 42.1066 24.4017 42.5506 24.9615L50.9718 35.5794C51.4158 36.1392 51.5274 36.8934 51.2646 37.5578L46.2799 50.1597C46.0171 50.8241 45.4197 51.2979 44.7129 51.4025L31.307 53.3865C30.6002 53.4911 29.8912 53.2107 29.4472 52.6509L21.026 42.033C20.582 41.4732 20.4704 40.719 20.7332 40.0546L25.718 27.4527C25.9808 26.7883 26.5781 26.3145 27.2849 26.2099L40.6908 24.2259Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M22.7248 19.7236C20.1294 21.8454 18.5914 24.4345 17.703 26.4843C17.2583 27.5102 16.9748 28.4054 16.8017 29.0463C16.7152 29.3667 16.6558 29.624 16.6182 29.803C16.5994 29.8926 16.586 29.9635 16.5771 30.012C16.5727 30.036 16.5696 30.0547 16.5673 30.0679C16.5662 30.0745 16.5643 30.0797 16.5637 30.0835C16.5633 30.0854 16.5641 30.0872 16.5639 30.0884L16.5637 30.0897L16.563 30.0904L17.5506 30.2492L17.5507 30.2478C17.551 30.2459 17.5516 30.2422 17.5524 30.2376C17.554 30.2281 17.5567 30.2122 17.5605 30.1919C17.5679 30.1514 17.5799 30.09 17.5968 30.0096C17.6309 29.8474 17.6853 29.6079 17.7666 29.3069C17.9293 28.7046 18.1984 27.8563 18.6208 26.8818C19.4665 24.9306 20.9208 22.49 23.3577 20.4978C25.7913 18.5083 28.2708 17.7289 30.1399 17.4456C31.0751 17.3039 31.8569 17.2873 32.4012 17.3048C32.673 17.3136 32.8852 17.3306 33.0273 17.3455C33.0984 17.3529 33.1526 17.3602 33.1871 17.365C33.2041 17.3673 33.2165 17.3689 33.224 17.3701C33.2278 17.3707 33.2309 17.3707 33.2323 17.3709L33.3151 16.8781L33.3972 16.3846L33.3951 16.3851C33.3939 16.3849 33.3922 16.3842 33.3904 16.3839C33.3866 16.3833 33.3815 16.382 33.3754 16.381C33.3629 16.3791 33.3449 16.3767 33.3227 16.3737C33.2781 16.3675 33.2143 16.3597 33.1327 16.3511C32.9685 16.3339 32.7316 16.3141 32.4337 16.3045C31.838 16.2854 30.9948 16.3055 29.9907 16.4576C27.981 16.7622 25.3235 17.599 22.7248 19.7236Z" fill="url(#paint0_linear_676_20166)"/>
 <path d="M33.8151 16.8676C33.8116 16.7137 33.7374 16.5699 33.614 16.4779L30.3079 14.0142L29.7105 14.8162L32.504 16.8974L29.9023 19.0239L30.5351 19.7973L33.6317 17.2656L33.7114 17.1843C33.7805 17.0947 33.8177 16.983 33.8151 16.8676Z" fill="#002296"/>
 <g opacity="0.25">
@@ -45,4 +45,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/Track3DMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M11.2951 20.5301C11.2951 18.8166 13.3091 17.8965 14.6044 19.0183L40.1488 41.1406C41.5486 42.3528 40.6912 44.6524 38.8395 44.6524H13.2949C12.1904 44.6524 11.2949 43.757 11.2949 42.6524L11.2951 20.5301Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M60.7047 20.5301C60.7046 18.8166 58.6906 17.8965 57.3953 19.0183L31.851 41.1406C30.4512 42.3528 31.3085 44.6524 33.1603 44.6524H58.7048C59.8094 44.6524 60.7048 43.757 60.7048 42.6524L60.7047 20.5301Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M34.2679 19.2305C35.0377 17.8971 36.9622 17.8971 37.732 19.2305L50.7224 41.7305C51.4922 43.0638 50.53 44.7305 48.9904 44.7305H23.0096C21.47 44.7305 20.5078 43.0638 21.2776 41.7305L34.2679 19.2305Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M36.241 56.0508C39.5933 56.0508 42.4228 55.0198 44.408 53.9951C45.4017 53.4823 46.1877 52.9687 46.7274 52.582C46.9972 52.3887 47.206 52.2271 47.3484 52.1123C47.4197 52.0549 47.4749 52.0085 47.5125 51.9766C47.5311 51.9608 47.5454 51.9482 47.5555 51.9394C47.5606 51.935 47.5653 51.9322 47.5682 51.9297C47.5696 51.9284 47.5702 51.9266 47.5711 51.9258L47.5721 51.9248L47.5731 51.9248L46.909 51.1768L46.908 51.1777C46.9066 51.179 46.9037 51.1815 46.9002 51.1846C46.893 51.1909 46.8808 51.2015 46.8651 51.2148C46.8336 51.2415 46.7855 51.2814 46.7215 51.333C46.5925 51.4369 46.3988 51.588 46.1453 51.7695C45.6381 52.1329 44.8928 52.6193 43.949 53.1064C42.0593 54.0818 39.3886 55.0508 36.241 55.0508C33.0978 55.0508 30.6847 54.0848 29.0584 53.1211C28.2447 52.6389 27.6289 52.1569 27.2186 51.7988C27.0137 51.6201 26.8602 51.4726 26.7596 51.3711C26.7093 51.3204 26.672 51.2804 26.6483 51.2549C26.6366 51.2423 26.628 51.2332 26.6229 51.2275C26.6203 51.2247 26.6179 51.2227 26.617 51.2217L26.241 51.5508L25.8651 51.8809L25.867 51.8818C25.8678 51.8828 25.8687 51.8844 25.8699 51.8857C25.8724 51.8886 25.8755 51.8928 25.8797 51.8975C25.8882 51.9069 25.9006 51.9201 25.9158 51.9365C25.9465 51.9695 25.9909 52.016 26.0486 52.0742C26.1649 52.1915 26.3358 52.3567 26.5604 52.5527C27.0094 52.9446 27.675 53.4627 28.5486 53.9805C30.2973 55.0167 32.8844 56.0508 36.241 56.0508Z" fill="url(#paint0_linear_676_20725)"/>
 <path d="M25.8469 51.2444C25.7522 51.3657 25.7186 51.524 25.756 51.6734L26.7562 55.6733L27.7263 55.4305L26.8809 52.0511L30.241 52.0515L30.2406 51.0522L26.2408 51.0523L26.1276 51.0648C26.0174 51.0905 25.9179 51.1534 25.8469 51.2444Z" fill="#002296"/>
 <g opacity="0.5">
@@ -89,4 +89,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/TrackMouse.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M34.2675 33.6641C35.0373 32.3307 36.9618 32.3307 37.7316 33.6641L50.7219 56.1641C51.4917 57.4974 50.5295 59.1641 48.9899 59.1641H23.0091C21.4695 59.1641 20.5073 57.4974 21.2771 56.1641L34.2675 33.6641Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M34.2675 23.8555C35.0373 22.5221 36.9618 22.5221 37.7316 23.8555L50.7219 46.3555C51.4917 47.6888 50.5295 49.3555 48.9899 49.3555H23.0091C21.4695 49.3555 20.5073 47.6888 21.2771 46.3555L34.2675 23.8555Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M34.2675 14.0508C35.0373 12.7175 36.9618 12.7174 37.7316 14.0508L50.7219 36.5508C51.4917 37.8841 50.5295 39.5508 48.9899 39.5508H23.0091C21.4695 39.5508 20.5073 37.8841 21.2771 36.5508L34.2675 14.0508Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <mask id="mask0_676_20629" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="21" y="32" width="30" height="28">
 <path d="M34.2679 33.6641C35.0377 32.3307 36.9622 32.3307 37.732 33.6641L50.7224 56.1641C51.4922 57.4974 50.53 59.1641 48.9904 59.1641H23.0096C21.47 59.1641 20.5078 57.4974 21.2776 56.1641L34.2679 33.6641Z" fill="#D9D9D9"/>
@@ -83,4 +83,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/TurnEntrance.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="25.248" y="33.3555" width="20" height="20" rx="2" transform="rotate(-17.0664 25.248 33.3555)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="34.0603" y="31.9844" width="20" height="20" rx="2" transform="rotate(9.5328 34.0603 31.9844)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><rect x="18.2161" y="38.6875" width="20" height="20" rx="2" transform="rotate(-45 18.2161 38.6875)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M37.0005 16.7773C40.3528 16.7773 43.1822 17.8084 45.1675 18.833C46.1611 19.3459 46.9471 19.8595 47.4868 20.2461C47.7566 20.4394 47.9654 20.601 48.1079 20.7158C48.1792 20.7732 48.2344 20.8197 48.272 20.8516C48.2906 20.8673 48.3048 20.8799 48.3149 20.8887C48.32 20.8931 48.3247 20.8959 48.3276 20.8984C48.3291 20.8997 48.3297 20.9016 48.3306 20.9023L48.3315 20.9033L48.3325 20.9033L47.6685 21.6514L47.6675 21.6504C47.666 21.6491 47.6632 21.6466 47.6597 21.6436C47.6524 21.6373 47.6402 21.6266 47.6245 21.6133C47.5931 21.5866 47.545 21.5467 47.481 21.4951C47.352 21.3912 47.1582 21.2402 46.9048 21.0586C46.3976 20.6952 45.6523 20.2088 44.7085 19.7217C42.8187 18.7463 40.1481 17.7773 37.0005 17.7773C33.8572 17.7773 31.4442 18.7433 29.8179 19.707C29.0042 20.1892 28.3884 20.6712 27.978 21.0293C27.7732 21.2081 27.6196 21.3556 27.519 21.457C27.4688 21.5078 27.4314 21.5477 27.4077 21.5732C27.396 21.5858 27.3875 21.5949 27.3823 21.6006C27.3797 21.6034 27.3774 21.6054 27.3765 21.6064L27.0005 21.2773L26.6245 20.9473L26.6265 20.9463C26.6273 20.9454 26.6282 20.9438 26.6294 20.9424C26.6319 20.9396 26.635 20.9353 26.6392 20.9307C26.6476 20.9213 26.66 20.908 26.6753 20.8916C26.706 20.8586 26.7504 20.8122 26.8081 20.7539C26.9243 20.6367 27.0952 20.4714 27.3198 20.2754C27.7688 19.8835 28.4344 19.3654 29.3081 18.8477C31.0568 17.8114 33.6439 16.7773 37.0005 16.7773Z" fill="url(#paint0_linear_676_19247)"/>
 <path d="M26.6064 21.5837C26.5117 21.4624 26.4781 21.3041 26.5154 21.1547L27.5157 17.1548L28.4858 17.3976L27.6404 20.777L31.0005 20.7766L31.0001 21.7759L27.0003 21.7758L26.8871 21.7633C26.7769 21.7377 26.6774 21.6747 26.6064 21.5837Z" fill="#002296"/>
 <g opacity="0.7">
@@ -68,4 +68,4 @@
 <rect x="18.2161" y="38.6875" width="20" height="20" rx="2" transform="rotate(-45 18.2161 38.6875)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/TurnScroll.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M40.116 28.6749C40.8106 28.8424 41.3632 29.3677 41.5655 30.053L44.5924 40.3061C44.7947 40.9914 44.616 41.7326 44.1237 42.2504L36.7577 49.9984C36.2653 50.5162 35.5341 50.7321 34.8395 50.5646L24.4466 48.0594C23.752 47.892 23.1994 47.3667 22.9971 46.6814L19.9702 36.4283C19.7679 35.743 19.9466 35.0018 20.4389 34.4839L27.8049 26.736C28.2972 26.2182 29.0284 26.0023 29.7231 26.1697L40.116 28.6749Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M40.7014 20.0948C41.4119 20.0187 42.109 20.3275 42.5301 20.9048L48.8304 29.5416C49.2515 30.1189 49.3326 30.8769 49.0432 31.5303L44.7136 41.3049C44.4243 41.9582 43.8083 42.4075 43.0978 42.4836L32.468 43.6214C31.7575 43.6974 31.0604 43.3886 30.6393 42.8114L24.339 34.1745C23.9179 33.5973 23.8368 32.8392 24.1262 32.1859L28.4558 22.4112C28.7451 21.7579 29.3611 21.3086 30.0715 21.2326L40.7014 20.0948Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.5"><path d="M37.1402 12.5614C37.7589 12.2041 38.5213 12.2041 39.1402 12.5614L48.3986 17.9064C49.0174 18.2637 49.3986 18.9239 49.3987 19.6385L49.3989 30.3291C49.399 31.0436 49.0178 31.7038 48.399 32.0611L39.1408 37.4067C38.522 37.7639 37.7596 37.764 37.1408 37.4067L27.8823 32.0617C27.2635 31.7044 26.8823 31.0442 26.8823 30.3296L26.882 19.639C26.882 18.9245 27.2632 18.2642 27.882 17.907L37.1402 12.5614Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M46.3339 53.6677C44.2407 55.761 41.8305 56.8836 39.9527 57.4829C39.0126 57.7829 38.2013 57.9536 37.6229 58.0491C37.3335 58.097 37.1016 58.1257 36.9406 58.1431C36.8602 58.1517 36.7972 58.1581 36.7535 58.1617C36.732 58.1635 36.7151 58.1643 36.7031 58.1652C36.6972 58.1656 36.692 58.1656 36.6886 58.1658C36.6868 58.166 36.6848 58.1665 36.6837 58.1665L36.6823 58.1665C36.6821 58.1665 36.682 58.1664 36.6527 57.6673C36.6263 57.2187 36.624 57.1733 36.6237 57.1687L36.6243 57.168C36.626 57.1679 36.6288 57.1683 36.6326 57.168C36.6408 57.1674 36.6542 57.166 36.672 57.1646C36.7076 57.1616 36.762 57.1571 36.8336 57.1494C36.9773 57.1339 37.1902 57.1068 37.4592 57.0624C37.9981 56.9733 38.7617 56.8136 39.6482 56.5307C41.4237 55.964 43.6782 54.9093 45.6268 52.9606C47.5722 51.0151 48.4666 48.924 48.8765 47.3217C49.0816 46.5201 49.1653 45.8416 49.1976 45.3668C49.2137 45.1297 49.2168 44.9435 49.2162 44.8192C49.216 44.7572 49.2153 44.7104 49.2142 44.6804C49.2136 44.6654 49.2124 44.6544 49.2121 44.648C49.2119 44.645 49.2128 44.6428 49.2128 44.6417C49.217 44.6416 49.2606 44.6386 49.7113 44.6086C50.1705 44.578 50.207 44.5754 50.2099 44.5754L50.2106 44.5761L50.2106 44.5817C50.2108 44.5851 50.211 44.5904 50.2113 44.5962C50.2119 44.6076 50.2126 44.6237 50.2134 44.6438C50.2148 44.6841 50.2165 44.7414 50.2168 44.8144C50.2175 44.9608 50.2133 45.1709 50.1954 45.4338C50.1597 45.9598 50.0677 46.7002 49.8453 47.5696C49.4002 49.3096 48.4301 51.5714 46.3339 53.6677Z" fill="url(#paint0_linear_676_20138)"/>
 <path d="M49.7723 44.1125C49.9251 44.1313 50.0608 44.2195 50.14 44.3515L52.0053 47.4608L51.1476 47.9751L49.6116 45.4141L47.5769 47.45L46.8705 46.7431L49.358 44.2552L49.4468 44.184C49.5429 44.1242 49.6577 44.0984 49.7723 44.1125Z" fill="#002296"/>
 <g opacity="0.25">
@@ -65,4 +65,4 @@
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

package/src/TwistClick.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="17.8848" height="35.4176" rx="8.94239" transform="matrix(0.523978 -0.851732 -0.851737 -0.523969 46.3977 52.8945)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19572)">
 <rect width="17.8688" height="35.3857" rx="8.93438" transform="matrix(0.523973 -0.851735 -0.851735 -0.523973 46.389 52.8789)" fill="#002291"/>
@@ -62,4 +62,4 @@
 <rect width="5.95625" height="15.3191" rx="2.97813" transform="matrix(6.2438e-08 -1 -1 -6.2438e-08 43.6595 38.9219)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/TwistHover.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="29.9355" y="19" width="25.5255" height="25.5255" rx="2" transform="rotate(25.3673 29.9355 19)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19742)">
 <rect x="29.9354" y="19" width="25.5255" height="25.5255" rx="2" transform="rotate(25.3673 29.9354 19)" fill="#002291"/>
@@ -62,4 +62,4 @@
 <rect x="30.5303" y="30.5312" width="10.9395" height="10.9395" rx="1" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/TypeWriter.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g mask="url(#wash_0_mask)"><path d="M19.7738 44H16.3338V29.7H19.7738V35.26H25.6138V29.7H29.0538V44H25.6138V38.14H19.7738V44ZM41.4691 44H31.0291V29.7H41.4691V32.56H34.4691V35.38H41.0891V38.24H34.4691V41.14H41.4691V44ZM51.0872 44H47.6472V38.54L42.0672 29.7H46.1472L49.3872 35.32L52.6472 29.7H56.7072L51.0872 38.56V44Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g><g mask="url(#wash_1_mask)"><path d="M19.7738 44H16.3338V29.7H19.7738V35.26H25.6138V29.7H29.0538V44H25.6138V38.14H19.7738V44ZM41.4691 44H31.0291V29.7H41.4691V32.56H34.4691V35.38H41.0891V38.24H34.4691V41.14H41.4691V44ZM51.0872 44H47.6472V38.54L42.0672 29.7H46.1472L49.3872 35.32L52.6472 29.7H56.7072L51.0872 38.56V44Z" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g>
 <mask id="mask0_676_17600" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="21" width="21" height="30">
 <rect x="10" y="21" width="21" height="30" fill="#002297"/>
 </mask>
@@ -52,5 +52,5 @@
 <stop offset="0.5" stop-color="#B8C4FF"/>
 <stop offset="0.85" stop-color="#002297"/>
 </linearGradient>
-</defs>
-</svg>
+<mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="21" width="21" height="30"><rect x="10" y="21" width="21" height="30" fill="#D9D9D9"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="31" y="21" width="27" height="30"><rect width="27" height="30" transform="matrix(-1 0 0 1 58 21)" fill="#D9D9D9"/></mask></defs>
+</svg>

package/src/WinkEntrance.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="19.9266" height="19.9266" rx="2" transform="matrix(0.709603 -0.704601 0.709603 0.704601 21.8601 36)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <g opacity="0.5">
 <g clip-path="url(#clip0_676_19345)">
 <rect width="19.9266" height="19.9266" rx="2" transform="matrix(0.709603 -0.704601 0.709603 0.704601 21.8601 36)" fill="#002291"/>
@@ -53,4 +53,4 @@
 <rect width="15.7934" height="15.7934" rx="2" transform="matrix(0.909243 -0.416266 0.909243 0.416266 21.64 35.8984)" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>

package/src/ZoomSection.svg

@@ -1,4 +1,4 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><rect x="20" y="27.1094" width="32" height="17.7778" rx="2.21746" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
 <path d="M58.6216 19.086L52.6215 25.0861L51.9144 24.379L57.9145 18.3789L58.6216 19.086Z" fill="url(#paint0_linear_676_20918)"/>
 <path d="M51.9145 25.0859C51.8097 24.981 51.7569 24.8351 51.7702 24.6874L52.1238 20.7983L53.1195 20.8881L52.8198 24.1806L56.1123 23.8809L56.2021 24.8766L52.313 25.2302L52.2032 25.2281C52.0949 25.2139 51.9932 25.1645 51.9145 25.0859Z" fill="#002296"/>
 <path d="M13.3797 19.086L19.3798 25.0861L20.0869 24.379L14.0869 18.3789L13.3797 19.086Z" fill="url(#paint1_linear_676_20918)"/>
@@ -86,4 +86,4 @@
 <rect x="30.9434" y="33.6445" width="10.0375" height="4.7079" rx="1.10873" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>